*{box-sizing:border-box}body{color:#1f2937;background:linear-gradient(#dbe4ef 0%,#edf2f7 36%,#f4f7fb 100%);margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}.app{max-width:1100px;margin:0 auto;padding:1.5rem 1.25rem 2rem}.app-header{color:#f8fafc;background:linear-gradient(120deg,#0f2744 0%,#1c3e63 100%);border-radius:12px;margin-bottom:1rem;padding:1rem 1.1rem;box-shadow:0 10px 24px #0f27442e}.app-header h1{margin:0}.app-header p{color:#dbe7f7;margin-top:.35rem}.panel{background:#fff;border:1px solid #c4d2e3;border-top:4px solid #1d4ed8;border-radius:12px;padding:1.1rem;box-shadow:0 10px 25px #0f172a1a}.panel-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem;display:flex}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb;padding:.65rem}th{color:#0b1f36;background:#e9f0f9;font-weight:700}tbody tr:nth-child(2n){background:#f7faff}.actions{flex-wrap:wrap;gap:.45rem;display:flex}button{color:#fff;cursor:pointer;background:#1d4ed8;border:1px solid #1d4ed8;border-radius:6px;padding:.4rem .65rem;font-size:.92rem}button.secondary{color:#111827;background:#f3f4f6;border-color:#d1d5db}button.danger{background:#b91c1c;border-color:#b91c1c}button:disabled{opacity:.6;cursor:not-allowed}.error{color:#7f1d1d;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;margin:.75rem 0;padding:.7rem}.survey-form{gap:1rem;display:grid}fieldset{background:#f7faff;border:1px solid #cfdbe9;border-radius:10px;gap:.65rem;padding:.85rem;display:grid}legend{padding:0 .35rem;font-weight:700}label{gap:.3rem;font-size:.93rem;display:grid}.required{color:#dc2626;font-weight:700}label.checkbox,label.radio{align-items:center;gap:.5rem;display:flex}input,select,textarea{width:100%;font:inherit;background:#fff;border:1px solid #bfcddd;border-radius:6px;padding:.45rem}input:focus,select:focus,textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb29}input[type=checkbox],input[type=radio]{accent-color:#2563eb;width:auto}h3{margin:.4rem 0 0}.photo-row{border:1px dashed #cbd5e1;border-radius:8px;grid-template-columns:140px 1fr;align-items:start;gap:.6rem;padding:.65rem;display:grid}.form-actions{justify-content:flex-end;display:flex}.photo-preview{object-fit:cover;border:1px solid #d1d5db;border-radius:6px;width:140px;height:100px}.survey-list-table .actions{justify-content:flex-start}.survey-list-table th,.survey-list-table td{padding:.5rem .45rem}.survey-list-table th,.survey-list-updated-at{white-space:nowrap}.survey-list-table td.actions select{width:100%;min-width:0;max-width:100%}.muted{color:#6b7280;margin:.25rem 0;font-size:.88rem}.monitoring-table th,.monitoring-table td{vertical-align:middle}.monitoring-selection-fieldset{background:#f2f6fb}.monitoring-subheading{color:#102a43;margin:.6rem 0 .3rem;font-size:1.03rem}.monitoring-mobile-layout{display:none}.monitoring-card-stack{gap:.55rem;display:grid}.monitoring-selection-card{background:#fff;border:1px solid #d6deea;border-radius:14px;flex-direction:column;gap:0;padding:.72rem .8rem;display:flex;box-shadow:0 1px #0f172a08}.monitoring-selection-card-header{grid-template-columns:auto 1fr auto;align-items:start;gap:.72rem;display:grid}.monitoring-selection-card.is-compact{padding-block:.7rem}.monitoring-selection-card-input{padding-top:.08rem}.monitoring-selection-card-input input[type=checkbox]{cursor:pointer;width:1.2rem;height:1.2rem}.monitoring-selection-card-input input[type=radio]{cursor:pointer;width:1.15rem;height:1.15rem}.monitoring-selection-card.no-main-input .monitoring-selection-card-header{grid-template-columns:1fr auto}.monitoring-selection-card-features{color:#3d5169;margin:.32rem 0 0;font-size:.9rem}.monitoring-selection-card-body{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:.26rem;width:100%;min-width:0;padding:0;display:grid}.monitoring-selection-card-body.is-readonly{cursor:default}.monitoring-selection-card-title-row{flex-wrap:wrap;align-items:flex-start;gap:.45rem;display:flex}.monitoring-selection-card-title-row strong{color:#0f2744;font-size:1.01rem;line-height:1.25}.monitoring-selection-card p{color:#66758a;margin:0;font-size:.9rem;line-height:1.35}.monitoring-badge{border-radius:999px;padding:.16rem .52rem;font-size:.77rem;font-weight:700;line-height:1.3}.monitoring-badge.tone-core{color:#1d4ed8;background:#dbeafe}.monitoring-badge.tone-add-on{color:#15803d;background:#dcfce7}.monitoring-badge.tone-advanced{color:#6d28d9;background:#ede9fe}.monitoring-selection-card-icon{color:#2f8f49;flex:none;place-items:center;width:1.15rem;height:1.15rem;display:inline-grid}.monitoring-selection-card-icon svg,.monitoring-selection-card-chevron svg{width:100%;height:100%}.monitoring-selection-card-chevron{color:#1e293b;font:inherit;cursor:pointer;background:0 0;border:0;align-self:start;width:1.25rem;height:1.25rem;margin-top:.12rem;padding:.1rem;transition:transform .18s}.monitoring-selection-card-chevron.is-expanded{transform:rotate(180deg)}.monitoring-selection-card-chevron-placeholder{width:1.25rem;height:1.25rem}.monitoring-selection-card.is-expanded{border-color:#b8c8df}.monitoring-selection-card input[type=checkbox]:checked{outline:none}.monitoring-selection-card input[type=checkbox]:focus-visible,.monitoring-selection-card-body:focus-visible,.monitoring-selection-card-chevron:focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid #3b82f6}.monitoring-selection-card.is-selected{background:#fdfefe;border-color:#b8c8df}.monitoring-selection-card-details{opacity:0;max-height:0;transition:max-height .22s,opacity .18s;overflow:hidden}.monitoring-selection-card.is-expanded .monitoring-selection-card-details{opacity:1;max-height:1200px}.monitoring-selection-card-details-inner{border-top:1px solid #e7edf5;gap:.45rem;margin-top:.5rem;padding-top:.5rem;display:grid}.monitoring-detail-check-grid label.checkbox input[type=checkbox],.monitoring-detail-check-grid label.radio input[type=radio]{flex-shrink:0;width:1.15rem;height:1.15rem;margin:0}.monitoring-detail-group{gap:.28rem;display:grid}.monitoring-detail-group h5{color:#102a43;margin:0;font-size:.84rem;font-weight:700}.monitoring-detail-group h5:after{content:none!important}.monitoring-detail-list{color:#4b5f76;cursor:default;gap:.15rem;margin:0;padding-left:1rem;font-size:.86rem;list-style:outside;display:block}.monitoring-detail-list li{cursor:default;pointer-events:none;-webkit-user-select:text;user-select:text;margin:.1rem 0}.monitoring-readonly-group{cursor:default}.monitoring-readonly-group .muted{margin-top:.15rem}.monitoring-readonly-group:hover,.monitoring-readonly-group:focus-within{background:0 0}.monitoring-detail-check-grid{gap:.25rem;display:grid}.monitoring-tier-hint{color:#334e68;background:#f0f6fc;border:1px solid #c5d4ec;border-radius:8px;margin:.35rem 0 .5rem;padding:.55rem .65rem;font-size:.88rem;line-height:1.35}.monitoring-tier-desktop-picker-cell{align-items:flex-start;gap:.7rem;display:flex}.monitoring-tier-desktop-picker-cell>input[type=radio]{flex-shrink:0;margin-top:.22rem}.monitoring-tier-desktop-picker-text{flex-direction:column;align-items:flex-start;gap:.38rem;display:flex}.monitoring-tier-desktop-picker-text strong{color:#102a43;font-size:.95rem;line-height:1.35}.monitoring-tier-table-desktop tbody tr.monitoring-table-tier-row.is-tier-row-selected td{background:#eef6ff;border-top:2px solid #2563eb;border-bottom:2px solid #2563eb}.monitoring-tier-table-desktop tbody tr.monitoring-table-tier-row.is-tier-row-selected td:first-child{border-left:2px solid #2563eb}.monitoring-tier-table-desktop tbody tr.monitoring-table-tier-row.is-tier-row-selected td:last-child{border-right:2px solid #2563eb}.monitoring-table.monitoring-tier-table-desktop th:nth-child(3),.monitoring-table.monitoring-tier-table-desktop td:nth-child(3){text-align:left;width:auto;min-width:12rem}.survey-view-tier-table.monitoring-tier-table-desktop th:nth-child(3),.survey-view-tier-table.monitoring-tier-table-desktop td:nth-child(3){text-align:left}.monitoring-selection-card-details textarea{min-height:72px;font-size:.88rem}.monitoring-view-notes{background:#fff;border:1px solid #d6deea;border-radius:12px;padding:.72rem .78rem}.monitoring-view-notes strong{color:#102a43;margin-bottom:.3rem;display:block}.monitoring-view-notes p{color:#66758a;margin:0}.monitoring-table td:nth-child(n+3),.monitoring-table th:nth-child(n+3){text-align:center;width:110px}.monitoring-table td:nth-child(2),.monitoring-table th:nth-child(2){text-align:left;width:45%}.tier-includes-list{gap:.2rem;margin:0;padding-left:1.1rem;display:grid}.tier-includes-list li{line-height:1.25}.diagnostic-packs-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:.8rem;display:grid}.diagnostic-packs-row.monitoring-mobile-layout{display:none}.diagnostic-pack-card{background:#f8fbff;border:1px solid #cfdbe9;border-radius:8px;padding:.65rem}.diagnostic-pack-card-title{align-items:center;gap:.45rem;margin-bottom:.45rem;display:flex}.diagnostic-pack-card-title h4{margin:0;font-size:.95rem}.diagnostic-pack-card-icon{color:#0d9488;flex-shrink:0;display:inline-flex}.diagnostic-pack-card-icon svg{width:1.25rem;height:1.25rem}.diagnostic-pack-card>.checkbox{align-items:flex-start;gap:.4rem;margin-bottom:.45rem;display:flex}.diagnostic-pack-card ul{gap:.2rem;margin:0;padding-left:1rem;display:grid}.diagnostic-pack-card p{margin:.55rem 0 0;font-size:.88rem}.survey-view{gap:.9rem;display:grid}.survey-view-section{background:#f8fbff;border:1px solid #dbe2ee;border-radius:8px;padding:.75rem}.survey-view-section h3{margin-top:0}.survey-view-grid{grid-template-columns:1fr;gap:.25rem;display:grid}.survey-view-grid>div{border-bottom:1px solid #e5e7eb;grid-template-columns:minmax(170px,36%) 1fr;align-items:start;gap:.75rem;padding:.3rem 0;display:grid}.survey-view-grid>div:last-child{border-bottom:0}.survey-view-grid p{color:#334155;margin:0}.survey-view-tier-table{border-collapse:collapse;width:100%}.survey-view-tier-table th,.survey-view-tier-table td{border:1px solid #d1d5db;padding:.45rem .55rem}.survey-view-tier-table th:nth-child(n+2),.survey-view-tier-table td:nth-child(n+2){text-align:center}.survey-view-tier-table th:nth-child(2),.survey-view-tier-table td:nth-child(2){text-align:left}@media (width<=900px){body{font-size:.94rem}.app{padding:.75rem .5rem 1.25rem}.panel{padding:.75rem}fieldset{padding:.6rem}.app-header{padding:.8rem .85rem}th,td{padding:.45rem;font-size:.86rem}.photo-row{grid-template-columns:1fr}.photo-preview{object-fit:cover;width:100%;height:180px;max-height:180px}.monitoring-table input[type=checkbox]{margin:0 auto;display:block}.survey-list-table,.monitoring-table,.survey-view-tier-table{table-layout:fixed;width:100%;display:table}.survey-list-table th,.survey-list-table td,.monitoring-table th,.monitoring-table td,.survey-view-tier-table th,.survey-view-tier-table td{white-space:normal;overflow-wrap:anywhere;word-break:break-word}.survey-list-table th{white-space:nowrap;font-size:.8rem}.survey-list-table td{font-size:.82rem}.survey-list-updated-at{white-space:nowrap;letter-spacing:-.01em;font-size:.8rem}.survey-list-table td.actions{min-width:0}.survey-list-table td.actions select{width:100%;min-width:0}.survey-list-table th:first-child,.survey-list-table td:first-child{width:20%}.survey-list-table th:nth-child(2),.survey-list-table td:nth-child(2){width:18%}.survey-list-table th:nth-child(3),.survey-list-table td:nth-child(3){width:17%}.survey-list-table th:nth-child(4),.survey-list-table td:nth-child(4){width:23%}.survey-list-table th:nth-child(5),.survey-list-table td:nth-child(5){width:22%}.survey-view-grid>div{grid-template-columns:minmax(145px,42%) 1fr;gap:.55rem}.monitoring-table th:first-child,.monitoring-table td:first-child{width:23%}.monitoring-table th:nth-child(2),.monitoring-table td:nth-child(2){width:38%}.monitoring-table th:nth-child(n+3),.monitoring-table td:nth-child(n+3){width:13%}.monitoring-table th:nth-child(n+3){white-space:nowrap;word-break:normal;overflow-wrap:normal}.monitoring-desktop-layout{display:none!important}.monitoring-mobile-layout{gap:.55rem;display:grid}.diagnostic-packs-row.monitoring-mobile-layout{display:grid}.monitoring-selection-fieldset{gap:.58rem}.monitoring-selection-card{border-radius:12px;gap:.54rem;padding:.68rem}.monitoring-selection-card-title-row strong{font-size:.98rem}.monitoring-selection-card p{font-size:.88rem}.monitoring-subheading{margin-top:.45rem;margin-bottom:.2rem;font-size:1rem}.diagnostic-packs-row{grid-template-columns:1fr}}@media print{.survey-view{font-size:.85rem}.survey-view-section h3{display:none}.survey-view-grid{display:block}.survey-view-grid>div{grid-template-columns:1fr 1fr;gap:.75rem;padding:.12rem 0;display:grid}.survey-view-grid>div p{margin:0}.survey-view-section{background:0 0;border:none;padding:.25rem 0}.print-hide{display:none!important}}