.sample-heading{padding:38px 0;background:var(--navy);color:white}.sample-heading h1{font-size:clamp(2rem,4vw,3.1rem);margin:14px 0}.sample-heading p{color:#c0cde2;max-width:790px}.sample-heading .eyebrow,.sample-heading a{color:#a4c7ff}.sample-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.sample-meta span{border:1px solid #425373;border-radius:5px;padding:4px 11px;font-size:.78rem}.sample-area{padding:32px 0 56px;background:#f3f6fb;min-height:550px}.sample-toolbar{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin-bottom:24px}.sample-toolbar .form-field{margin:0;flex:1;min-width:145px}.sample-toolbar .button{border:1px solid #cbd5e5;background:white}.sample-toolbar .button.primary{background:var(--blue)}.sample-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.sample-kpi{background:white;border:1px solid var(--line);border-radius:10px;padding:21px}.sample-kpi span{display:block;color:var(--steel);font-size:.8rem}.sample-kpi strong{display:block;font-family:Manrope,Arial,sans-serif;font-size:clamp(1.35rem,2.5vw,2rem);letter-spacing:-.04em;margin:8px 0}.sample-kpi small{color:var(--steel)}.sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:22px 0}.sample-panel{padding:25px;background:white;border:1px solid var(--line);border-radius:12px;min-width:0}.sample-panel h2{font-size:1.2rem;margin:0 0 16px;letter-spacing:-.025em}.sample-panel h3{font-size:1rem;margin-bottom:10px}.sample-panel p{font-size:.9rem}.sample-table-wrap{overflow:auto;max-height:490px}.sample-table{width:100%;border-collapse:collapse;font-size:.86rem;white-space:nowrap}.sample-table th{text-align:left;background:#eef3fa;color:#475872;font-size:.75rem;letter-spacing:.025em;position:sticky;top:0}.sample-table th,.sample-table td{padding:13px 14px;border-bottom:1px solid var(--line)}.sample-table caption{text-align:left;color:var(--steel);padding:0 0 12px;white-space:normal}.sample-table button,.small-button{padding:7px 11px;border:1px solid #b8cae4;border-radius:5px;background:#eff5ff;color:#134da5;cursor:pointer;min-height:40px}.chart-row{width:100%;display:grid;grid-template-columns:105px 1fr 80px;align-items:center;gap:12px;background:transparent;border:0;padding:11px 0;font:inherit;font-size:.83rem;text-align:left;color:var(--ink)}button.chart-row{cursor:pointer}.chart-row .bar-track{height:25px;background:#edf2fa;border-radius:4px;overflow:hidden}.chart-row .bar{display:block;height:100%;min-width:2px;background:linear-gradient(90deg,#075dff,#56a1ff);border-radius:4px}.chart-row[aria-pressed=true]{color:#0045d2;font-weight:700}.chart-row[aria-pressed=true] .bar{background:#102c59}.chart-row:hover .bar{filter:brightness(.9)}.chart-value{text-align:right;font-variant-numeric:tabular-nums}.sample-context{margin:0;font-size:.85rem;color:#475872}.sample-status{min-height:28px;color:#175d44;font-size:.9rem;margin:10px 0}.sample-panel select,.sample-panel input:not([type=checkbox]),.sample-panel textarea{max-width:100%;border:1px solid #bdc9db;border-radius:5px;padding:9px;background:white;color:var(--ink)}.sample-panel input[type=number]{width:110px}.sample-panel input[type=checkbox]{width:20px;height:20px;accent-color:var(--blue)}.sample-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#111b2f;color:#cde1ff;padding:20px;border-radius:8px;font-size:.85rem}.sample-tag{display:inline-block;background:#eaf1ff;color:#1e509a;padding:3px 8px;border-radius:4px;font-size:.75rem}.sample-tag.warn{background:#fff2d8;color:#785009}.sample-tag.good{background:#e5f4ed;color:#176342}.sample-board{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0;align-items:start}.board-column{background:#e9eff7;border:1px solid #d8e2ef;border-radius:9px;padding:15px;min-width:0}.board-column>h2{font-size:1rem;margin-bottom:15px}.board-card{padding:16px;background:white;border:1px solid var(--line);border-radius:7px;margin-bottom:12px}.board-card h3{font-size:1rem;margin-bottom:8px}.board-card p{font-size:.83rem;margin-bottom:8px}.board-card label{display:block;font-size:.75rem;margin-top:10px}.board-card select{width:100%;padding:8px;border:1px solid #c5d0e1;background:white;border-radius:4px;min-height:42px}.phone-preview{max-width:410px;margin:auto;border:7px solid #172338;border-radius:30px;box-shadow:0 20px 40px #17233816;padding:22px;background:white}.phone-preview h2{font-size:1.25rem;margin-bottom:12px}.inspection-item{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:14px 0;font-size:.9rem}.inspection-item input{width:20px;height:20px;accent-color:var(--blue)}.phone-preview textarea{width:100%;min-height:100px;border:1px solid #b8c6d9;border-radius:5px;padding:9px}.phone-preview .form-field select{min-height:42px}.schema-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.schema-table{border:1px solid #b9cce6;border-radius:7px;overflow:hidden}.schema-table h3{padding:12px;background:#eaf1ff;margin:0;font-size:.95rem}.schema-table ul{list-style:none;padding:12px;margin:0;font: .8rem/2 Consolas,monospace}.demo-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}.gallery-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:white;display:flex;flex-direction:column}.gallery-art{height:130px;background:linear-gradient(125deg,#111b2f,#183963);padding:23px;display:flex;align-items:end;gap:10px;position:relative}.gallery-art i{display:block;background:#478dff;border-radius:4px 4px 0 0;width:18%;height:var(--height);opacity:.85}.gallery-art span{position:absolute;right:18px;top:14px;color:#c1d8ff;font:.75rem Consolas,monospace}.gallery-body{padding:24px;display:flex;flex-direction:column;flex:1}.gallery-body h3{font-size:1.3rem;margin:12px 0}.gallery-body p{font-size:.9rem}.gallery-body .text-link{margin-top:auto;padding-top:16px}.gallery-body .card-detail{font-size:.76rem;color:#4c6384;margin-bottom:14px}.gallery-filter{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.gallery-filter button{border:1px solid #c3d1e5;background:white;color:#384a64;border-radius:30px;padding:9px 17px;cursor:pointer}.gallery-filter button[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}[hidden]{display:none!important}.sample-next{padding:40px 0}.sample-next h2{font-size:1.65rem;margin-bottom:12px}.sample-next .actions{margin-bottom:0}.sample-panel .form-field{margin-bottom:14px}.sample-panel .form-field input{width:100%}.sample-print-only{display:none}@media(max-width:1000px){.sample-board{grid-template-columns:repeat(2,1fr)}.demo-gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sample-kpis{grid-template-columns:repeat(2,1fr)}.sample-grid,.demo-gallery,.schema-grid{grid-template-columns:1fr}.sample-panel{padding:18px}.sample-heading{padding:28px 0}.sample-kpi{padding:15px}.sample-board{grid-template-columns:1fr}.chart-row{grid-template-columns:90px 1fr 75px;gap:7px;font-size:.78rem}.sample-toolbar .button{flex:1}.sample-area .wrap{width:calc(100% - 28px)}}@media print{.site-header,.site-footer,.sample-heading,.sample-toolbar,.sample-next,.sample-status,.no-print,.skip-link{display:none!important}.wrap{width:100%}.sample-area{padding:0;background:white}.sample-panel,.sample-kpi{break-inside:avoid;box-shadow:none}.sample-print-only{display:block}.sample-table-wrap{max-height:none;overflow:visible}.sample-grid{display:block}.sample-grid>*{margin-bottom:20px}.phone-preview{border:1px solid #ccc;max-width:none;box-shadow:none}.sample-table{white-space:normal}.sample-kpis{grid-template-columns:repeat(2,1fr)}}
#demo-root>.sample-panel{margin-top:22px}.sample-status.error-message{color:#a72935}.board-column .form-field input,.board-column .form-field select{min-width:0}@media print{[data-demo="estimator"] .sample-grid>.sample-panel:first-child,[data-demo="inspection"] .phone-preview{display:none}}