.quote-settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-bottom: 14px; }
.quote-folder-card { min-height: 64px; margin: 0; padding: 10px 14px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.quote-folder-card .eyebrow { margin-bottom: 3px; font-size: 7px; }
.quote-folder-card p { margin: 3px 0 0; color: var(--muted); font-size: 8px; }
.quote-folder-card > .btn { padding: 8px 11px; }
.quote-folder-title { display: flex; align-items: center; gap: 8px; }
.quote-folder-title > strong { font-size: 11px; }
.quote-folder-ok { display: inline-flex; align-items: center; gap: 3px; padding: 3px 6px; border: 1px solid color-mix(in srgb, var(--green) 38%, var(--line)); border-radius: 99px; color: var(--green); background: color-mix(in srgb, var(--green) 9%, transparent); font-size: 8px; font-weight: 800; }
.quote-folder-card.is-ready { border-color: color-mix(in srgb, var(--green) 32%, var(--line)); }
.quote-numbering-card { min-height: 64px; margin: 0; padding: 10px 14px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.quote-numbering-card strong { font-size: 11px; }
.quote-numbering-card p { margin: 3px 0 0; color: var(--muted); font-size: 8px; }
.quote-numbering-card form { display: flex; align-items: center; gap: 8px; }
.quote-numbering-card .field { width: 100px; padding: 8px 9px; }
.quote-table td:nth-child(2) strong, .quote-table td:nth-child(2) small { display: block; }
.quote-table th:nth-child(1), .quote-table td:nth-child(1) { width: 11%; white-space: nowrap; }
.quote-table th:nth-child(2), .quote-table td:nth-child(2) { width: 32%; }
.quote-table th:nth-child(3), .quote-table td:nth-child(3),
.quote-table th:nth-child(4), .quote-table td:nth-child(4),
.quote-table th:nth-child(5), .quote-table td:nth-child(5),
.quote-table th:nth-child(6), .quote-table td:nth-child(6) { width: 8%; white-space: nowrap; }
.quote-table th:last-child, .quote-table td:last-child { width: 1%; white-space: nowrap; text-align: right; }
.quote-table td:nth-child(2) small { max-width: 520px; margin-top: 3px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.quote-actions form { margin: 0; }
.quote-actions { justify-content: flex-end; flex-wrap: nowrap; width: 100%; }
.quote-status-accepted { color: var(--green); border-color: color-mix(in srgb, var(--green) 45%, var(--line)); }
.quote-status-rejected, .quote-status-expired { color: var(--red); }
.quote-status-sent { color: var(--blue); }
.quote-form-grid { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 18px; align-items: start; }
.quote-main { display: grid; gap: 18px; }
.quote-sidebar { position: sticky; top: 86px; display: grid; gap: 14px; }
.quote-sidebar .form-group + .form-group { margin-top: 13px; }
.quote-save { width: 100%; }
.quote-items-card .card-header p { margin: 4px 0 0; color: var(--muted); font-size: 9px; }
.quote-items { padding: 9px; display: grid; gap: 7px; }
.quote-item { display: grid; grid-template-columns: 24px minmax(180px, 1fr) 105px 82px 120px 95px 28px; gap: 8px; align-items: end; padding: 10px; border: 1px solid var(--line); border-radius: 11px; background: color-mix(in srgb, var(--surface2) 60%, transparent); }
.quote-item .form-group { gap: 4px; }
.quote-item .field { width: 100%; min-width: 0; padding: 8px 9px; }
.quote-item-number { align-self: center; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 7px; color: var(--blue); background: color-mix(in srgb, var(--blue) 12%, transparent); font-size: 9px; font-weight: 800; }
.quote-item-total { align-self: center; text-align: right; font-size: 10px; white-space: nowrap; }
.quote-item-remove { align-self: center; width: 27px; height: 27px; border: 0; border-radius: 7px; color: var(--muted); background: transparent; cursor: pointer; font-size: 18px; }
.quote-item-remove:hover { color: var(--red); background: color-mix(in srgb, var(--red) 10%, transparent); }
.quote-vat-state { margin-top: 15px; padding: 11px; border-radius: 9px; background: color-mix(in srgb, var(--blue) 7%, var(--surface2)); }
.quote-vat-state span, .quote-vat-state strong { display: block; }
.quote-vat-state span { color: var(--muted); font-size: 8px; text-transform: uppercase; }
.quote-vat-state strong { margin-top: 4px; font-size: 10px; }
.quote-summary .card-body { display: grid; gap: 9px; }
.quote-summary .card-body > div { display: flex; justify-content: space-between; gap: 10px; color: var(--muted); font-size: 10px; }
.quote-summary .card-body strong { color: var(--text); }
.quote-summary .quote-grand-total { margin-top: 3px; padding-top: 11px; border-top: 1px solid var(--line); align-items: baseline; color: var(--text); font-weight: 800; }
.quote-summary .quote-grand-total strong { color: var(--blue); font-size: 17px; }
@media (max-width: 1150px) { .quote-form-grid { grid-template-columns: 1fr; } .quote-sidebar { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); } .quote-sidebar .quote-save { grid-column: 1 / -1; } .quote-item { grid-template-columns: 24px minmax(160px, 1fr) 95px 75px 110px 90px 28px; } }
@media (max-width: 900px) { .quote-settings-grid { grid-template-columns: 1fr; } }
@media (max-width: 800px) { .quote-folder-card, .quote-numbering-card { align-items: flex-start; flex-direction: column; } .quote-sidebar { grid-template-columns: 1fr; } .quote-item { grid-template-columns: 24px 1fr 28px; } .quote-item .form-group { grid-column: 2; } .quote-item-number { grid-column: 1; grid-row: 1; } .quote-item-remove { grid-column: 3; grid-row: 1; } .quote-item-total { grid-column: 2; text-align: left; } }