/* Supporting screens for the sculpted-glass design. No shared state or behavior changes. */
:root[data-design="volume"] .stats-row {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  border: 0;
  padding: 0 0 10px;
  margin-bottom: 24px;
}
:root[data-design="volume"] .stat-item,
:root[data-design="volume"] .stat-item:first-child {
  min-height: 145px;
  padding: 22px 23px;
  border: 1px solid var(--v-edge);
  border-radius: 27px;
  background: var(--v-raised);
  box-shadow: inset 1px 2px 1px rgba(255,255,255,.4), inset -1px -3px 1px rgba(55,42,34,.18), 6px 9px 0 -4px rgba(69,50,39,.19), 12px 20px 28px -15px rgba(15,20,20,.6);
}
:root[data-design="volume"] .stat-label,
:root[data-design="volume"] .stat-item>span:first-child { color: var(--secondary); font-size: 11px; }
:root[data-design="volume"] .stat-value { color: var(--text); font-size: 34px; font-weight: 560; letter-spacing: -1.3px; }
:root[data-design="volume"] .stat-note,
:root[data-design="volume"] .stat-value small { color: var(--muted); }
:root[data-design="volume"] .stat-note.positive { color: var(--success); }
:root[data-design="volume"] .stat-item:last-child { border-top-color: rgba(255,179,110,.7); }
:root[data-design="volume"] .overview-grid { gap: 22px; }
:root[data-design="volume"] .panel,
:root[data-design="volume"] .table-wrap.glass,
:root[data-design="volume"] .info-card,
:root[data-design="volume"] .assistant-intro {
  background: var(--v-panel);
  border: 1px solid var(--v-edge);
  border-radius: 30px;
  box-shadow: var(--v-shadow);
  -webkit-backdrop-filter: blur(22px) saturate(115%);
  backdrop-filter: blur(22px) saturate(115%);
}
:root[data-design="volume"] .panel { padding: 26px; }
:root[data-design="volume"] .panel-header { margin-bottom: 20px; }
:root[data-design="volume"] .panel-header h2 { font-size: 20px; font-weight: 550; letter-spacing: -.5px; }
:root[data-design="volume"] .task-list { gap: 10px; }
:root[data-design="volume"] .task-row {
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 19px;
  background: var(--v-raised);
  box-shadow: inset 0 1px 1px rgba(255,255,255,.25), 4px 7px 12px -7px rgba(12,18,18,.6);
}
:root[data-design="volume"] .task-check {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  flex-basis: 25px;
  border-color: var(--line);
  background: var(--v-input);
  box-shadow: inset 1px 2px 4px rgba(20,27,27,.2), 0 1px 1px rgba(255,255,255,.2);
}
:root[data-design="volume"] .task-check.checked {
  color: #bbfff0;
  background: #22443e;
  border-color: #8cdacb;
  box-shadow: inset 0 0 6px rgba(143,255,230,.2), 0 0 10px rgba(115,225,202,.13);
}
:root[data-design="volume"] .funnel-row { border-color: var(--line); padding: 17px 2px; border-radius: 8px; }
:root[data-design="volume"] .funnel-row:hover { background: rgba(255,255,255,.07); }
:root[data-design="volume"] .funnel-row .progress-track {
  height: 8px;
  background: var(--v-input);
  box-shadow: inset 1px 2px 3px rgba(13,26,26,.22), 0 1px rgba(255,255,255,.25);
}
:root[data-design="volume"] .funnel-row .progress-fill { background: linear-gradient(90deg,#ea7943,#ffb05d); box-shadow: inset 0 1px rgba(255,232,203,.65); }
:root[data-design="volume"] .funnel-row .progress-fill.green { background: linear-gradient(90deg,#3b8b7b,#96edd9); }
:root[data-design="volume"] .funnel-row .progress-fill.purple { background: linear-gradient(90deg,#877365,#c8ad98); }
:root[data-design="volume"] .funnel-row .progress-fill.blue { background: linear-gradient(90deg,#527c7d,#a1c5bf); }
:root[data-design="volume"] .activity-row { border-color: var(--line); padding: 17px 0; }
:root[data-design="volume"] .activity-row>.activity-dot { background: var(--v-mint); box-shadow: 0 0 8px rgba(119,231,211,.25); }
:root[data-design="volume"] .feature-icon {
  border-radius: 17px;
  width: 50px;
  height: 50px;
  flex-basis: 50px;
  color: #ffe9d5;
  background: linear-gradient(135deg,#ffaf6b,#ed7745);
  border: 1px solid rgba(255,209,164,.85);
  box-shadow: inset 0 2px rgba(255,238,213,.5), inset 0 -3px rgba(134,48,25,.2), 6px 9px 15px -6px rgba(73,38,23,.5);
}
:root[data-design="volume"] .attention-panel { background: linear-gradient(145deg,rgba(255,181,116,.14),transparent 70%), var(--v-panel); }
:root[data-design="volume"] .table-wrap.glass { padding: 10px; }
:root[data-design="volume"] .data-table { border-collapse: separate; border-spacing: 0 5px; }
:root[data-design="volume"] .data-table th { color: var(--muted); border: 0; background: transparent; padding: 15px 18px 10px; font-weight: 500; }
:root[data-design="volume"] .data-table td {
  color: var(--secondary);
  background: rgba(255,255,255,.065);
  border-top: 1px solid rgba(255,255,255,.13);
  border-bottom: 1px solid var(--line);
  padding: 18px;
}
:root[data-design="volume"] .data-table tbody tr:last-child td { border-bottom: 1px solid var(--line); }
:root[data-design="volume"] .data-table td:first-child { border-radius: 16px 0 0 16px; }
:root[data-design="volume"] .data-table td:last-child { border-radius: 0 16px 16px 0; }
:root[data-design="volume"] .data-table tbody tr:hover { background: transparent; }
:root[data-design="volume"] .data-table tbody tr:hover td { background: rgba(255,255,255,.14); }
:root[data-design="volume"] .data-table .text-btn { color: var(--text); }
:root[data-design="volume"] .data-table .text-btn:hover { color: var(--accent); }
:root[data-design="volume"] .data-table .pill { padding: 7px 10px; }
:root[data-design="volume"] .property-grid { gap: 24px; }
:root[data-design="volume"] .property-card { padding: 10px; }
:root[data-design="volume"] .property-card .property-art {
  border-radius: 23px;
  height: 190px;
  flex-basis: 190px;
  border: 1px solid rgba(255,255,255,.45);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.25), 0 10px 20px -12px rgba(9,21,21,.65);
}
:root[data-design="volume"] .property-art-label {
  border-radius: 20px;
  padding: 8px 12px;
  background: rgba(31,46,45,.78);
  border-color: rgba(206,238,222,.5);
  backdrop-filter: blur(10px);
  box-shadow: inset 0 1px 1px rgba(255,255,255,.15), 2px 4px 8px rgba(8,20,20,.3);
}
:root[data-design="volume"] .property-body { padding: 22px 16px 15px; }
:root[data-design="volume"] .property-price { font-size: 26px; font-weight: 560; letter-spacing: -.9px; }
:root[data-design="volume"] .property-footer { padding-top: 15px; }
:root[data-design="volume"] .kanban-board { gap: 20px; padding-bottom: 30px; }
:root[data-design="volume"] .kanban-column {
  border-radius: 30px;
  padding: 22px 13px 16px;
  background: var(--v-panel);
  border: 1px solid var(--v-edge);
  box-shadow: var(--v-shadow);
}
:root[data-design="volume"] .column-heading { margin: 0 3px 21px; }
:root[data-design="volume"] .column-heading h2 { font-size: 13px; font-weight: 570; }
:root[data-design="volume"] .column-count { border-radius: 50%; background: var(--v-input); color: var(--secondary); box-shadow: inset 1px 2px 3px rgba(8,25,25,.18); }
:root[data-design="volume"] .column-total { color: var(--muted); }
:root[data-design="volume"] .deal-card {
  padding: 17px 15px 14px;
  border-radius: 23px;
  background: var(--v-raised);
  border: 1px solid var(--v-edge);
  box-shadow: inset 1px 2px 1px rgba(255,255,255,.3), inset -1px -3px 1px rgba(46,34,28,.14), 5px 7px 0 -4px rgba(48,39,31,.22), 10px 17px 20px -13px rgba(7,20,20,.65);
}
:root[data-design="volume"] .deal-card:hover { background: var(--v-raised); border-color: rgba(255,185,123,.8); box-shadow: inset 1px 2px 1px rgba(255,255,255,.3), 5px 9px 0 -5px rgba(48,39,31,.24), 10px 20px 27px -12px rgba(7,20,20,.55); }
:root[data-design="volume"] .deal-card h3 { font-size: 13px; font-weight: 540; line-height: 1.6; }
:root[data-design="volume"] .deal-card .deal-amount { font-size: 24px; }
:root[data-design="volume"] .deal-card .card-location,
:root[data-design="volume"] .deal-card .card-client,
:root[data-design="volume"] .deal-card .next-step { color: var(--secondary); }
:root[data-design="volume"] .card-list { gap: 18px; }
:root[data-design="volume"] .column-add {
  margin-top: 18px;
  min-height: 44px;
  border-radius: 24px;
  border: 1px dashed var(--line);
  color: var(--secondary);
  background: var(--v-input);
  box-shadow: inset 1px 2px 5px rgba(8,20,20,.16), 0 1px rgba(255,255,255,.2);
}
:root[data-design="volume"] .kanban-column.drop-target,
:root[data-design="volume"] .kanban-column.drag-over { border-color: #9aead7; box-shadow: inset 0 0 12px rgba(128,232,211,.15), 0 0 0 2px rgba(128,232,211,.15), var(--v-shadow); }
:root[data-design="volume"] .task-complete { border-color: rgba(144,222,198,.65); }
:root[data-design="volume"] .task-complete .badge { color: var(--success); background: rgba(71,161,140,.12); border-color: rgba(103,194,172,.3); }
:root[data-design="volume"] .platform-strip { gap: 12px; padding-bottom: 22px; }
:root[data-design="volume"] .platform-label,
:root[data-design="volume"] .platform-pill {
  border-radius: 22px;
  border: 1px solid var(--v-edge);
  padding: 10px 18px;
  color: var(--secondary);
  background: var(--v-raised);
  box-shadow: inset 0 1px rgba(255,255,255,.3), inset 0 -2px rgba(45,37,32,.12), 4px 8px 12px -7px rgba(11,25,25,.6);
}
:root[data-design="volume"] .ad-card { padding: 30px; }
:root[data-design="volume"] .ad-card>.ad-text { font-size: 13px; line-height: 1.9; }
:root[data-design="volume"] .ad-card>.card-top>svg { color: var(--accent); }
:root[data-design="volume"] .assistant-intro { padding: 27px; }
:root[data-design="volume"] .assistant-intro .feature-icon {
  color: #adfff0;
  background: linear-gradient(145deg,#324a47,#1e3332);
  border-color: #a1e8d8;
  box-shadow: inset 0 1px 4px rgba(153,255,230,.55), inset 0 -2px 4px rgba(94,244,209,.3), 0 0 17px rgba(95,233,203,.22), 7px 12px 17px -8px rgba(11,25,25,.75);
}
:root[data-design="volume"] .suggestion-card { padding: 29px; }
:root[data-design="volume"] .suggestion-card>.card-top { margin-bottom: 20px; }
:root[data-design="volume"] .suggestion-source { padding: 7px 11px; border-radius: 20px; background: var(--v-input); box-shadow: inset 1px 2px 3px rgba(12,27,27,.15); }
:root[data-design="volume"] .suggestion-card>h2 { font-size: 22px; letter-spacing: -.65px; }
:root[data-design="volume"] .source-line { color: var(--muted); }
:root[data-design="volume"] .note,
:root[data-design="volume"] .info-note { color: var(--secondary); background: var(--v-input); border-color: var(--line); border-radius: 18px; }
:root[data-design="volume"] dialog {
  color: var(--text);
  background: linear-gradient(135deg,rgba(255,248,234,.34),rgba(255,248,234,0) 65%), rgba(233,222,204,.94);
  border: 1px solid var(--v-edge);
  border-radius: 34px;
  box-shadow: inset 1px 2px 1px rgba(255,255,255,.45), inset -1px -2px 1px rgba(23,35,34,.2), 10px 18px 0 -9px rgba(46,33,26,.3), 30px 50px 100px rgba(7,17,18,.65);
  -webkit-backdrop-filter: blur(45px) saturate(110%);
  backdrop-filter: blur(45px) saturate(110%);
}
:root[data-design="volume"]:where([data-theme="dark"]) dialog {
  background: linear-gradient(135deg,rgba(222,207,183,.1),transparent 65%), rgba(36,51,51,.94);
}
:root[data-design="volume"] dialog::backdrop { background: rgba(19,28,28,.6); backdrop-filter: blur(9px); }
:root[data-design="volume"] #dialog-content { padding: 32px; }
:root[data-design="volume"] .dialog-header h2 { font-weight: 550; letter-spacing: -.7px; }
:root[data-design="volume"] :is(.form-field,.field) :is(input,select,textarea),
:root[data-design="volume"] dialog input:not([type="checkbox"]):not([type="radio"]),
:root[data-design="volume"] dialog select,
:root[data-design="volume"] dialog textarea {
  color: var(--text);
  background: var(--v-input);
  border: 1px solid var(--line);
  border-radius: 15px;
  box-shadow: inset 2px 3px 6px rgba(17,28,27,.13), 0 1px 1px rgba(255,255,255,.33);
  padding: 13px 15px;
  min-height: 47px;
}
:root[data-design="volume"] dialog select option { color: #223431; background: #e5d8ca; }
:root[data-design="volume"] dialog input::placeholder,
:root[data-design="volume"] dialog textarea::placeholder { color: var(--muted); }
:root[data-design="volume"] .detail-link { background: var(--v-raised); border: 1px solid var(--v-edge); border-radius: 20px; padding: 17px; box-shadow: inset 0 1px 1px rgba(255,255,255,.3), 5px 8px 14px -8px rgba(10,25,25,.65); }
:root[data-design="volume"] .detail-link:hover { background: var(--v-raised); border-color: var(--accent); }
:root[data-design="volume"] .detail-price { font-weight: 550; }
:root[data-design="volume"] .checklist-row { border-color: var(--line); }
:root[data-design="volume"] .doc-status { color: var(--success); background: rgba(78,163,143,.12); border-color: rgba(109,188,167,.45); border-radius: 9px; box-shadow: inset 0 1px rgba(255,255,255,.25), 2px 4px 5px -3px rgba(12,24,24,.3); }
:root[data-design="volume"] .doc-status.missing { color: var(--accent); background: rgba(247,141,73,.1); border-color: rgba(239,153,96,.45); }
:root[data-design="volume"] .document-row,
:root[data-design="volume"] .platform-fieldset { border-color: var(--line); border-radius: 17px; background: var(--v-input); }
:root[data-design="volume"] .toast {
  background: linear-gradient(140deg,#35524b,#213734);
  color: #e3fff4;
  border: 1px solid rgba(146,232,211,.7);
  border-radius: 22px;
  padding: 16px 23px;
  box-shadow: inset 0 1px 3px rgba(170,255,232,.35), 0 0 16px rgba(114,224,193,.13), 12px 18px 28px -12px rgba(8,24,24,.55);
}
:root[data-design="volume"][data-transparency="reduced"] :is(.panel,.table-wrap.glass,.info-card,.assistant-intro,.kanban-column,dialog) { background: #d7c9bb; -webkit-backdrop-filter: none; backdrop-filter: none; }
:root[data-design="volume"][data-theme="dark"][data-transparency="reduced"] :is(.panel,.table-wrap.glass,.info-card,.assistant-intro,.kanban-column,dialog) { background: #293c3c; }
@media (max-width: 1250px) {
  :root[data-design="volume"] .stat-item,
  :root[data-design="volume"] .stat-item:first-child { padding: 20px 17px; }
  :root[data-design="volume"] .stat-value { font-size: 29px; }
  :root[data-design="volume"] .panel { padding: 22px; }
  :root[data-design="volume"] .table-wrap.glass { padding: 8px; }
}
@media (max-width: 767px) {
  :root[data-design="volume"] .page-heading:not(.volume-heading) { flex-wrap: wrap; }
  :root[data-design="volume"] .page-heading:not(.volume-heading)>div { min-width: 0; max-width: 100%; }
  :root[data-design="volume"] .page-heading:not(.volume-heading) .primary-btn { margin-top: 0; max-width: 100%; }
  :root[data-design="volume"] .stats-row { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  :root[data-design="volume"] .stat-item,
  :root[data-design="volume"] .stat-item:first-child { padding: 20px 16px; min-height: 139px; border-radius: 23px; }
  :root[data-design="volume"] .stat-value { font-size: 29px; }
  :root[data-design="volume"] .stat-label { font-size: 10px; }
  :root[data-design="volume"] .panel { padding: 23px 18px; }
  :root[data-design="volume"] .table-wrap.glass { padding: 7px; }
  :root[data-design="volume"] .task-row { padding: 14px 12px; gap: 10px; }
  :root[data-design="volume"] .task-row .task-copy { flex-basis: calc(100% - 42px); }
  :root[data-design="volume"] .panel-header h2 { font-size: 18px; }
  :root[data-design="volume"] .property-card { padding: 9px; }
  :root[data-design="volume"] .property-card .property-art { height: 210px; flex-basis: 210px; }
  :root[data-design="volume"] .property-body { padding: 22px 16px 15px; }
  :root[data-design="volume"] .kanban-column { padding: 22px 14px 16px; }
  :root[data-design="volume"] .ad-card,
  :root[data-design="volume"] .suggestion-card { padding: 26px 23px; }
  :root[data-design="volume"] .assistant-intro { padding: 24px 21px; }
  :root[data-design="volume"] .assistant-intro>.pill { margin-left: 54px; }
  :root[data-design="volume"] dialog { border-radius: 27px; }
  :root[data-design="volume"] #dialog-content { padding: 27px 21px; }
  :root[data-design="volume"] dialog :is(input,select,textarea) { font-size: 16px; }
}
@media (prefers-reduced-transparency: reduce) {
  :root[data-design="volume"] :is(.panel,.table-wrap.glass,.info-card,.assistant-intro,.kanban-column,dialog) { background: #d7c9bb; -webkit-backdrop-filter: none; backdrop-filter: none; }
  :root[data-design="volume"][data-theme="dark"] :is(.panel,.table-wrap.glass,.info-card,.assistant-intro,.kanban-column,dialog) { background: #293c3c; }
}
@media (forced-colors: active) {
  :root[data-design="volume"] :is(.panel,.info-card,.stat-item,.task-row,.deal-card,.kanban-column,.feature-icon,.platform-label,.detail-link,.toast,dialog) { background: Canvas; color: CanvasText; border: 1px solid CanvasText; box-shadow: none; backdrop-filter: none; }
  :root[data-design="volume"] .data-table td { background: Canvas; color: CanvasText; border-color: CanvasText; }
}