#dash-common-area-scheduling { --ca-accent: #2dd4bf; --ca-accent-dark: #0f766e; }
.ca-hidden { display: none !important; }
.ca-page-header,.ca-form-heading,.ca-wizard-actions,.ca-filters,.ca-pagination { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.ca-page-header p,.ca-section-note,.ca-empty,.ca-form-heading span { color:var(--text-dim); }
.ca-feedback { display:none; margin-bottom:16px; padding:12px 16px; border-radius:6px; }
.ca-feedback.success { display:block; color:#6ee7b7; background:rgba(16,185,129,.15); border:1px solid rgba(16,185,129,.35); }
.ca-feedback.error { display:block; color:#fca5a5; background:rgba(239,68,68,.15); border:1px solid rgba(239,68,68,.35); }
.ca-back-list { min-width:0; padding:0; margin-bottom:12px; background:none; color:var(--ca-accent); }
.ca-stepper { display:flex; overflow-x:auto; padding:8px 2px 24px; margin-bottom:24px; }
.ca-stepper button { position:relative; min-width:112px; flex:1; padding:42px 6px 8px; background:none; color:var(--text-dim); font-size:.76rem; white-space:normal; }
.ca-stepper button::before { content:attr(data-number); position:absolute; top:0; left:50%; width:30px; height:30px; display:grid; place-items:center; transform:translateX(-50%); border-radius:50%; border:2px solid var(--border); background:#172033; z-index:2; }
.ca-stepper button::after { content:""; position:absolute; height:2px; top:14px; left:-50%; right:50%; background:var(--border); }
.ca-stepper button:first-child::after { display:none; }
.ca-stepper button.active,.ca-stepper button.complete { color:#ccfbf1; }
.ca-stepper button.active::before,.ca-stepper button.complete::before { border-color:var(--ca-accent); background:var(--ca-accent-dark); color:white; }
.ca-stepper button.complete::after,.ca-stepper button.active::after { background:var(--ca-accent); }
.ca-step { display:none; }
.ca-step.active { display:block; animation:fadeIn .2s ease; }
.ca-step>h3 { margin-bottom:22px; }
.ca-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.ca-span-2 { grid-column:1/-1; }
.ca-error { display:block; min-height:18px; margin-top:5px; color:#fca5a5; }
.ca-switch-list { display:grid; gap:10px; margin:18px 0 24px; }
.ca-switch-row { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:16px; border:1px solid var(--border); border-radius:7px; background:rgba(255,255,255,.025); }
.ca-switch-row span { display:grid; gap:4px; }.ca-switch-row small { color:var(--text-dim); }
.ca-switch-row input[role=switch],.ca-holiday-switch { appearance:none; width:44px; height:24px; flex:0 0 44px; border-radius:20px; background:#475569; position:relative; cursor:pointer; transition:.2s; }
.ca-switch-row input[role=switch]::after,.ca-holiday-switch::after { content:""; position:absolute; width:18px; height:18px; border-radius:50%; background:white; top:3px; left:3px; transition:.2s; }
.ca-switch-row input:checked,.ca-holiday-switch:checked { background:var(--ca-accent-dark); }
.ca-switch-row input:checked::after,.ca-holiday-switch:checked::after { transform:translateX(20px); }
.ca-fieldset { border:1px solid var(--border); border-radius:7px; padding:18px; margin-top:18px; }.ca-fieldset legend { padding:0 8px; color:var(--text-dim); }
.ca-icon-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(80px,1fr)); gap:10px; }
.ca-icon-grid button { min-width:0; padding:14px 8px; flex-direction:column; background:rgba(255,255,255,.04); border:1px solid var(--border); color:var(--text-main); font-size:.75rem; }
.ca-icon-grid button.selected { border-color:var(--ca-accent); background:rgba(45,212,191,.12); color:#99f6e4; }
.ca-check-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); gap:10px; }.ca-check-grid label,.ca-inline-check { display:flex; align-items:center; gap:8px; padding:10px; }
.ca-multiselect { position:relative; }.ca-options { display:none; position:absolute; left:0; right:0; top:48px; max-height:190px; overflow:auto; z-index:20; background:#172033; border:1px solid var(--border); box-shadow:0 10px 30px rgba(0,0,0,.35); }
.ca-options.open { display:block; }.ca-options button { width:100%; min-width:0; justify-content:flex-start; padding:10px 14px; border-radius:0; background:none; }.ca-options button:hover { background:rgba(255,255,255,.08); }
.ca-chips { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }.ca-chip { display:inline-flex; align-items:center; gap:6px; padding:6px 9px; border-radius:20px; background:rgba(45,212,191,.13); color:#99f6e4; }.ca-chip button { min-width:0; padding:0; background:none; color:inherit; }
.ca-file-info { margin-top:10px; color:var(--text-dim); }.ca-file-info button { display:inline; min-width:0; padding:0 8px; background:none; color:#fca5a5; }
.ca-limit-box,.ca-subcard { padding:18px; border:1px solid var(--border); border-radius:7px; }.ca-limit-box>label:first-child { display:block; margin-bottom:7px; color:var(--text-dim); font-size:.85rem; font-weight:600; }.ca-subcard { margin-top:22px; }.ca-subcard h4 { margin-bottom:14px; }
.ca-table-wrap { overflow-x:auto; }.ca-table-wrap .data-table { min-width:650px; }.ca-table-wrap td:last-child { white-space:nowrap; }
.ca-table-wrap button { display:inline-flex; min-width:0; padding:7px 10px; margin-right:5px; }
.ca-filters { align-items:flex-end; justify-content:flex-start; flex-wrap:wrap; }.ca-filters .form-group { flex:1; min-width:190px; margin:0; }
.ca-btn-secondary { background:#475569; }.ca-pagination { margin-top:18px; color:var(--text-dim); flex-wrap:wrap; }.ca-pagination label { display:flex; align-items:center; gap:8px; }.ca-pagination select { width:auto; }.ca-pagination button { display:inline-flex; min-width:36px; padding:7px; margin:2px; background:#334155; }.ca-pagination span { padding:0 8px; }
.ca-wizard-actions { margin-top:28px; padding-top:20px; border-top:1px solid var(--border); }.ca-wizard-actions #ca-next,.ca-wizard-actions #ca-finish { margin-left:auto; }
@media(max-width:800px){.ca-grid{grid-template-columns:1fr}.ca-span-2{grid-column:auto}.ca-page-header,.ca-form-heading{align-items:flex-start;flex-direction:column}.ca-page-header button{width:100%}.ca-stepper button{min-width:92px}.content-card{padding:20px}.ca-pagination{align-items:flex-start;flex-direction:column}.ca-wizard-actions button{min-width:0;padding:12px 16px}}
