/* ChangeFluent Quote Management (Theme-friendly UI)
   Uses Astra global colors if available. */
:root{
  --cfqm-primary: var(--ast-global-color-0, #307090);
  --cfqm-accent:  var(--ast-global-color-1, #b05050);
  --cfqm-border:  rgba(15,23,42,.12);
  --cfqm-muted:   rgba(15,23,42,.7);
  --cfqm-card:    rgba(255,255,255,.92);
}
.cfqm-wrap{max-width:1100px;margin:24px auto;padding:0 16px;}
.cfqm-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px;flex-wrap:wrap;}
.cfqm-title{margin:0;font-size:26px;line-height:1.1;}
.cfqm-meta{color:var(--cfqm-muted);font-size:13px;}
.cfqm-card{background:var(--cfqm-card);border:1px solid var(--cfqm-border);border-radius:16px;padding:16px;margin:14px 0;box-shadow:0 1px 1px rgba(15,23,42,.03);}
.cfqm-subtitle{font-weight:700;color:var(--cfqm-primary);margin-bottom:10px;}
.cfqm-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.cfqm-grid-2-tight{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
@media(max-width:900px){.cfqm-grid-2{grid-template-columns:1fr;}.cfqm-grid-2-tight{grid-template-columns:1fr;}}
.cfqm-field label{display:block;font-size:12px;color:var(--cfqm-muted);margin:10px 0 6px;}
.cfqm-field input,.cfqm-field textarea{width:100%;border:1px solid var(--cfqm-border);border-radius:12px;padding:10px 12px;background:#fff;color:inherit;}
.cfqm-inline label{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.cfqm-inline input[type="checkbox"]{transform:scale(1.1);}
.cfqm-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;align-items:center;}
.cfqm-btn{border:0;border-radius:12px;padding:10px 14px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;}
.cfqm-btn-primary{background:var(--cfqm-primary);color:#fff;}
.cfqm-btn-accent{background:var(--cfqm-accent);color:#fff;}
.cfqm-btn-ghost{background:transparent;border:1px solid var(--cfqm-border);color:inherit;}
.cfqm-link{color:var(--cfqm-primary);font-weight:700;text-decoration:none;}
.cfqm-link:hover{text-decoration:underline;}
.cfqm-note{color:var(--cfqm-muted);font-size:13px;margin-top:10px;}
.cfqm-hr{height:1px;background:var(--cfqm-border);margin:14px 0;}
.cfqm-kv{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--cfqm-border);}
.cfqm-kv-big strong{font-size:20px;}
.cfqm-kv span{color:var(--cfqm-muted);font-size:13px;}
.cfqm-table{width:100%;}
.cfqm-row{display:grid;grid-template-columns:2fr 1.2fr 1fr 1.4fr 1fr .6fr;gap:10px;padding:10px 0;border-bottom:1px solid rgba(15,23,42,.06);align-items:center;}
.cfqm-row-head{font-weight:700;color:var(--cfqm-muted);font-size:12px;}
@media(max-width:900px){.cfqm-row{grid-template-columns:1.4fr 1fr .9fr;}.cfqm-row > div:nth-child(n+4){display:none;}}
.cfqm-badge{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;border:1px solid var(--cfqm-border);background:rgba(15,23,42,.04);}
.cfqm-badge-sent,.cfqm-badge-viewed{border-color:rgba(48,112,144,.35);background:rgba(48,112,144,.10);color:#1e3a8a;}
.cfqm-badge-approved{border-color:rgba(22,163,74,.35);background:rgba(22,163,74,.12);color:#166534;}
.cfqm-badge-partially_approved{border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.14);color:#92400e;}
.cfqm-badge-amendment_requested,.cfqm-badge-expired{border-color:rgba(176,80,80,.35);background:rgba(176,80,80,.12);color:#7f1d1d;}
.cfqm-area{border:1px solid var(--cfqm-border);border-radius:16px;padding:12px;background:rgba(255,255,255,.75);margin:12px 0;}
.cfqm-area-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:10px;flex-wrap:wrap;}
.cfqm-hint{color:var(--cfqm-muted);font-size:12px;}
.cfqm-areas-list{display:flex;flex-direction:column;gap:10px;}
.cfqm-area-row{display:grid;grid-template-columns:1fr 120px;gap:12px;padding:12px;border:1px solid var(--cfqm-border);border-radius:16px;background:rgba(15,23,42,.03);}
@media(max-width:700px){.cfqm-area-row{grid-template-columns:1fr;}.cfqm-area-price{text-align:left;}}
.cfqm-area-price{font-weight:800;text-align:right;}
.cfqm-check{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;}
.cfqm-area-name{font-weight:800;}
.cfqm-scope{margin:6px 0 0;color:var(--cfqm-muted);font-size:13px;}
.cfqm-chip{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;font-size:11px;border:1px solid var(--cfqm-border);white-space:nowrap;}
.cfqm-chip-included{background:rgba(48,112,144,.10);border-color:rgba(48,112,144,.25);}
.cfqm-chip-optional{background:rgba(176,80,80,.12);border-color:rgba(176,80,80,.25);}