.quote-filter{
    grid-template-columns:minmax(240px,1fr) 220px auto;
}

.quote-form{
    display:grid;
    gap:18px;
}

.quote-items-editor{
    display:grid;
    gap:12px;
}

.quote-item-card{
    padding:14px;
    border:1px solid var(--border);
    border-radius:10px;
    background:var(--neutral);
}

.quote-item-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:12px;
}

.quote-item-grid{
    display:grid;
    grid-template-columns:2fr 3fr .8fr .8fr 1fr .8fr .8fr 1fr;
    gap:10px;
    align-items:end;
}

.quote-item-total{
    padding:9px 10px;
    border:1px solid var(--border);
    border-radius:8px;
    background:#fff;
}

.quote-item-total span{
    display:block;
    color:var(--text-soft);
    font-size:11px;
    margin-bottom:4px;
}

.quote-item-total strong{
    color:var(--hw-navy);
}

.quote-totals-preview,
.quote-totals{
    width:min(100%,420px);
    margin-left:auto;
    margin-top:18px;
}

.quote-totals-preview > div,
.quote-totals > div{
    display:flex;
    justify-content:space-between;
    gap:18px;
    padding:6px 0;
}

.quote-grand-total,
.quote-total-final{
    border-top:2px solid var(--hw-navy);
    margin-top:6px;
    padding-top:10px !important;
    color:var(--hw-navy);
    font-size:16px;
}

.quote-header-actions{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.quote-summary-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-bottom:18px;
}

.quote-summary-grid article{
    padding:14px;
    border:1px solid var(--border);
    border-radius:10px;
    background:#fff;
}

.quote-summary-grid span{
    display:block;
    color:var(--text-soft);
    font-size:12px;
    margin-bottom:5px;
}

.quote-summary-grid strong{
    color:var(--hw-navy);
    font-size:18px;
}

.quote-address-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:30px;
}

.quote-actions-panel{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.quote-workflow-actions{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.quote-workflow-actions form{
    margin:0;
}

@media(max-width:1200px){
    .quote-item-grid{
        grid-template-columns:repeat(4,1fr);
    }

    .quote-item-article,
    .quote-item-description{
        grid-column:span 2;
    }
}

@media(max-width:850px){
    .quote-summary-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .quote-address-grid{
        grid-template-columns:1fr;
    }

    .quote-actions-panel{
        align-items:flex-start;
        flex-direction:column;
    }
}

@media(max-width:650px){
    .quote-filter,
    .quote-summary-grid,
    .quote-item-grid{
        grid-template-columns:1fr;
    }

    .quote-item-article,
    .quote-item-description{
        grid-column:auto;
    }

    .quote-header-actions{
        align-items:flex-start;
        flex-direction:column;
    }
}

.vat-notice{
    background:#F7FAFC;
    color:#475569;
    font-size:12px;
}