:root{font-family:Inter,ui-sans-serif,system-ui;color:#17322d;background:#eef2ed;--ink:#17322d;--sea:#075e54}*{box-sizing:border-box}body{margin:0}main{max-width:1180px;margin:auto;padding:28px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}h1,h2,p{margin-top:0}h1{font-family:Georgia,serif;font-size:2.2rem;margin-bottom:0}.eyebrow{font-size:.7rem;letter-spacing:.22em;color:#887245;font-weight:800}.card,.panel,.hero{background:#fff;border-radius:18px;box-shadow:0 8px 30px #17322d12;padding:24px}.narrow{max-width:430px;margin:12vh auto}.hero{background:var(--ink);color:white;display:flex;justify-content:space-between;align-items:center}.hero h2{font-family:Georgia,serif;font-size:2.4rem;margin:.3rem 0}.weather{font-size:2.8rem;font-weight:700}nav{display:flex;gap:8px;overflow:auto;margin:22px 0}button{border:0;border-radius:999px;background:var(--sea);color:white;padding:11px 18px;font-weight:700;cursor:pointer}.secondary{background:#dfe7e1;color:var(--ink)}nav button{background:#dfe7e1;color:var(--ink);white-space:nowrap}nav button.active{background:var(--ink);color:white}form{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}label{display:grid;gap:6px;font-size:.8rem;font-weight:700}input,textarea,select{border:1px solid #ccd6cf;border-radius:10px;padding:11px;background:white}textarea{min-width:280px}fieldset{border:1px solid #ccd6cf;border-radius:12px;flex-basis:100%;padding:12px}legend{font-size:.8rem;font-weight:700}.slide-option{display:flex;align-items:center;gap:12px;background:#f3f5f2;border:2px solid transparent;border-radius:12px;padding:12px;cursor:pointer}.slide-option:has(input:checked){background:#e2f0eb;border-color:var(--sea)}.slide-option input{width:20px;height:20px;accent-color:var(--sea)}.slide-option span{display:grid;gap:2px}.slide-option small{color:#66746f;font-weight:500}.media-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.media-option{position:relative;display:grid;justify-items:center;gap:8px;background:#f3f5f2;border:2px solid transparent;border-radius:12px;padding:10px;cursor:pointer;transition:.15s ease}.media-option:has(input:checked){background:#e2f0eb;border-color:var(--sea);box-shadow:0 0 0 2px #075e5426}.media-option input{position:absolute;top:8px;right:8px;width:20px;height:20px;accent-color:var(--sea)}.media-option img{width:140px;max-width:100%;height:90px;border-radius:8px;object-fit:cover}.media-option span{width:100%;overflow-wrap:anywhere;text-align:center}.grid-form{display:grid;grid-template-columns:1fr 2fr 1fr 1fr auto}.list{display:grid;gap:10px}.item{border-top:1px solid #e7ebe8;padding:14px 4px;display:flex;justify-content:space-between;gap:20px}.item-actions{display:flex;align-items:center;gap:12px}.meta{color:#66746f;font-size:.85rem}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.media-grid article{background:#f3f5f2;border-radius:12px;overflow:hidden}.media-grid img{width:100%;aspect-ratio:16/9;object-fit:cover}.media-grid p{padding:10px;margin:0}.error{color:#a33131}a{color:var(--sea)}@media(max-width:800px){.grid-form{grid-template-columns:1fr}.hero{align-items:flex-start}.weather{font-size:1.8rem}main{padding:16px}}
:root{font-family:Inter,ui-sans-serif,system-ui;color:#17322d;background:#eef2ed;--ink:#17322d;--sea:#075e54}*{box-sizing:border-box}body{margin:0}main{max-width:1480px;margin:auto;padding:28px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}h1,h2,p{margin-top:0}h1{font-family:Georgia,serif;font-size:2.2rem;margin-bottom:0}.eyebrow{font-size:.7rem;letter-spacing:.22em;color:#887245;font-weight:800}.card,.panel,.hero{background:#fff;border-radius:18px;box-shadow:0 8px 30px #17322d12;padding:24px}.narrow{max-width:430px;margin:12vh auto}.hero{background:var(--ink);color:white;display:flex;justify-content:space-between;align-items:center}.hero h2{font-family:Georgia,serif;font-size:2.4rem;margin:.3rem 0}.weather{font-size:2.8rem;font-weight:700}nav{display:flex;gap:8px;overflow:auto;margin:22px 0}button{border:0;border-radius:999px;background:var(--sea);color:white;padding:11px 18px;font-weight:700;cursor:pointer}.secondary{background:#dfe7e1;color:var(--ink)}nav button{background:#dfe7e1;color:var(--ink);white-space:nowrap}nav button.active{background:var(--ink);color:white}form{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}label{display:grid;gap:6px;font-size:.8rem;font-weight:700}input,textarea,select{border:1px solid #ccd6cf;border-radius:10px;padding:11px;background:white}textarea{min-width:280px}fieldset{border:1px solid #ccd6cf;border-radius:12px;flex-basis:100%;padding:12px}legend{font-size:.8rem;font-weight:700}.slide-option{display:flex;align-items:center;gap:12px;background:#f3f5f2;border:2px solid transparent;border-radius:12px;padding:12px;cursor:pointer}.slide-option:has(input:checked){background:#e2f0eb;border-color:var(--sea)}.slide-option input{width:20px;height:20px;accent-color:var(--sea)}.slide-option span{display:grid;gap:2px}.slide-option small{color:#66746f;font-weight:500}.media-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.media-option{position:relative;display:grid;justify-items:center;gap:8px;background:#f3f5f2;border:2px solid transparent;border-radius:12px;padding:10px;cursor:pointer;transition:.15s ease}.media-option:has(input:checked){background:#e2f0eb;border-color:var(--sea);box-shadow:0 0 0 2px #075e5426}.media-option input{position:absolute;top:8px;right:8px;width:20px;height:20px;accent-color:var(--sea)}.media-option img{width:140px;max-width:100%;height:90px;border-radius:8px;object-fit:cover}.media-option span{width:100%;overflow-wrap:anywhere;text-align:center}.grid-form{display:grid;grid-template-columns:1fr 2fr 1fr 1fr auto}.list{display:grid;gap:10px}.item{border-top:1px solid #e7ebe8;padding:14px 4px;display:flex;justify-content:space-between;gap:20px}.item-actions{display:flex;align-items:center;gap:12px}.meta{color:#66746f;font-size:.85rem}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.media-grid article{background:#f3f5f2;border-radius:12px;overflow:hidden}.media-grid img{width:100%;aspect-ratio:16/9;object-fit:cover}.media-grid p{padding:10px;margin:0}.error{color:#a33131}a{color:var(--sea)}@media(max-width:800px){.grid-form{grid-template-columns:1fr}.hero{align-items:flex-start}.weather{font-size:1.8rem}main{padding:16px}}
.slide-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.board-editor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:22px}.board-editor{display:grid;gap:8px;background:#f3f5f2;border-radius:12px;padding:14px}.board-editor h4{margin:0}.board-editor input,.board-editor select{width:100%}#board-editors{flex-basis:100%}#board-form>button{align-self:flex-end}
.board-editor-photo{display:grid;place-items:center;width:100%;aspect-ratio:4/5;overflow:hidden;border-radius:10px;background:#dfe7e1;color:#61746e;font-size:.8rem}.board-editor-photo img{display:block;width:100%;height:100%;object-fit:cover;transform-origin:center;transition:transform .08s linear,object-position .08s linear}.board-editor label>span{display:flex;justify-content:space-between;gap:10px}.board-editor output{color:#075e54;font-weight:800}
.playlist-create input{min-width:280px}.playlist-row{cursor:pointer;border-radius:12px;padding:14px}.playlist-row:hover,.playlist-row:focus{background:#f3f5f2;outline:2px solid transparent}.playlist-editor{margin-top:24px;border-top:1px solid #dfe7e1;padding-top:24px}.editor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.editor-heading h3{font-family:Georgia,serif;font-size:1.8rem;margin:.25rem 0 1rem}.playlist-toolbar{display:flex;gap:8px;flex-wrap:wrap}.playlist-media-picker{margin:16px 0;background:#f3f5f2;border-radius:14px;padding:16px}.playlist-media-picker h4{margin:0 0 12px}.media-option{border:2px solid transparent;color:var(--ink);border-radius:12px;background:white;padding:8px;display:grid;gap:8px;justify-items:center;min-width:0}.media-option:hover,.media-option:focus{border-color:var(--sea)}.media-option img{width:140px;max-width:100%;height:90px;border-radius:8px;object-fit:cover}.media-option span{width:100%;overflow-wrap:anywhere}.editor-help{color:#66746f;font-size:.85rem;margin:18px 0 8px}.playlist-items{display:grid;gap:10px;margin-bottom:16px}.playlist-item{display:grid;grid-template-columns:28px 120px minmax(160px,1fr) auto auto;align-items:center;gap:14px;background:#f3f5f2;border:2px solid transparent;border-radius:14px;padding:10px;transition:.15s ease}.playlist-item.dragging{opacity:.45;border-color:var(--sea)}.playlist-item>img{width:120px;height:68px;object-fit:cover;border-radius:8px}.playlist-item-info{display:grid;justify-items:start;gap:5px}.type-badge{background:#dfe7e1;color:var(--sea);border-radius:999px;padding:3px 8px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.playlist-item label{display:flex;align-items:center;gap:6px}.playlist-item input{width:76px}.drag-handle{font-size:1.5rem;cursor:grab;color:#66746f;letter-spacing:-.35em}.danger{background:#a33131}.empty-items{background:#f3f5f2;border-radius:12px;padding:22px;color:#66746f}@media(max-width:800px){.playlist-item{grid-template-columns:24px 80px 1fr}.playlist-item>img{width:80px;height:50px}.playlist-item label,.playlist-item .danger{grid-column:3}.playlist-create input{min-width:0;width:100%}}
.web-capture-form{display:grid;grid-template-columns:1fr 2fr repeat(3,1fr);align-items:end}.web-capture-form label{min-width:0}.web-capture-form input,.web-capture-form select{width:100%}.crop-settings{grid-column:1/-1;display:grid;grid-template-columns:1.4fr repeat(4,1fr);align-items:end;gap:12px}.crop-settings .crop-toggle{display:flex;align-items:center;gap:8px;font-size:.9rem}.crop-settings .crop-toggle input{width:20px;height:20px;accent-color:var(--sea)}.crop-settings p{grid-column:1/-1;color:#66746f;font-size:.85rem;margin:0}.form-actions{display:flex;gap:8px}.capture-grid{display:grid;grid-template-columns:minmax(0,700px);gap:20px}.capture-card{background:#f3f5f2;border-radius:14px;overflow:hidden}.capture-card>img,.capture-card>.capture-placeholder{display:block;width:100%;max-width:700px;aspect-ratio:16/9;object-fit:contain;background:#dfe7e1}.capture-placeholder{display:grid;place-items:center;color:#66746f;min-height:90px}.capture-content{display:grid;gap:7px;padding:14px}.capture-content>span{color:#66746f;font-size:.8rem;overflow-wrap:anywhere}.capture-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:6px}.capture-actions button{padding:8px 12px}.capture-option .capture-placeholder{width:140px;max-width:100%;height:90px;border-radius:8px}@media(max-width:900px){.web-capture-form{grid-template-columns:1fr 1fr}.web-capture-form label:nth-of-type(2){grid-column:1/-1}.crop-settings{grid-template-columns:1fr 1fr}}@media(max-width:600px){.web-capture-form{grid-template-columns:1fr}.web-capture-form label:nth-of-type(2){grid-column:auto}.crop-settings{grid-template-columns:1fr}.capture-grid{grid-template-columns:1fr}}
.playlist-workspace{display:grid;grid-template-columns:minmax(540px,1fr) minmax(420px,.9fr);gap:24px;align-items:start}.playlist-edit-column{min-width:0}.playlist-preview-panel{position:sticky;top:18px;min-width:0;background:#f3f5f2;border-radius:16px;padding:14px}.preview-heading{display:flex;justify-content:space-between;align-items:flex-start}.preview-heading h4{margin:.2rem 0 12px;font-size:1.2rem}.preview-heading>span{background:#dfe7e1;color:var(--sea);border-radius:999px;padding:5px 9px;font-size:.75rem;font-weight:800}.preview-screen{width:100%;aspect-ratio:16/9;background:#071d24;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px #071d2430}.preview-screen .hn-slide{width:100%;height:100%}.preview-controls{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.preview-controls button{padding:8px 11px;font-size:.78rem}.preview-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #ccd6cf;color:#66746f;font-size:.85rem}.preview-meta strong{color:var(--ink)}@media(max-width:1150px){.playlist-workspace{grid-template-columns:1fr}.playlist-preview-panel{position:static;order:2}}@media(max-width:650px){.playlist-workspace{display:block}.playlist-preview-panel{margin-top:20px}.preview-controls button{flex:1}.preview-meta{display:grid}}
.crop-settings{display:block}.crop-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:14px;margin-bottom:14px}.crop-toolbar .crop-toggle{margin-right:auto}.zoom-control{grid-template-columns:auto minmax(130px,220px) auto;align-items:center}.zoom-control input{padding:0;accent-color:var(--sea)}.crop-editor-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:16px}.crop-caption{display:block;margin-bottom:7px;color:#66746f;font-size:.75rem;font-weight:700}.crop-viewport{width:100%;aspect-ratio:16/9;overflow:auto;background:#102d2d;border-radius:10px}.crop-canvas{position:relative;width:100%;aspect-ratio:16/9;min-width:320px;transform-origin:top left}.crop-canvas>img{display:block;width:100%;height:100%;object-fit:cover}.crop-canvas>img:not([src]){visibility:hidden}.crop-canvas::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 33.2%,#fff7 33.333%,transparent 33.45%,transparent 66.55%,#fff7 66.667%,transparent 66.8%),linear-gradient(0deg,transparent 33.2%,#fff7 33.333%,transparent 33.45%,transparent 66.55%,#fff7 66.667%,transparent 66.8%)}.crop-selection{position:absolute;z-index:2;border:3px solid #e8b75d;box-shadow:0 0 0 9999px #071d2499;cursor:move;touch-action:none}.crop-selection.is-dragging{cursor:grabbing}.crop-selection i{position:absolute;width:18px;height:18px;border:3px solid #fff;background:#075e54;border-radius:50%}.crop-selection [data-handle=nw]{left:-10px;top:-10px;cursor:nwse-resize}.crop-selection [data-handle=ne]{right:-10px;top:-10px;cursor:nesw-resize}.crop-selection [data-handle=sw]{left:-10px;bottom:-10px;cursor:nesw-resize}.crop-selection [data-handle=se]{right:-10px;bottom:-10px;cursor:nwse-resize}.crop-result{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/9;overflow:hidden;background:#071d24;border-radius:10px;color:#a9c4bf}.crop-result>span{font-size:.8rem}.crop-result.has-image>span{display:none}.crop-result-canvas{display:none;position:relative;max-width:100%;max-height:100%;overflow:hidden}.crop-result.has-image .crop-result-canvas{display:block}.crop-result-canvas img{position:absolute;max-width:none;object-fit:fill}.crop-values{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.crop-values span{padding:6px 10px;border-radius:999px;background:#e2f0eb;color:#48625c;font-size:.76rem}.crop-values strong{color:var(--ink)}@media(max-width:900px){.crop-editor-layout{grid-template-columns:1fr}.crop-result{max-width:700px}}
.crop-settings.no-source .crop-editor-layout,.crop-settings.no-source .crop-values{display:none}.media-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px}.media-card-footer p{padding:0;overflow-wrap:anywhere}.media-card-footer button{flex:0 0 auto;padding:7px 11px}

/* Design 1 · operational dashboard */
body{background:radial-gradient(circle at 85% 0,#174c43 0,transparent 34%),linear-gradient(145deg,#092e2a,#071f1d 72%);min-height:100vh}main{max-width:1720px}header{color:#f4f1e7}header h1{color:#fff}header .eyebrow{color:#d7ae5f}#app>nav{padding:6px;border:1px solid #ffffff16;border-radius:999px;background:#061d1b80;box-shadow:0 12px 34px #03110f40}#app>nav button{background:transparent;color:#b8cbc6}#app>nav button.active{background:#d7ae5f;color:#102e29;box-shadow:0 5px 18px #d7ae5f38}.dashboard-panel{padding:0;background:transparent;box-shadow:none;color:#edf5f2}.dashboard-status{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);align-items:stretch;overflow:hidden;border:1px solid #d7ae5f42;border-radius:24px;background:linear-gradient(125deg,#123f38,#0b332f);box-shadow:0 18px 55px #020e0c73}.status-copy{padding:34px 38px}.dashboard-kicker,.dashboard-current-weather>span{display:block;color:#d7ae5f;font-size:.72rem;font-weight:900;letter-spacing:.22em}.dashboard-status h2{display:flex;align-items:center;gap:14px;margin:9px 0 7px;color:#fff;font-family:Georgia,serif;font-size:2.75rem}.dashboard-status p{margin:0;color:#b9cec8;font-size:1rem}.status-dot,.service-pill i,.card-status i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#50d795;box-shadow:0 0 0 6px #50d7951c}.dashboard-status.warning .status-dot,.service-pill.warning i,.card-status.warning i{background:#e8b75d;box-shadow:0 0 0 6px #e8b75d1c}.service-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.service-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #ffffff17;border-radius:999px;background:#061e1b73;color:#d9e8e4;font-size:.72rem;font-weight:800;letter-spacing:.06em}.service-pill i{width:7px;height:7px;box-shadow:none}.dashboard-current-weather{display:grid;align-content:center;justify-items:end;padding:32px 38px;background:linear-gradient(135deg,#ffffff08,#d7ae5f0d);border-left:1px solid #ffffff12;text-align:right}.dashboard-current-weather strong{margin:9px 0 2px;color:#fff;font-size:2.55rem;letter-spacing:-.045em}.dashboard-current-weather p{color:#d7ae5f;font-size:1.05rem}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:17px}.dashboard-card,.activity-card{position:relative;display:flex;flex-direction:column;min-height:250px;padding:23px;overflow:hidden;border:1px solid #ffffff14;border-radius:19px;background:linear-gradient(145deg,#123b36,#0c2d29);box-shadow:0 14px 36px #020d0c58}.dashboard-card::after{content:"";position:absolute;right:-45px;bottom:-55px;width:130px;height:130px;border:1px solid #d7ae5f1f;border-radius:50%}.card-heading{display:flex;align-items:center;gap:10px;margin-bottom:19px}.card-heading h3{margin:0;color:#d7ae5f;font-size:.76rem;letter-spacing:.14em}.card-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid #d7ae5f4d;border-radius:9px;color:#e8c77f;background:#d7ae5f0d}.dashboard-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.dashboard-metric{display:grid;gap:4px}.dashboard-metric span,.dashboard-card small{color:#91aaa4;font-size:.73rem}.dashboard-metric strong{color:#fff;font-size:1.85rem}.dashboard-card p{margin:5px 0;color:#9db5af}.card-primary{display:block;color:#fff;font-family:Georgia,serif;font-size:1.65rem;line-height:1.15}.card-number{color:#fff;font-size:3.3rem;line-height:1}.card-status{display:flex;align-items:center;gap:8px;margin-top:13px;color:#a8c1ba;font-size:.76rem;font-weight:800}.card-status i{width:7px;height:7px;box-shadow:none}.dashboard-link{align-self:flex-start;margin-top:auto;padding:8px 0 0;border-radius:0;background:transparent;color:#d7ae5f;font-size:.76rem}.dashboard-link:hover{text-decoration:underline}.weather-card{background:linear-gradient(145deg,#174b43,#0d332e)}.weather-main{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #ffffff12;padding-bottom:13px;margin-bottom:14px}.weather-main strong{color:#fff;font-size:3rem;line-height:1}.weather-main span{color:#e5c378;font-size:1.15rem}.weather-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.weather-detail-grid .dashboard-metric strong{font-size:1.02rem}.activity-card{min-height:0;margin-top:17px;padding:23px 26px}.activity-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none}.activity-item{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:8px 18px;border-left:1px solid #ffffff12}.activity-item:first-child{border-left:0;padding-left:0}.activity-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#174a42;color:#d7ae5f}.activity-item div{display:grid;gap:2px;min-width:0}.activity-item strong{color:#eaf2ef;font-size:.84rem}.activity-item small,.activity-item time{color:#829d97;font-size:.7rem}.activity-item time{grid-column:2}.activity-item.warning .activity-icon{color:#e8b75d;background:#5a4324}.dashboard-footer;padding:18px 4px 2px;text-align:center;color:#76908a;font-size:.72rem;letter-spacing:.04em}.dashboard-loading,.dashboard-alert{padding:48px;border:1px solid #ffffff16;border-radius:20px;background:#0e332e;color:#dbe8e4;text-align:center}.dashboard-alert strong{color:#e8b75d}.dashboard-alert p{margin:8px 0 18px;color:#b3c7c1}
@media(max-width:1100px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-list{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:15px}.activity-item:nth-child(3){border-left:0;padding-left:0}.dashboard-status{grid-template-columns:1fr}.dashboard-current-weather{justify-items:start;border-left:0;border-top:1px solid #ffffff12;text-align:left}}
@media(max-width:700px){.dashboard-grid,.activity-list{grid-template-columns:1fr}.dashboard-status h2{font-size:2rem}.dashboard-current-weather strong{font-size:2rem}.status-copy,.dashboard-current-weather{padding:24px}.activity-item,.activity-item:nth-child(3){border-left:0;padding-left:0}.dashboard-card{min-height:230px}#app>nav{border-radius:16px}}
.dashboard-footer{padding:18px 4px 2px;text-align:center;color:#76908a;font-size:.72rem;letter-spacing:.04em}

/* Bestyrelsens Nextcloud-dokumentarkiv */
.nextcloud-portal{max-width:920px;margin:16px auto;padding:44px;border:1px solid #d6e1dd;border-radius:22px;background:linear-gradient(145deg,#fff,#eef4f1);box-shadow:0 22px 55px #061e191f}.nextcloud-portal h2{margin:7px 0 10px;font-size:2.3rem}.nextcloud-portal>p{max-width:720px;color:#526a63;font-size:1.05rem;line-height:1.6}.nextcloud-status{display:flex;align-items:center;gap:13px;margin:28px 0;padding:18px;border:1px solid #cce4da;border-radius:15px;background:#e7f5ef}.nextcloud-status i{width:14px;height:14px;border-radius:50%;background:#38c982;box-shadow:0 0 0 6px #38c9821f}.nextcloud-status span{display:grid;gap:3px}.nextcloud-status small{color:#567169}.nextcloud-open{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;border-radius:13px;background:#087061;color:#fff;font-weight:900;text-decoration:none;box-shadow:0 14px 28px #08706130}.nextcloud-open:hover{background:#075f53}.nextcloud-help{font-size:.9rem!important}@media(max-width:650px){.nextcloud-portal{padding:25px}.nextcloud-portal h2{font-size:1.8rem}}
.board-portal-mode main{max-width:1380px}.board-portal-mode header .eyebrow{color:#d7ae5f}.board-portal-mode #app>nav{max-width:620px;margin-left:auto;margin-right:auto;justify-content:center}.board-portal-home{max-width:1100px;margin:0 auto;padding:0;overflow:hidden;background:transparent;box-shadow:none}.board-portal-hero{padding:48px;border:1px solid #d7ae5f45;border-radius:24px;background:linear-gradient(125deg,#123f38,#0b332f);color:#fff;text-align:center;box-shadow:0 20px 55px #020e0c60}.board-portal-hero h2{margin:10px 0;font-family:Georgia,serif;font-size:clamp(2.4rem,5vw,4.2rem)}.board-portal-hero p{margin:0;color:#b9cec8;font-size:1.05rem}.board-portal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.board-portal-actions button{display:grid;grid-template-columns:54px 1fr;gap:3px 16px;align-items:center;padding:25px;border:1px solid #d7ae5f33;border-radius:18px;background:linear-gradient(145deg,#123b36,#0c2d29);text-align:left;box-shadow:0 14px 36px #020d0c58}.board-portal-actions button>span{grid-row:1/3;display:grid;place-items:center;width:54px;height:54px;border:1px solid #d7ae5f55;border-radius:14px;background:#d7ae5f12;font-size:1.55rem}.board-portal-actions strong{color:#fff;font-family:Georgia,serif;font-size:1.5rem}.board-portal-actions small{color:#9db5af;font-weight:500}.board-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.board-section-heading>div{min-width:0}.board-section-heading .secondary{flex:0 0 auto}@media(max-width:700px){.board-portal-actions{grid-template-columns:1fr}.board-portal-hero{padding:34px 22px}.board-section-heading{flex-direction:column}.board-section-heading .secondary{width:100%}}
.board-history{margin-top:30px;padding-top:24px;border-top:1px solid #dce5e1}.board-history-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.board-history-heading h3{margin:5px 0 0;font-size:1.45rem}.board-history-list{display:grid;gap:10px}.board-history-entry{display:grid;grid-template-columns:minmax(180px,.35fr) minmax(0,1fr);gap:20px;padding:16px;border:1px solid #dbe5e1;border-radius:14px;background:#f7faf8}.board-history-entry>div{display:grid;align-content:start;gap:4px}.board-history-entry time{color:#63756f;font-size:.8rem}.board-history-entry ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.board-history-entry li{display:flex;justify-content:space-between;gap:18px;padding-bottom:8px;border-bottom:1px solid #e2e9e6}.board-history-entry li:last-child{padding-bottom:0;border-bottom:0}.board-history-entry li span{font-weight:700}.board-history-entry li small{color:#526a63;text-align:right}.board-history-empty{padding:22px;border:1px dashed #bdccc7;border-radius:12px;color:#61746e;text-align:center}@media(max-width:700px){.board-history-entry{grid-template-columns:1fr}.board-history-entry li{align-items:flex-start;flex-direction:column;gap:3px}.board-history-entry li small{text-align:left}}
.board-editor-workspace{display:block;margin-top:20px}.board-editor-workspace #board-form{min-width:0;margin:0}.board-editor-workspace .board-editor-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.board-live-preview{max-width:1100px;min-width:0;margin:30px auto 0;padding:18px;border-radius:18px;background:#f3f6f4}.board-live-preview-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.board-live-preview-heading h3{margin:5px 0 0;font-size:1.35rem}.board-live-preview-heading>span{padding:6px 10px;border-radius:999px;background:#dfe7e1;color:#075e54;font-size:.75rem;font-weight:800}.board-live-preview-screen{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#071d24;box-shadow:0 10px 30px #071d2430}.board-live-preview-screen .hn-slide{width:100%;height:100%}.board-live-preview>p{margin:12px 0 0;color:#61746e;font-size:.85rem;text-align:center}@media(max-width:700px){.board-live-preview{padding:10px}.board-live-preview-heading{display:grid}.board-live-preview-heading>span{justify-self:start}}
/* Design 1 refinement · control-room dashboard */
.dashboard-weather-details{display:grid;grid-template-columns:repeat(2,minmax(135px,1fr));gap:15px 25px;width:100%;margin-top:15px;text-align:left}.dashboard-weather-details .dashboard-metric{padding-left:13px;border-left:2px solid #d7ae5f52}.dashboard-weather-details .dashboard-metric span{color:#8faaa4;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.dashboard-current-weather .dashboard-weather-details strong{margin:0;color:#fff;font-size:1.35rem;letter-spacing:-.02em}.modern-dashboard-grid .dashboard-card{min-height:215px}.modern-dashboard-grid .dashboard-card .card-number{margin-top:2px}.screenshots-card .card-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23e8c77f' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='M8 6 10 3h4l2 3h3a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3Z'/%3E%3Ccircle cx='12' cy='13' r='4'/%3E%3C/svg%3E")!important}.system-card .card-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23e8c77f' stroke-width='1.9' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 2.7 2.7L16.5 9'/%3E%3C/svg%3E")!important}.system-service-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.system-service-list .service-pill{padding:6px 9px}.modern-dashboard-grid .dashboard-link{position:relative;z-index:1}@media(max-width:1100px){.dashboard-weather-details{max-width:620px}}@media(max-width:520px){.dashboard-weather-details{grid-template-columns:1fr}}
.screen-settings{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(160px,1fr)) auto;align-items:end;gap:14px;padding:17px;background:#f3f5f2}.screen-settings label:not(.audio-toggle) input,.screen-settings label:not(.audio-toggle) select{width:100%}@media(max-width:1050px){.screen-settings{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.screen-settings{grid-template-columns:1fr}}
.profile-form{display:grid;grid-template-columns:minmax(200px,1fr) minmax(220px,1fr);align-items:end}.profile-form>label input,.profile-form>label select{width:100%}.audio-settings{grid-column:1/-1;display:grid;grid-template-columns:minmax(190px,.8fr) minmax(230px,1fr) minmax(280px,1.4fr) auto minmax(110px,.5fr);align-items:end;gap:14px;padding:17px;background:#f3f5f2}.audio-toggle{display:flex;align-items:center;gap:9px;min-height:42px}.audio-toggle input{width:21px;height:21px;accent-color:var(--sea)}.volume-control{grid-template-columns:auto 1fr auto;align-items:center}.volume-control input{padding:0;accent-color:var(--sea)}.volume-control output{min-width:38px;color:var(--sea);font-weight:900}.audio-state{align-self:center;color:var(--sea);font-size:.78rem;font-weight:800}.profile-form>.form-actions{grid-column:1/-1}@media(max-width:850px){.profile-form,.audio-settings{grid-template-columns:1fr}.volume-control{grid-template-columns:auto 1fr auto}}
.dashboard-status{min-height:210px;background:linear-gradient(120deg,#0e3c36 0%,#0a302c 58%,#123f38 100%);box-shadow:0 24px 70px #020e0c8c,inset 0 1px #ffffff0d}.dashboard-status::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 16% 50%,#2a6a5d2b,transparent 34%),linear-gradient(90deg,transparent 49.9%,#d7ae5f12 50%,transparent 50.1%)}.status-copy,.dashboard-current-weather{position:relative;z-index:1}.dashboard-status h2{font-size:3.25rem;letter-spacing:-.035em}.dashboard-status .status-dot{position:relative;display:grid;flex:0 0 auto;place-items:center;width:48px;height:48px;background:#39cc83;border:1px solid #8ef0bb;border-radius:50%;box-shadow:0 0 0 9px #39cc8313,0 0 28px #39cc8354;animation:status-breathe 3s ease-in-out infinite}.dashboard-status .status-dot::after{content:"✓";color:#06251f;font-family:Inter,ui-sans-serif,sans-serif;font-size:1.45rem;font-weight:1000}.dashboard-status.warning .status-dot{background:#e8b75d;border-color:#f7d998;box-shadow:0 0 0 9px #e8b75d13,0 0 28px #e8b75d45}.dashboard-status.warning .status-dot::after{content:"!"}.dashboard-current-weather{padding-right:48px}.dashboard-current-weather strong{font-size:2.85rem}.dashboard-current-weather::before{content:"";width:46px;height:3px;margin-bottom:17px;background:#d7ae5f;border-radius:99px}
.dashboard-card{min-height:225px;border-color:#d7ae5f1c;background:linear-gradient(145deg,#113c36,#092b27);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.dashboard-card:hover{transform:translateY(-3px);border-color:#d7ae5f52;box-shadow:0 20px 44px #020d0c7a}.dashboard-card .card-heading{margin-bottom:15px}.dashboard-card .card-icon{width:38px;height:38px;border-radius:11px;background-color:#d7ae5f10;background-repeat:no-repeat;background-position:center;background-size:21px;color:transparent;font-size:0}.dashboard-card:nth-child(1) .card-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23e8c77f' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Crect x='3' y='4' width='18' height='13' rx='2'/%3E%3Cpath d='M8 21h8M12 17v4'/%3E%3C/svg%3E")}.dashboard-card:nth-child(2) .card-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23e8c77f' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='M9 6h11M9 12h11M9 18h11'/%3E%3Ccircle cx='4' cy='6' r='1' fill='%23e8c77f'/%3E%3Ccircle cx='4' cy='12' r='1' fill='%23e8c77f'/%3E%3Ccircle cx='4' cy='18' r='1' fill='%23e8c77f'/%3E%3C/svg%3E")}.dashboard-card:nth-child(3) .card-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23e8c77f' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Ccircle cx='8' cy='9' r='2'/%3E%3Cpath d='m4 17 5-5 4 4 2-2 5 4'/%3E%3C/svg%3E")}.dashboard-card:nth-child(4) .card-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23e8c77f' stroke-linecap='round' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='M4 9h10a3 3 0 1 0-3-3M4 13h15a3 3 0 1 1-3 3M4 17h7'/%3E%3C/svg%3E")}.dashboard-card:nth-child(5) .card-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23e8c77f' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M3 20c0-4 2.5-6 6-6s6 2 6 6M14 15c4-1 7 1 7 5'/%3E%3C/svg%3E")}.dashboard-card:nth-child(6) .card-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23e8c77f' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='M8 6 10 3h4l2 3h3a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3Z'/%3E%3Ccircle cx='12' cy='13' r='4'/%3E%3C/svg%3E")}.dashboard-card .card-number{font-size:3.65rem}.dashboard-card .card-primary{font-size:1.8rem}.dashboard-card .dashboard-metric strong{font-size:2.15rem}.card-status.ok i,.service-pill.ok i{animation:status-pulse 2.8s ease-out infinite}
.activity-card{padding:19px 24px;background:linear-gradient(100deg,#0e3732,#092a27)}.activity-card>.card-heading{margin-bottom:12px}.activity-list{position:relative}.activity-list::before{content:"";position:absolute;left:4%;right:4%;top:25px;height:1px;background:linear-gradient(90deg,transparent,#d7ae5f4d 8%,#d7ae5f4d 92%,transparent)}.activity-item{position:relative;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;border:0;padding:5px 18px}.activity-item:first-child{padding-left:18px}.activity-item .activity-icon{position:relative;z-index:1;border:1px solid #d7ae5f42;box-shadow:0 0 0 7px #0d332e}.activity-item time{grid-column:3;grid-row:1;padding:5px 8px;border:1px solid #ffffff12;border-radius:999px;background:#071f1d;color:#d7ae5f;font-variant-numeric:tabular-nums}.activity-item div{grid-column:2;grid-row:1}.dashboard-footer{color:#8da49f}
@keyframes status-breathe{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.045);filter:brightness(1.12)}}@keyframes status-pulse{0%{box-shadow:0 0 0 0 #50d79555}65%,100%{box-shadow:0 0 0 7px #50d79500}}@media(prefers-reduced-motion:reduce){.dashboard-status .status-dot,.card-status.ok i,.service-pill.ok i{animation:none}.dashboard-card{transition:none}}
@media(min-width:1400px) and (min-height:850px){main{padding:16px 28px}header{margin-bottom:10px;height:48px}header h1{font-size:1.85rem}#app>nav{margin:8px 0 12px;padding:4px}#app>nav button{padding:8px 15px}.dashboard-status{min-height:175px}.status-copy{padding:22px 30px}.dashboard-status h2{margin:6px 0 4px;font-size:2.7rem}.dashboard-status .status-dot{width:41px;height:41px}.service-row{margin-top:13px}.service-pill{padding:6px 10px}.dashboard-current-weather{padding:22px 34px}.dashboard-current-weather strong{font-size:2.45rem}.dashboard-grid{gap:12px;margin-top:12px}.dashboard-card{min-height:185px;padding:17px 19px}.dashboard-card .card-heading{margin-bottom:10px}.dashboard-card .card-icon{width:32px;height:32px;background-size:18px}.dashboard-card .card-number{font-size:2.8rem}.dashboard-card .card-primary{font-size:1.5rem}.dashboard-card .dashboard-metric strong{font-size:1.75rem}.weather-main{padding-bottom:8px;margin-bottom:9px}.weather-main strong{font-size:2.4rem}.dashboard-link{padding-top:5px}.activity-card{margin-top:12px;padding:13px 22px}.activity-card>.card-heading{margin-bottom:5px}.activity-item{padding-top:1px;padding-bottom:1px}.activity-list::before{top:20px}.activity-item .activity-icon{width:30px;height:30px}.dashboard-footer{padding-top:10px}}
.header-actions{display:flex;align-items:center;gap:9px}.header-actions #open-tv,.header-actions #open-board-portal{background:#d7ae5f;color:#102e29}.header-actions #close-board-portal{background:#dfe7e1;color:#17322d}.header-actions #logout{background:#173f39}
.member-home{max-width:1500px;margin:24px auto 0}.member-welcome{display:flex;justify-content:space-between;align-items:center;padding:30px 34px;border:1px solid #d7ae5f55;border-radius:24px;background:linear-gradient(120deg,#0d443c,#155b50);color:#fff}.member-welcome h2{font-size:clamp(2rem,4vw,3.2rem);margin:8px 0}.member-welcome p{margin:0;color:#d5e3df;font-size:1.08rem}.member-status{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;background:#e2f4e9;color:#075c43;font-weight:700;white-space:nowrap}.member-status i{width:10px;height:10px;border-radius:50%;background:#31c97a;box-shadow:0 0 0 5px #c6ecd6}.member-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0}.member-summary,.member-section,.member-contact{border-radius:20px;background:#fff;box-shadow:0 14px 34px #001b1615}.member-summary{display:grid;gap:7px;padding:22px 24px}.member-summary small,.member-card small{color:#94712d;font-weight:800;letter-spacing:.12em}.member-summary strong{font-size:1.35rem}.member-summary span{color:#61716d}.member-section{margin-top:16px;padding:24px}.member-section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:17px}.member-section-heading h3{font-size:1.55rem;margin:5px 0 0}.member-section-heading>span,.member-section-heading>small{color:#61716d}.member-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.member-card{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:17px;border:1px solid #dbe5e1;border-radius:15px}.member-card-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#e7f2ee;color:#08695b;font-size:1.4rem}.member-card h4{margin:4px 0;font-size:1.15rem}.member-card p{margin:0;color:#61716d}.member-badge{display:inline-block;padding:5px 10px;border-radius:999px;font-size:.8rem;font-weight:800}.member-badge.ok{background:#dff4e7;color:#08734e}.member-badge.warning{background:#fff0d4;color:#8b5e00}.member-table-wrap{overflow-x:auto}.member-table{width:100%;border-collapse:collapse}.member-table th,.member-table td{text-align:left;padding:13px 10px;border-bottom:1px solid #e2e8e5}.member-table th{color:#61716d;font-size:.78rem;letter-spacing:.1em}.member-contact{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:22px 25px}.member-contact h3{margin:5px 0}.member-contact>div:last-child{display:flex;gap:18px;flex-wrap:wrap}.member-contact a{color:#006b5c;font-weight:800}@media(max-width:850px){.member-welcome,.member-contact{align-items:flex-start;flex-direction:column;gap:18px}.member-summary-grid{grid-template-columns:1fr}.member-products{grid-template-columns:1fr}.member-card{grid-template-columns:48px 1fr}.member-card .member-badge{grid-column:2}}
.member-nav{display:flex;gap:7px;margin:15px 0 0;padding:7px;border:1px solid #2e5e55;background:#052f29;border-radius:16px;overflow-x:auto}.member-nav button{flex:0 0 auto;background:transparent;color:#dce9e5;border:0;box-shadow:none;padding:10px 16px}.member-nav button.active{background:#dfb45b;color:#082f29}.member-panel[hidden]{display:none}.member-readonly{padding:7px 11px;border-radius:999px;background:#eef3f1;color:#536762!important;font-weight:700}.member-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;background:#dbe5e1;border:1px solid #dbe5e1;border-radius:14px;overflow:hidden}.member-details>div{display:grid;gap:7px;padding:18px;background:#fff}.member-details dt{color:#687975;font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.member-details dd{margin:0;font-size:1.05rem;font-weight:700}.member-empty{padding:30px;border:1px dashed #b8c9c3;border-radius:14px;background:#f5f8f7;text-align:center;color:#526762}.member-empty strong{display:block;color:#153a33;font-size:1.08rem}.member-empty p{margin:7px 0 0}.member-empty button{margin-top:14px}.member-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.member-contact-grid a{display:grid;gap:7px;padding:20px;border:1px solid #dbe5e1;border-radius:14px;color:#075f52;text-decoration:none}.member-contact-grid small{color:#94712d;font-weight:800;letter-spacing:.1em}.member-contact-grid strong{font-size:1.15rem}.invoice-download{display:inline-block;margin-left:8px;white-space:nowrap}@media(max-width:850px){.member-home{margin-top:12px}.member-welcome{padding:24px}.member-nav{border-radius:13px}.member-details,.member-contact-grid{grid-template-columns:1fr}.member-section{padding:19px}.member-section-heading{align-items:flex-start;gap:10px;flex-direction:column}.member-table th,.member-table td{padding:11px 8px}.invoice-download{display:block;margin:8px 0 0}}@media(max-width:520px){.member-status{white-space:normal}.member-card{grid-template-columns:40px 1fr;padding:14px}.member-card-icon{width:40px;height:40px}.member-nav button{padding:9px 12px}.member-table{min-width:560px}}
.connection-card{margin-top:16px;padding:20px;border:1px solid #cbdcd6;border-radius:16px;background:linear-gradient(135deg,#f8fbfa,#eef6f3)}.connection-card h4{margin:5px 0 0;font-size:1.35rem}.connection-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;border:1px solid #d6e2de;border-radius:12px;overflow:hidden;background:#d6e2de}.connection-details>div{display:grid;gap:5px;padding:15px;background:#fff}.connection-details dt,.payment-summary small{color:#94712d;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.connection-details dd{margin:0;font-weight:700;overflow-wrap:anywhere}.payment-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.payment-summary article{display:grid;gap:6px;padding:18px;border:1px solid #dbe5e1;border-radius:14px;background:#f7faf8}.payment-summary strong{font-size:1.15rem}.payment-summary span{color:#61716d}.upcoming-lines{margin:0 0 22px;padding:18px;border-radius:14px;background:#f5f8f7}.upcoming-lines h4{margin:0 0 12px}@media(max-width:950px){.connection-details{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.connection-details,.payment-summary{grid-template-columns:1fr}}
.tv-mode{width:100vw;height:100vh;overflow:hidden;background:#071f1d;cursor:none}.tv-mode #tv-canvas{position:absolute;left:50%;top:50%;width:1920px;height:1080px;max-width:none;margin:0;padding:24px 38px;transform-origin:center center;overflow:hidden}.tv-brand{height:62px;margin:0 0 12px}.tv-brand h1{font-size:2.25rem}.tv-brand>span{color:#d7ae5f;font-size:.75rem;font-weight:900;letter-spacing:.22em}.tv-mode .dashboard-status{min-height:180px}.tv-mode .status-copy{padding:23px 32px}.tv-mode .dashboard-status h2{margin:6px 0 4px;font-size:2.9rem}.tv-mode .dashboard-status .status-dot{width:43px;height:43px}.tv-mode .service-row{margin-top:14px}.tv-mode .service-pill{padding:6px 11px}.tv-mode .dashboard-current-weather{padding:22px 38px}.tv-mode .dashboard-current-weather strong{font-size:2.65rem}.tv-mode .dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:13px}.tv-mode .dashboard-card{min-height:205px;padding:18px 21px}.tv-mode .dashboard-card:hover{transform:none}.tv-mode .dashboard-card .card-heading{margin-bottom:11px}.tv-mode .dashboard-card .card-icon{width:34px;height:34px;background-size:19px}.tv-mode .dashboard-card .card-number{font-size:3.15rem}.tv-mode .dashboard-card .card-primary{font-size:1.65rem}.tv-mode .dashboard-card .dashboard-metric strong{font-size:1.95rem}.tv-mode .weather-main{padding-bottom:9px;margin-bottom:10px}.tv-mode .weather-main strong{font-size:2.6rem}.tv-mode .activity-card{margin-top:13px;padding:14px 23px}.tv-mode .activity-card>.card-heading{margin-bottom:6px}.tv-mode .activity-item{padding-top:2px;padding-bottom:2px}.tv-mode .activity-list::before{top:21px}.tv-mode .activity-item .activity-icon{width:31px;height:31px}.tv-mode .dashboard-footer{padding-top:9px}.tv-mode .dashboard-alert{margin-top:120px;font-size:1.3rem}.tv-mode button,.tv-mode nav,.tv-mode #login{display:none!important}