:root{--ink:#101936;--muted:#596883;--border:#dbe1eb;--surface:#f5f7fa;--accent:#424ae4;--accent-soft:#eef0ff;--green:#198c50;--amber:#9c6200;--red:#b53e45;--radius:6px}
*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5}button,input,select{font:inherit;color:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button,select,summary{cursor:pointer}button{background:none}a{color:inherit;text-decoration:none}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}:focus-visible{outline:3px solid #8d95ff;outline-offset:3px}button:disabled,select:disabled{cursor:default;opacity:.5}.topbar{height:64px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:48px;padding:0 34px}.brand{display:flex;align-items:center;gap:15px;font-size:21px;font-weight:700;letter-spacing:-.6px;white-space:nowrap}.brand-mark{width:28px;height:28px;background:var(--accent);border-radius:5px}.nav-current{display:flex;height:100%;align-items:center;border-bottom:3px solid var(--accent);padding:3px 8px 0;color:var(--accent);font-weight:600}.read-only{display:flex;align-items:center;gap:10px;margin-left:auto;white-space:nowrap}main{max-width:1660px;margin:0 auto;padding:35px 36px 20px}.heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.25;letter-spacing:-.8px;font-weight:700}.heading p{color:var(--muted);font-size:16px;margin-top:8px}.actions{display:flex;gap:14px;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #ccd4e2;border-radius:var(--radius);padding:11px 18px;font-weight:600;white-space:nowrap;background:#fff;font-size:14px;line-height:20px;transition:background .12s}.button:hover{background:#f5f6fb}.button.primary{background:var(--accent);border-color:var(--accent);color:white}.button.primary:hover{background:#353bc3}.button.small{padding:5px 10px;font-size:12px;line-height:18px}.button[aria-disabled=true]{opacity:.45;pointer-events:none}.feedback{margin:0 0 16px;padding:12px 16px;border-radius:var(--radius);background:#f0f3ff;color:#3942a2}.feedback.error{background:#fff2f1;color:#9b3535}.feedback.warn{background:#fff8e9;color:#875900}.report-band{display:grid;grid-template-columns:1.3fr .85fr 1fr 1.25fr;align-items:center;gap:0;background:var(--surface);border:1px solid #e8ecf3;border-radius:var(--radius);padding:16px 20px}.report-picker{display:flex;align-items:center;gap:18px;padding-right:28px;min-width:0}.report-picker label{font-weight:600}.report-picker select{min-width:0;width:100%}input[type=search],select{border:1px solid #d5dce8;background:#fff;border-radius:5px;height:39px;padding:0 12px;font-size:13px;outline-offset:1px}select{padding-right:24px;text-overflow:ellipsis}.band-item{border-left:1px solid #ced6e4;padding-left:30px;min-width:0}.band-item span{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.band-item strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:28px 0 32px}.metrics>div{display:flex;flex-direction:column;gap:2px;padding-left:40px;border-left:1px solid var(--border)}.metrics>div:first-child{border:0;padding-left:12px}.metrics strong{font-size:29px;line-height:1.25;font-weight:650;letter-spacing:-.5px}.metrics span{color:var(--muted);font-size:14px}.workspace{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(355px,1fr);gap:12px;align-items:start}.panel{border:1px solid var(--border);border-radius:var(--radius);background:#fff;min-width:0}.list-panel{display:flex;flex-direction:column;min-height:508px}.list-header{padding:16px 18px 14px}h2{font-size:21px;line-height:1.35;letter-spacing:-.4px;font-weight:650}.list-header h2>span{font-size:14px;font-weight:500;color:var(--muted);margin-left:12px}.filters{display:flex;gap:10px;margin-top:13px}.search-field{flex:1;position:relative;min-width:150px}.search-field svg{position:absolute;left:12px;top:10px;width:18px;height:18px;color:var(--muted)}.search-field input{width:100%;padding-left:38px}.filters select{min-width:0;max-width:31%;font-size:12px;padding-left:10px}.filters select:last-child{max-width:25%}.table-wrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{background:#f7f8fb;border-top:1px solid #e8edf3;border-bottom:1px solid var(--border);font-size:12px;font-weight:600;padding:11px 20px}th button{border:0;padding:0;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px}#sort-arrow{color:var(--muted);font-size:13px}td{padding:17px 20px;border-bottom:1px solid var(--border);font-size:13px}td:first-child{white-space:normal;min-width:210px}.device-row{cursor:pointer}.device-row:hover{background:#f8f9fc}.device-row.selected{background:var(--accent-soft)}.device-row.selected td:first-child{box-shadow:inset 4px 0 var(--accent)}.device-button{border:0;padding:0;text-align:left;font-size:14px;font-weight:600;display:block;width:100%;line-height:1.5}.device-row small{display:block;color:var(--muted);font-size:12px;margin-top:1px}.status-label{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;font-weight:400}.status-label:before{content:"";height:9px;width:9px;min-width:9px;border-radius:50%;background:var(--muted)}.status-label.complete:before{background:#20ae61}.status-label.partial:before{background:#d69520}.status-label.locked:before{background:#c95860}.status-label:empty{display:none}.list-bottom{padding:16px 18px;margin-top:auto}.pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px;margin:8px 0 18px}.pagination>div{display:flex;gap:8px}.empty{padding:44px 24px;text-align:center;color:var(--muted)}.empty h3{color:var(--ink);font-weight:600;font-size:17px}.empty p{margin:8px 0 18px}.empty .button{margin:auto}summary{list-style:none;font-weight:600;display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--surface);border-radius:5px}summary::-webkit-details-marker{display:none}summary:before{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:rotate(45deg);margin-right:4px}details[open]>summary:before{transform:rotate(135deg)}summary span{color:var(--muted);font-size:12px;font-weight:400;margin-left:auto}#unknown-section>.muted{margin:14px 0}.muted{color:var(--muted);font-size:13px;line-height:1.6}.unknown-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;margin:14px 0}.unknown-controls label{display:flex;align-items:center;gap:6px}.unknown-controls input[type=search]{width:135px;height:32px}.unknown-row{display:grid;grid-template-columns:125px 1fr;gap:12px;border-bottom:1px solid #e8edf3;padding:11px 0;font-size:12px}.unknown-row strong{font-weight:550}.unknown-row span{color:var(--muted);overflow-wrap:anywhere}.inspector{padding:18px 20px 24px;min-height:508px}.inspector-heading{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.inspector-heading h2{font-size:19px;overflow-wrap:anywhere}.inspector-heading p{font-size:13px;color:var(--muted);margin-top:4px}.inspector-heading .status-label{margin-top:6px;font-size:11px}.tabs{display:flex;border-bottom:1px solid var(--border);gap:14px;margin-top:19px;overflow:auto}.tabs button{font-size:12px;border:0;border-bottom:3px solid transparent;padding:11px 5px 10px;color:var(--muted);white-space:nowrap}.tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--accent);font-weight:600}#detail-content{padding-top:22px;font-size:13px;overflow-wrap:anywhere}.properties{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);gap:9px 16px;margin:0}.properties dt{color:var(--muted)}.properties dd{margin:0;min-width:0;overflow-wrap:anywhere}.detail-section{border-top:1px solid var(--border);padding-top:20px;margin-top:23px}.detail-section h3{font-size:14px;font-weight:600;margin-bottom:12px}.channel{display:grid;grid-template-columns:.8fr 1fr auto;gap:10px;margin:10px 0}.channel span:first-child{color:var(--muted)}.channel strong{font-weight:500}.detail-note{color:var(--muted);font-size:11px;line-height:1.6;margin-top:22px}.data-group{margin-bottom:9px}.data-group summary{font-size:12px;padding:9px 12px;background:#f6f7fa}.data-group pre,.json-block{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:0;padding:14px;background:#fbfcfe;color:#354566;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.7;max-height:390px;overflow:auto;border:1px solid #e7ebf1;border-top:0;border-radius:0 0 5px 5px}.detail-tools{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.detail-tools p{font-size:11px;color:var(--muted)}.read-row{padding:12px 0;border-bottom:1px solid #e8edf3}.read-row code{display:block;font-size:11px;overflow-wrap:anywhere;margin-bottom:6px}.read-row .status-label{font-size:11px}.read-row .reason{font-size:11px;color:var(--muted);margin-top:5px}.notice{padding:12px;background:#fff8eb;color:#916115;font-size:12px;border-radius:5px;margin-bottom:16px}footer{border-top:1px solid var(--border);margin-top:30px;padding-top:13px;color:var(--muted);font-size:11px}.copy-note{font-size:11px;color:var(--green);margin-left:8px}
@media(min-width:1500px){main{padding-top:40px}.heading{margin-bottom:24px}.metrics{margin:30px 0 34px}.list-panel,.inspector{min-height:535px}}
@media(max-width:1180px){main{padding:28px 24px}.topbar{padding:0 24px}.heading{align-items:flex-start}h1{font-size:26px}.heading p{font-size:14px}.button{padding:10px 12px;font-size:12px}.report-band{grid-template-columns:1.2fr .8fr 1fr}.note{display:none}.report-picker{padding-right:18px}.band-item{padding-left:18px}.workspace{grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr)}.filters{flex-wrap:wrap}.search-field{flex-basis:100%}.filters select,.filters select:last-child{max-width:none;flex:1}th,td{padding-left:15px;padding-right:15px}.inspector-heading{display:block}.inspector-heading .status-label{margin-top:9px}.tabs{gap:8px}.inspector{padding-left:16px;padding-right:16px}}
@media(max-width:850px){.workspace{grid-template-columns:1fr}.inspector-heading{display:flex}.heading{flex-direction:column;gap:17px}.report-band{grid-template-columns:1fr 1fr;gap:18px}.report-picker{grid-column:1/-1;padding:0}.report-picker select{max-width:400px}.band-item{border:0;padding:0}.metrics>div{padding-left:22px}.list-panel{min-height:360px}.inspector{min-height:360px}.tabs{gap:22px}.filters{flex-wrap:nowrap}.search-field{flex-basis:auto}.filters select,.filters select:last-child{max-width:30%;flex:initial}.topbar{gap:28px}.brand{font-size:19px}.nav-current{font-size:13px}}
@media(max-width:560px){.topbar{height:60px;padding:0 18px;gap:0}.brand{font-size:18px;gap:10px}.brand-mark{height:25px;width:25px}.nav-current{display:none}.read-only{font-size:11px;gap:6px}.read-only svg{width:15px;height:15px}main{padding:25px 16px 18px}h1{font-size:26px}.heading p{font-size:13px;max-width:290px}.actions{gap:8px;width:100%}.actions .button{flex:1;padding:10px 9px;font-size:11px;gap:7px}.actions svg{width:16px;height:16px}.report-band{padding:15px;gap:15px}.report-picker{gap:12px}.report-picker label{font-size:12px}.report-picker select{font-size:12px}.band-item strong{font-size:12px}.band-item span{font-size:11px}.metrics{grid-template-columns:1fr 1fr;row-gap:22px;margin:24px 0}.metrics>div,.metrics>div:first-child{padding-left:14px}.metrics>div:nth-child(3){border-left:0}.metrics strong{font-size:26px}.metrics span{font-size:12px}.list-header{padding:15px 13px}.list-header h2{font-size:20px}.filters{flex-wrap:wrap;gap:8px}.search-field{flex-basis:100%}.filters select,.filters select:last-child{flex:1;max-width:none;font-size:11px}.list-bottom{padding:12px 13px}.inspector{padding:17px 15px 22px}.inspector-heading{display:block}.inspector-heading h2{font-size:19px}.tabs{gap:12px;justify-content:space-between}.tabs button{font-size:11px;padding-left:2px;padding-right:2px}.properties{grid-template-columns:100px 1fr;gap:9px 12px}.unknown-row{grid-template-columns:110px 1fr}.unknown-controls{flex-wrap:wrap}.feedback{font-size:12px}footer{font-size:10px;line-height:1.7}.detail-tools{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* The user requested MQTT topic, MQTT state and channel in the device list. */
.workspace{grid-template-columns:minmax(0,2.3fr) minmax(350px,1fr)}
th,td{padding-left:12px;padding-right:12px}
td:first-child{min-width:170px}
.topic-cell{white-space:normal;min-width:225px;font-size:11px}
.topic-item,.channel-item{white-space:nowrap;line-height:23px;min-height:23px}
.topic-item{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.publication-disabled{color:var(--muted);text-decoration:underline dotted;text-underline-offset:3px}
.mqtt-cell .status-label{font-size:11px;gap:5px}
.channel-cell{font-size:12px;white-space:nowrap}
.table-hint{display:none;color:var(--muted);font-size:11px;margin-top:11px}
.identity-details{margin-top:20px;border-top:1px solid var(--border);padding-top:16px}
.identity-details summary{font-size:12px;background:transparent;padding:0 0 10px;min-height:29px}
.identity-details .properties{margin-top:5px;font-size:12px}
.inspector-heading{display:block}.inspector-heading .status-label{margin-top:8px}
@media(max-width:1180px){.workspace{grid-template-columns:1fr}.list-panel{min-height:400px}.inspector{min-height:360px}.inspector-heading{display:flex}.filters{flex-wrap:nowrap}.search-field{flex-basis:auto}.filters select,.filters select:last-child{max-width:30%;flex:initial}}
@media(max-width:560px){.filters{flex-wrap:wrap}.search-field{flex-basis:100%}.filters select,.filters select:last-child{max-width:none;flex:1}.inspector-heading{display:block}th,td{padding-left:12px;padding-right:12px}.table-hint{display:block}}

.access-panel{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:24px;padding:16px;background:#fff;border:1px solid #dae1e8;border-radius:12px}.access-panel input{border:1px solid #b7c4d0;border-radius:6px;padding:10px;min-width:200px}.access-panel span{font-size:12px;color:#556578}

.fleet-panel,.incidents-panel{margin:18px 0 24px;padding:18px 20px}.fleet-heading,.incidents-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.fleet-heading h2,.incidents-heading h2{font-size:21px}.fleet-heading .muted,.incidents-heading .muted{margin-top:3px}.fleet-filters,.incident-controls{display:flex;align-items:center;gap:9px}.fleet-filters input{min-width:220px}.fleet-filters select,.incident-controls select{min-width:160px}.fleet-table{min-width:1090px}.fleet-table th,.fleet-table td{padding:11px 12px;font-size:12px}.fleet-table th{position:sticky;top:0;z-index:1}.fleet-row{cursor:pointer}.fleet-row:hover{background:#f8f9fc}.fleet-row.selected{background:var(--accent-soft)}.fleet-installation{min-width:180px}.fleet-installation small{display:block;color:var(--muted);font-size:10px;margin-top:3px;max-width:245px;white-space:normal}.fleet-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:13px;color:var(--muted);font-size:12px}.fleet-pagination>div{display:flex;gap:8px}.incident-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.incident-card{border:1px solid var(--border);border-radius:5px;padding:13px}.incident-card>p{font-size:12px;margin-top:5px}.incident-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.incident-head strong{overflow-wrap:anywhere}.incident-state{font-size:11px;padding:2px 7px;border-radius:10px;background:#edf0f5;white-space:nowrap}.incident-state.open{background:#fff1e7;color:#a15120}.incident-state.recovered{background:#e8f6ee;color:#267548}.incident-card>.button{margin-top:10px}.incident-history{border-top:1px solid var(--border);margin-top:12px;padding-top:8px}.incident-history p{font-size:11px;margin:5px 0;overflow-wrap:anywhere}.incident-history .notice{margin:4px 0}.fleet-panel>.empty{padding:18px}.incidents-panel>.empty{padding:20px}
@media(max-width:850px){.fleet-heading,.incidents-heading{align-items:flex-start;flex-direction:column}.fleet-filters{width:100%}.fleet-filters input{flex:1;min-width:130px}.incident-controls{width:100%;justify-content:space-between}}
@media(max-width:560px){.fleet-panel,.incidents-panel{padding:15px 12px}.fleet-heading h2,.incidents-heading h2{font-size:19px}.fleet-filters{align-items:stretch;flex-direction:column}.fleet-filters input,.fleet-filters select,.incident-controls select{width:100%}.incident-controls{align-items:stretch;flex-direction:column}.fleet-pagination{align-items:flex-start;flex-direction:column}.fleet-table th,.fleet-table td{padding:10px}.fleet-page-label{font-size:11px}}

/* Read-only notification and maintenance records. */
.operations-panel{padding:18px 20px;margin:24px 0}.operations-panel>summary{font-size:19px;background:transparent;padding:0}.operations-panel[open]>summary{margin-bottom:15px}.operations-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0}.operation-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.operation-card{border:1px solid var(--border);border-radius:6px;padding:16px;overflow-wrap:anywhere}.operation-card h3{font-size:14px}.operation-card>p{margin:6px 0 12px}.operation-card .properties{font-size:12px;grid-template-columns:110px minmax(0,1fr)}.diagnostic-guide{margin:16px 0}.diagnostic-guide>p{margin:14px 0}.diagnostic-guide section{margin:14px 0}.diagnostic-guide h3{font-size:13px}.diagnostic-guide ul{padding-left:22px;margin:8px 0}.diagnostic-guide li{margin:6px 0;color:var(--muted)}@media(max-width:650px){.operations-panel{padding:15px}.operation-list{grid-template-columns:1fr}.operations-toolbar{align-items:flex-start;flex-direction:column}.operations-toolbar select{max-width:100%}}

/* Personal accounts and camping navigation reuse the inventory palette. */
.skip-link{position:absolute;left:-9999px;top:8px;z-index:20;background:#fff;padding:10px 14px;border:2px solid var(--accent)}
.skip-link:focus{left:8px}
.app-topbar{position:sticky;top:0;z-index:5;height:auto;min-height:64px;background:#fff;flex-wrap:wrap;gap:16px 28px;padding:10px 34px}
.topbar-camping{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:wrap}
.topbar-camping strong{font-size:15px;overflow-wrap:anywhere}
.topbar-client{color:var(--muted);font-size:12px}
.topbar-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}
.topbar-actions form{margin:0}
.role-badge{padding:3px 9px;border-radius:20px;background:var(--accent-soft);color:#343ab4;font-size:12px;font-weight:650;white-space:nowrap}
.message-list{margin-bottom:18px}.message-list .feedback{margin-bottom:8px}
.eyebrow{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px}
.narrow-main{max-width:580px}.auth-main{padding-top:64px}
.auth-card{padding:32px}.auth-card h1{margin-bottom:11px}.auth-card>.muted{font-size:15px;margin-bottom:22px}
.form-stack{display:grid;gap:18px;margin-top:23px}.form-field{display:grid;gap:6px;min-width:0}
.form-field label{font-weight:650}.form-field input:not([type=checkbox]),.form-field select,.form-field textarea,.selector-search input{width:100%;border:1px solid #b8c3d5;border-radius:var(--radius);padding:11px 12px;min-height:44px;background:#fff}
.form-field select[multiple]{min-height:130px}.form-field textarea{min-height:110px;resize:vertical}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.selector-search input:focus{border-color:var(--accent)}
.form-field.checkbox-field label{display:flex;align-items:flex-start;gap:10px;font-weight:500}
.checkbox-field input{width:18px;height:18px;flex-shrink:0;margin-top:2px}
.field-help{font-size:12px;color:var(--muted)}.field-error,.form-errors{font-size:13px;color:#9b3535}
.form-errors{background:#fff2f1;border-radius:var(--radius);padding:12px}
.form-actions{display:flex;gap:9px;flex-wrap:wrap}.auth-secondary{margin-top:20px;color:var(--accent);font-weight:600}
.auth-secondary a:hover,.back-link:hover,.text-button:hover{text-decoration:underline}.text-button{border:0;padding:0;color:var(--accent);font-weight:600}
.back-link{display:inline-block;margin-bottom:16px;color:var(--accent);font-weight:600}
.auth-alternative{border-top:1px solid var(--border);margin-top:24px;padding-top:18px}.auth-alternative .button{margin-top:12px}
.totp-qr{display:block;max-width:230px;width:100%;height:auto;margin:20px auto;padding:10px;border:1px solid var(--border)}
.totp-secret{margin:18px 0;overflow-wrap:anywhere}.totp-secret code{display:block;margin:10px 0;padding:10px;background:var(--surface);user-select:all}
.selector-search{max-width:520px;display:grid;gap:7px;margin:20px 0 10px}.selector-search label{font-weight:650}
.selector-heading{margin-bottom:8px}.client-group{margin:30px 0}.client-group h2{margin-bottom:14px}
.camping-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.camping-card{display:flex;flex-direction:column;gap:7px;padding:20px;min-height:160px;transition:box-shadow .12s,border-color .12s}
.camping-card:hover{border-color:var(--accent);box-shadow:0 4px 16px #1a285014}
.camping-card strong{font-size:18px}.camping-card-client{font-size:12px;color:var(--muted)}
.camping-card-action{margin-top:auto;color:var(--accent);font-weight:650}
.accounts-table{min-width:760px}.accounts-table td{padding:14px 16px;vertical-align:top;white-space:normal}
.accounts-table td:first-child{min-width:190px}.accounts-table small{display:block;color:var(--muted);margin-top:4px}
.scope-chip{display:inline-block;margin:2px 4px 2px 0;padding:2px 8px;border-radius:18px;background:var(--surface);font-size:12px}
.account-actions{display:flex;gap:7px}.account-actions form{margin:0}.button.danger{color:#a3343b;border-color:#e1b8bc}
.account-actions .button{min-height:36px}.dashboard-main{max-width:1660px}
@media(max-width:800px){.app-topbar{padding:12px 18px}.topbar-actions{margin-left:0;width:100%}.topbar-camping{width:100%}.auth-main{padding-top:30px}}
@media(max-width:560px){.auth-card{padding:22px 18px}.narrow-main{padding:26px 16px}.selector-heading{display:block}.camping-grid{grid-template-columns:1fr}.topbar-actions .button{padding:7px 10px}.form-actions{flex-direction:column}.form-actions>*{width:100%}}
.environment-note{margin:0;padding:9px 34px;background:#fff8e9;color:#684700;border-bottom:1px solid #efd79e;font-size:12px}
@media(max-width:800px){.environment-note{padding:9px 18px}}
.security-section{border-top:1px solid var(--border);padding-top:20px;margin-top:22px}
.security-section h2{font-size:17px}.security-section p{margin:8px 0 14px;color:var(--muted)}
.auth-main>h1{margin-bottom:20px}.auth-main>section{border:1px solid var(--border);border-radius:var(--radius);padding:22px;margin:16px 0}
.auth-main>form{display:grid;gap:14px}.auth-main>form input:not([type=checkbox]),.auth-main>form textarea{border:1px solid #b8c3d5;border-radius:var(--radius);padding:10px}
.auth-main>form table{display:block;overflow-x:auto;width:100%}
.auth-main>form td,.auth-main>form th{padding:10px;white-space:normal}
.auth-main>form button{border:1px solid var(--accent);border-radius:var(--radius);padding:10px 16px;background:var(--accent);color:#fff;font-weight:650}
.account-actions{flex-wrap:wrap}