/* Aizyne Workspace UI v1 */

html,body{
    margin:0;
    padding:0;
    background:#07111f;
    color:#f5f8ff;
    font-family:Arial,Helvetica,sans-serif;
}

.azw-wrap{
    width:100%;
    max-width:none;
    box-sizing:border-box;
    padding:1rem clamp(1rem,2.4vw,3rem) 2.5rem;
}

.azw-panel,
.azw-card{
    background:rgba(13,27,46,.92);
    border:1px solid rgba(130,170,220,.22);
    border-radius:15px;
    padding:1rem 1.1rem;
    margin:.8rem 0;
    box-shadow:0 8px 24px rgba(0,0,0,.14);
}

.azw-hero{
    background:linear-gradient(135deg,rgba(74,144,226,.09),rgba(123,104,238,.06)),rgba(13,27,46,.92);
}

.azw-badge{
    display:inline-flex;
    padding:.3rem .6rem;
    border-radius:999px;
    background:rgba(0,217,255,.10);
    border:1px solid rgba(0,217,255,.24);
    color:#b8dcff;
    font-size:.76rem;
    font-weight:800;
}

.azw-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:.75rem;
}

.azw-form-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(240px,1fr));
    gap:.75rem;
}

.azw-form label{
    display:block;
    font-weight:750;
    margin:.25rem 0;
}

.azw-form input,
.azw-form textarea,
.azw-form select{
    width:100%;
    box-sizing:border-box;
    padding:.72rem .8rem;
    border-radius:10px;
    border:1px solid rgba(130,170,220,.28);
    background:#07111f;
    color:#fff;
}

.azw-form textarea{
    resize:vertical;
    min-height:130px;
}

.azw-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:.62rem .95rem;
    border-radius:10px;
    background:linear-gradient(135deg,rgba(74,144,226,.92),rgba(123,104,238,.88));
    border:1px solid rgba(143,220,255,.32);
    color:#fff!important;
    text-decoration:none!important;
    font-weight:750;
    font-size:.9rem;
    cursor:pointer;
}

.azw-btn.secondary{
    background:rgba(74,144,226,.08);
    color:#b8dcff!important;
    border-color:rgba(143,220,255,.22);
}

.azw-btn.danger{
    background:rgba(255,80,80,.10);
    border-color:rgba(255,80,80,.36);
    color:#ffb8b8!important;
}

.azw-actions{
    display:flex;
    flex-wrap:wrap;
    gap:.65rem;
    margin-top:.9rem;
}

.azw-muted{
    color:#a9b6c8;
    line-height:1.55;
}

.azw-notice{
    border-radius:12px;
    padding:.8rem;
    margin:.8rem 0;
    background:rgba(255,170,0,.08);
    border:1px solid rgba(255,170,0,.35);
    color:#ffd68a;
}

.azw-ok{
    border-radius:12px;
    padding:.8rem;
    margin:.8rem 0;
    background:rgba(0,255,136,.07);
    border:1px solid rgba(0,255,136,.23);
    color:#c8ffe0;
}

.azw-error{
    border-radius:12px;
    padding:.8rem;
    margin:.8rem 0;
    background:rgba(255,80,80,.08);
    border:1px solid rgba(255,80,80,.30);
    color:#ffb8b8;
}

.azw-table-wrap{
    overflow-x:auto;
    border:1px solid rgba(130,170,220,.18);
    border-radius:12px;
}

.azw-table{
    width:100%;
    min-width:850px;
    border-collapse:collapse;
}

.azw-table th,
.azw-table td{
    padding:.72rem;
    border-bottom:1px solid rgba(130,170,220,.16);
    text-align:left;
    vertical-align:top;
}

.azw-table th{
    color:#d8e8ff;
    background:rgba(74,144,226,.10);
}

.azw-pill{
    display:inline-flex;
    padding:.25rem .52rem;
    border-radius:999px;
    border:1px solid rgba(130,170,220,.22);
    color:#b8dcff;
    font-size:.78rem;
    font-weight:800;
}

.azw-output{
    white-space:pre-wrap;
    background:#07111f;
    border:1px solid rgba(130,170,220,.22);
    border-radius:12px;
    padding:1rem;
    overflow:auto;
}

.aizyne-workspace-strip{
    width:100%;
    box-sizing:border-box;
    padding:.65rem clamp(1rem,2.4vw,3rem);
    border-bottom:1px solid rgba(130,170,220,.14);
    background:rgba(7,17,31,.88);
    color:#d8e8ff;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:.75rem;
    flex-wrap:wrap;
}

.aizyne-workspace-strip a{
    color:#b8dcff!important;
    text-decoration:none!important;
    font-weight:750;
}

.aizyne-workspace-strip .azw-strip-actions{
    display:flex;
    gap:.5rem;
    flex-wrap:wrap;
}

.aizyne-workspace-strip .azw-strip-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:32px;
    padding:.42rem .7rem;
    border-radius:9px;
    border:1px solid rgba(143,220,255,.24);
    background:rgba(74,144,226,.08);
    color:#b8dcff!important;
    font-size:.84rem;
}

@media(max-width:760px){
    .azw-form-grid{
        grid-template-columns:1fr;
    }

    .azw-actions .azw-btn{
        width:100%;
    }

    .aizyne-workspace-strip{
        align-items:flex-start;
        flex-direction:column;
    }
}