:root{--ink:#243747;--muted:#7b8a90;--green:#008dcc;--line:#e4e9e8}*{box-sizing:border-box}body{margin:0;background:#f3f6f9;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:0;border-radius:9px;background:var(--green);color:white;padding:12px 18px;font-weight:600}button:hover{filter:brightness(.96)}button:disabled{opacity:.4;cursor:default}a{color:var(--green)}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:#18364e;color:#fff;padding:34px 20px;display:flex;flex-direction:column}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;color:white;font-size:31px;font-weight:700;letter-spacing:-1px;padding:0 12px}.brand-icon{display:grid;place-items:center;background:#8fd9f3;color:#163b32;border-radius:11px;width:36px;height:36px;font-size:30px}.brand-dot{width:6px;height:6px;background:#8fd9f3;border-radius:50%;margin-left:-5px;margin-top:17px}.workspace-name{font-size:9px;letter-spacing:1.7px;color:#83a1a7;margin:45px 12px 16px;line-height:1.6}.sidebar nav{display:grid;gap:7px}.sidebar nav button{display:flex;align-items:center;gap:12px;background:none;color:#a6bdc2;text-align:left;padding:14px}.sidebar nav button.active{background:#245b7e;color:#ffffff}.sidebar nav button span{font-size:20px}.sidebar nav b{margin-left:auto;font-size:11px;background:#355257;padding:3px 7px;border-radius:5px}.sidebar-bottom{margin-top:auto;padding:16px 12px;color:#b6d8ed;font-size:12px}.sidebar-bottom p{color:#78959c;font-size:11px;margin-left:15px}.dot{display:inline-block;background:#66c9f0;width:6px;height:6px;border-radius:50%;margin-right:6px}.shell{margin-left:236px}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:white;color:var(--muted);font-size:12px}.local-badge{background:#edf7fc;border:1px solid #e3eadc;padding:7px 10px;border-radius:6px;color:#17668e}main{padding:38px 40px;max-width:1660px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}h1{font-size:30px;letter-spacing:-1px;margin:0 0 9px}h2{font-size:17px;letter-spacing:-.3px;margin:0}h3{font-size:15px;margin:0 0 12px}p{line-height:1.6}.muted{color:var(--muted)}.subtitle{color:var(--muted);margin:0;font-size:13px}.eyebrow{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--green);font-weight:700}.secondary{background:white;color:#34565b;border:1px solid #d8e2df}.danger{background:#fff2f0;color:#a34237;border:1px solid #f4dcd8}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:30px}.stat{background:white;border:1px solid var(--line);border-radius:13px;padding:22px}.stat-label{color:#72848a;font-size:12px;display:flex;justify-content:space-between}.stat strong{display:block;font-size:35px;font-weight:600;margin:15px 0 5px;letter-spacing:-1px}.stat small{color:#8a989d;font-size:11px}.stat.green{background:#eaf5fc;border-color:#cce5f5}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.panel{background:white;border:1px solid var(--line);border-radius:13px;padding:25px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.panel-head button{font-size:12px;padding:8px 12px}.screen-preview{aspect-ratio:16/9;overflow:hidden;border-radius:9px;background:#152c40}.screen-preview.portrait{aspect-ratio:9/16;max-height:420px;margin:auto}.status{font-size:11px;border-radius:5px;display:inline-flex;align-items:center;padding:5px 8px;background:#e7f5fc;color:#17668e}.status.wait{background:#fff5df;color:#97732c}.status.off{background:#f1f3f4;color:#7a878e}.empty-state{padding:45px 20px;text-align:center;color:#789096}.empty-state .symbol{font-size:34px;color:#aac1b8;margin-bottom:15px}.empty-state p{max-width:340px;margin:10px auto 22px}.steps{display:grid;gap:23px;margin-top:26px}.step{display:flex;gap:15px}.step>span{border:1px solid #cce5f5;background:#edf7fc;border-radius:8px;flex:0 0 30px;height:30px;display:grid;place-items:center;color:#5c7750}.step strong{font-size:13px}.step p{font-size:12px;color:#849397;margin:5px 0 0}.tip{margin-top:25px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:#7a8d91}.layout-list{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.layout-chip{background:white;color:#566d72;border:1px solid #dee5e3;padding:10px 15px;font-size:12px}.layout-chip.active{color:#155d86;border-color:#81c5e7;background:#eaf5fc}.studio-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 20px;background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:18px}.studio-toolbar input{flex:1;min-width:180px;font-weight:600}.editor{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px}.canvas-area{padding:22px;background:#e8edeb;border:1px solid #dfe7e3;border-radius:13px;min-width:0}.canvas-caption{display:flex;justify-content:space-between;margin-bottom:18px;font-size:11px;color:#788e8f}.board{aspect-ratio:16/9;position:relative;overflow:hidden;box-shadow:0 12px 30px #193d3120;border-radius:8px;touch-action:none}.board.portrait{aspect-ratio:9/16;max-width:340px;margin:auto}.board .efir-zone{cursor:move;outline:1px solid #ffffff15;outline-offset:-1px}.board .efir-zone.selected{outline:2px solid #66c9f0;outline-offset:-2px}.board .efir-zone.selected:after{content:'↘';position:absolute;bottom:0;right:0;background:#66c9f0;color:#153b57;font-size:16px;width:20px;height:20px;display:grid;place-items:center;cursor:nwse-resize}.zone-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.zone-list button{font-size:11px;padding:9px 10px;background:#f7f9f7;color:#5b7475;border:1px solid #d7e2dc}.zone-list button.active{background:#dceffc;border-color:#81c5e7;color:#155d86}.inspector{padding:22px;background:white;border:1px solid var(--line);border-radius:13px;align-self:start}.inspector h2{margin-bottom:20px}label{display:block;font-size:11px;font-weight:600;color:#607b7f;margin:15px 0 7px}input,textarea,select{padding:10px 11px;border:1px solid #dce4e1;border-radius:7px;color:#29494f;background:white;max-width:100%;width:100%}input[type=color]{height:38px;padding:4px}input[type=file]{font-size:11px;padding:8px}textarea{resize:vertical;min-height:100px;line-height:1.5}.fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.inspector .secondary,.inspector .danger{font-size:11px;padding:9px 10px;margin-top:14px}.fine{font-size:11px;color:#84999b;line-height:1.6}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px}.device-title{display:flex;justify-content:space-between;gap:15px}.device-title strong{font-size:17px}.device-card .device-meta{font-size:12px;color:#87989b;margin:12px 0}.device-card select{margin:8px 0 12px}.device-card .actions{display:flex;gap:10px}.device-card .actions button{font-size:12px}.event{display:grid;grid-template-columns:135px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid #edf1ef}.event:last-child{border:0}.event time{font-size:12px;color:#8b9c9c}.event p{margin:5px 0 0;color:#799094;font-size:12px}dialog{border:0;border-radius:18px;padding:32px;max-width:min(500px,90vw);color:var(--ink);box-shadow:0 24px 90px #18364e40}dialog::backdrop{background:#18364e70}dialog h2{font-size:23px;margin-bottom:20px}.pair-code{font-size:54px;letter-spacing:9px;color:var(--green);font-weight:600;font-variant-numeric:tabular-nums;margin:25px 0}#toast{position:fixed;bottom:25px;left:calc(50% + 118px);transform:translateX(-50%);background:#173b36;color:#fff;padding:15px 22px;border-radius:10px;max-width:80vw;box-shadow:0 10px 30px #122b3425;z-index:10}#toast.error{background:#8f3f36}.heading-actions{display:flex;gap:10px;flex-wrap:wrap}.loading{opacity:.6}.preview-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px;font-size:12px;color:#84999b}@media(min-width:1700px){main{padding:45px 55px}}@media(max-width:1100px){.sidebar{width:195px}.shell{margin-left:195px}main{padding:28px 24px}.topbar{padding:0 24px}.editor{grid-template-columns:minmax(0,1fr) 260px}.dashboard-grid{grid-template-columns:1fr}.stats{gap:12px}.stat{padding:16px}#toast{left:calc(50% + 97px)}}@media(max-width:800px){.sidebar{position:relative;width:auto;padding:16px 18px}.brand{font-size:25px}.workspace-name,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:6px;overflow:auto;margin-top:16px}.sidebar nav button{font-size:12px;padding:10px;white-space:nowrap}.sidebar nav button span{display:none}.shell{margin:0}.topbar{height:50px;padding:0 20px}.editor{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.page-heading{align-items:flex-start;flex-direction:column}main{padding:25px 18px}.inspector{max-width:100%}.event{grid-template-columns:100px 1fr;gap:10px}#toast{left:50%}.studio-toolbar{padding:12px}.studio-toolbar button{padding:10px;font-size:12px}.local-badge{font-size:10px}h1{font-size:27px}}
.recovery-banner{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:20px;padding:15px 20px;background:#fff8e8;border:1px solid #e9ddbb;border-radius:10px;font-size:13px}.recovery-banner button{font-size:12px;white-space:nowrap}#undo,#redo{font-size:22px;padding:7px 13px}#discard{margin-left:10px;font-size:12px}@media(max-width:800px){.recovery-banner{flex-direction:column;align-items:flex-start}}
.company-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:24px}.company-row{padding:20px 0;border-bottom:1px solid var(--line)}.company-row:last-child{border:0}.assignment-row{display:grid;grid-template-columns:1fr 1.4fr auto;gap:14px;align-items:center;margin:12px 0}.assignment-row label{margin:0;font-size:13px}.assignment-row button{font-size:12px}.company-portal{background:#f3f6f9}.portal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 35px;background:#18364e;color:#fff}.portal-header strong{font-size:24px}.portal-header .muted{font-size:14px;font-weight:400;margin-left:15px}.company-portal main{max-width:1280px}.company-portal #toast{left:50%}.login-panel{max-width:460px;margin:8vh auto}.company-targets{margin:15px 0 22px}.company-target{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--line);margin:0}.company-target input{width:18px;height:18px;flex-shrink:0}.company-target small{display:block;color:#84999b;font-weight:400;margin-top:5px}@media(max-width:800px){.company-grid{grid-template-columns:1fr}.assignment-row{grid-template-columns:1fr}.portal-header{padding:20px}.portal-header .muted{display:block;margin:5px 0}}
.material-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px}.material-card img{width:100%;height:170px;object-fit:contain;background:#e8edeb;border-radius:8px;margin-bottom:18px}.material-card h3{overflow-wrap:anywhere}.material-card button{font-size:12px}.material-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-height:50vh;overflow:auto}.material-picker button{min-width:0;font-size:11px;overflow-wrap:anywhere}.material-picker img{display:block;width:100%;height:90px;object-fit:contain;margin-bottom:8px}#dialog:has(.material-picker){width:650px;max-width:95vw}

@font-face{font-family:Sommet;src:url("/brand/sommet.woff") format("woff");font-display:swap}@font-face{font-family:Sommet;src:url("/brand/sommet-italic.woff") format("woff");font-style:italic;font-display:swap}body{font-family:Sommet,Arial,sans-serif}.brand{padding:0;background:white;border-radius:12px;height:130px;overflow:hidden}.brand img{width:100%;height:100%;object-fit:contain}.workspace-name{margin-top:24px}.element-list{display:grid;gap:5px;margin:12px 0}.element-list button{text-align:left}.element-list button.active{background:#008dcc;color:white}.element-properties{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.efir-element.editor-selected{outline:2px solid #00a8e8;outline-offset:-2px}.efir-element.editor-selected:after{content:"";position:absolute;right:0;bottom:0;width:12px;height:12px;background:#008dcc}.font-note{font-size:11px;color:var(--muted)}

.inspector{max-height:78vh;overflow-y:auto;position:sticky;top:16px}.canvas-area{align-self:start;position:sticky;top:16px}.inspector-tabs{display:flex;gap:6px;position:sticky;top:-22px;background:white;padding:8px 0;z-index:5}.inspector-tabs button{flex:1;margin:0!important}.inspector-tabs button.active{background:#008dcc;color:white}.element-properties{border:0;padding-top:8px;margin-top:0}.element-properties[hidden],.base-properties[hidden]{display:none}.canvas-area{background:#e8eff5;border-color:#d8e4ef}.local-badge{border-color:#cce5f5}.sidebar nav b{background:#386786}.sidebar-bottom,.sidebar-bottom p{color:#b6d8ed}@media(max-width:900px){.canvas-area,.inspector{position:static}.inspector{max-height:none}}

body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}h1,h2,h3{letter-spacing:normal}.brand{height:108px}.inspector-tabs{display:none}
.simple-editor{grid-template-columns:180px minmax(260px,1fr) 320px;gap:16px;align-items:start}.block-outline{background:white;border:1px solid var(--line);border-radius:12px;padding:18px;position:sticky;top:16px}.simple-editor .zone-list{display:grid;gap:6px;margin:16px 0}.simple-editor .zone-list button{display:flex;gap:8px;align-items:center;text-align:left;width:100%;padding:12px 9px}.simple-editor .zone-list button.active{background:#e9f5fc;border-color:#008dcc;color:#155d86}.block-outline>button{width:100%;padding:11px 8px;font-size:12px}.simple-editor .canvas-area{padding:18px}.simple-editor .inspector{padding:0;max-height:calc(100vh - 32px);border-radius:12px}.inspector-title{padding:20px;border-bottom:1px solid var(--line)}.inspector-title h2{margin:8px 0 0;overflow-wrap:anywhere}.property-section{padding:18px 20px;border-bottom:1px solid var(--line);margin:0}.property-section h3{font-size:13px;margin-bottom:12px}.property-section details{margin-top:14px}.property-section summary{font-size:12px;font-weight:600;cursor:pointer;color:#456379;padding:7px 0}.format-toolbar{display:flex;gap:6px;align-items:center;margin:12px 0}.format-toolbar input[type=number]{width:72px}.format-toolbar input[type=color]{width:42px;padding:4px}.format-toolbar button{margin:0!important;width:38px;padding:9px!important}.format-toolbar button.active{background:#dceffc;border-color:#008dcc;color:#155d86}.object-list{display:grid;gap:5px}.object-list button{margin-top:0!important;text-align:left;width:100%}.object-actions{padding:18px;display:flex;gap:8px}.object-actions button{margin:0!important}.text-button{background:none;color:#327398;padding:8px 0;font-size:12px;font-weight:500}.inline-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.file-button{display:block;border:1px dashed #adc8db;border-radius:7px;color:#26739e;padding:9px;font-size:11px;cursor:pointer;margin-top:12px}.file-button input{display:block;font-size:10px;margin-top:8px;width:100%}.studio-toolbar>input{min-width:140px;flex:1}.studio-toolbar>select{width:auto;max-width:190px}.canvas-caption{align-items:center;gap:10px}.canvas-caption button{font-size:11px;padding:9px}.canvas-caption>span{white-space:nowrap}.canvas-help{line-height:1.6}.block-palette{display:grid;grid-template-columns:1fr 1fr;gap:12px}.block-palette button{padding:20px;text-align:left}.studio-selected{outline:2px solid #00a8e8;outline-offset:-2px}.studio-selected:after{content:'↘';position:absolute;right:0;bottom:0;width:16px;height:16px;background:#008dcc;color:white;font:12px Arial}.preview-dialog{width:min(1200px,96vw);max-width:96vw;padding:24px}.preview-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.preview-switch{display:flex;gap:8px}.preview-switch button.active{background:#008dcc;color:white}.preview-status{padding:12px;background:#edf7fc;border-radius:8px;font-size:12px;line-height:1.5}.preview-viewport{height:65vh;min-height:260px;display:flex;justify-content:center;align-items:center;background:#172d40;border-radius:10px;overflow:hidden}#preview-surface{position:relative;max-width:100%;max-height:100%;overflow:hidden}#preview-stage{width:100%;height:100%}#preview-frame{width:100%;height:100%;object-fit:contain;display:block}#preview-frame[hidden],#preview-stage[hidden],#preview-device-tools[hidden]{display:none}#preview-device-tools{display:flex;gap:12px;align-items:center;margin-top:12px}#preview-device-tools select{width:auto;max-width:45%}.preview-dialog #close-dialog{margin-top:14px}
@media(min-width:1600px){main{max-width:1920px}.simple-editor{grid-template-columns:200px minmax(300px,1fr) 340px}}@media(max-width:1250px){.simple-editor{grid-template-columns:150px minmax(210px,1fr) 280px}.simple-editor .canvas-area{padding:12px}.simple-editor .canvas-caption{flex-direction:column;align-items:flex-start}.property-section{padding:16px}.studio-toolbar{gap:8px}}@media(max-width:1000px){.simple-editor{grid-template-columns:minmax(0,1fr) 290px}.block-outline{grid-column:1/-1;position:static}.simple-editor .zone-list{display:flex;flex-wrap:wrap;margin:8px 0}.simple-editor .zone-list button{width:auto}.block-outline>button{width:auto}.block-outline>h2,.block-outline>.fine{display:none}}@media(max-width:700px){.simple-editor{grid-template-columns:1fr}.simple-editor .inspector{position:static;max-height:none}.simple-editor .canvas-caption{flex-direction:row}.preview-header{display:block}.preview-switch{margin-top:12px}.preview-dialog{padding:14px}.preview-viewport{height:55vh}#preview-device-tools{flex-wrap:wrap}#preview-device-tools select{max-width:100%;width:100%}}

.quick-guide{padding-left:22px;line-height:1.65}.quick-guide li{margin:12px 0}.heading-actions{display:flex;gap:8px;flex-wrap:wrap}.sidebar nav button{font-family:inherit}

.board .efir-zone.selected,.board .studio-selected{outline-width:calc(2 * var(--efir-ui-unit,1px));outline-offset:calc(-2 * var(--efir-ui-unit,1px))}
.board .efir-zone.selected:after{width:calc(20 * var(--efir-ui-unit,1px));height:calc(20 * var(--efir-ui-unit,1px));font-size:calc(16 * var(--efir-ui-unit,1px))}
.board .studio-selected:after{width:calc(16 * var(--efir-ui-unit,1px));height:calc(16 * var(--efir-ui-unit,1px));font-size:calc(12 * var(--efir-ui-unit,1px))}
/* Quiet controls: common actions stay visible; precision and administration unfold on demand. */
.compact-menu{position:relative;font-size:12px}.compact-menu>summary{list-style:none;cursor:pointer;border:1px solid #d8e2e9;background:#fff;border-radius:8px;padding:11px 13px;color:#345469;font-weight:600;white-space:nowrap}.compact-menu>summary::-webkit-details-marker{display:none}.compact-menu>summary:after{content:'⌄';margin-left:12px;color:#78909e}.compact-menu[open]>summary{background:#eaf5fc;border-color:#8ac8e5}.compact-menu>div{position:absolute;top:calc(100% + 8px);right:0;z-index:8;background:#fff;border:1px solid #dce6ed;box-shadow:0 12px 40px #19364e26;border-radius:12px;padding:16px;width:292px;max-width:85vw}.compact-menu>div>button{display:block;width:100%;margin:4px 0;text-align:left}.canvas-settings>div{width:270px}.canvas-settings label{margin-top:8px}.canvas-settings select{width:100%}.align-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.align-grid button{font-size:11px;padding:10px 6px;font-weight:500}.check-label{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.4;font-weight:500}.check-label input{width:16px;height:16px;flex-shrink:0}.canvas-caption .inline-actions{flex-wrap:nowrap}.multi-selected{outline:calc(2 * var(--efir-ui-unit,1px)) solid #00a8e8!important;outline-offset:calc(-2 * var(--efir-ui-unit,1px))!important}.snap-guide{position:absolute;background:#00a8e8;z-index:5;pointer-events:none}.snap-guide.x{top:0;bottom:0;width:1px}.snap-guide.y{left:0;right:0;height:1px}.property-section.inspector-section{padding:0 20px}.inspector-section>summary{padding:17px 0;margin:0;font-size:13px;list-style:none;display:flex;justify-content:space-between}.inspector-section>summary:after{content:'+';font-size:16px;color:#7d97a8}.inspector-section[open]>summary:after{content:'−'}.inspector-section[open]{padding-bottom:18px}.simple-editor .inspector{overflow:auto}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1000px}.settings-form{display:flex;flex-direction:column;align-items:flex-start}.settings-form input{width:100%}.settings-form>button{margin-top:24px}.form-error{color:#b1473b}.update-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:22px}.release-title{font-size:26px;margin-top:15px}.release-notes{padding-left:20px;color:#627e8f;line-height:1.8}.button-link{display:inline-block;background:#008dcc;color:white;padding:12px 18px;border-radius:8px;text-decoration:none;font-weight:600}.release-history{margin-top:24px;border-top:1px solid #e4eaf0;padding-top:16px;font-size:12px}.release-history summary{cursor:pointer}.update-device{padding:22px 0;border-bottom:1px solid #e5edf3}.update-device:last-child{border-bottom:0}.update-device>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.update-device>p:not(.fine){font-size:13px;color:#41677e}.update-device .text-button{margin-left:12px}.mirror-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.mirror-toolbar select{width:auto;min-width:180px;max-width:100%}.mirror-surface{height:65vh;min-height:340px;background:#152c40;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.mirror-surface:fullscreen{height:100vh;border-radius:0}.mirror-surface img{height:100%;width:100%;object-fit:contain}.mirror-surface img[hidden],.mirror-empty[hidden]{display:none}.mirror-empty{padding:30px;max-width:440px;text-align:center;color:#abc8d9}.mirror-empty>span{font-size:40px;opacity:.5}.mirror-empty h2{margin-top:15px;color:#e1eef6}.mirror-empty p{font-size:13px;line-height:1.7}.mirror-empty a{color:#70c9f1}.preview-placeholder{display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;color:#b1cddf;font:14px/1.6 Arial,sans-serif}.preview-placeholder p{max-width:250px}.sidebar{overflow-y:auto}.studio-toolbar{gap:8px}.studio-toolbar input{min-width:110px}.canvas-help{font-size:11px}@media(max-width:1000px){.settings-grid,.update-layout{grid-template-columns:1fr}.canvas-caption{flex-wrap:wrap}.sidebar nav{flex-shrink:0}}@media(max-width:800px){.canvas-caption .compact-menu>div{right:auto;left:0}.mirror-panel{padding:16px}.mirror-toolbar{gap:8px}.mirror-toolbar button{font-size:12px;padding:11px}.settings-grid{gap:14px}.sidebar{overflow-y:visible}}

.selection-list{padding-left:18px;color:#557387;font-size:12px;line-height:1.9}@media(max-width:800px){.sidebar .brand{padding:0;width:130px;min-height:48px;background:white;border-radius:8px;margin:0 auto}.sidebar .brand img{height:52px;width:120px;object-fit:contain}.sidebar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;overflow:visible;margin-top:12px}.sidebar nav button{padding:9px 7px;font-size:11px;white-space:normal;justify-content:center;text-align:center;line-height:1.3;border-radius:6px}.sidebar nav b{margin-left:4px}.sidebar{padding:12px 14px}.studio-toolbar{align-items:center}.canvas-settings>div{left:0;right:auto}.studio-toolbar>input{min-width:140px}.studio-toolbar #draft-status{font-size:10px}}

.board .multi-selected.selected:after{display:none}


/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(/vendor/leaflet/images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(/vendor/leaflet/images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url(/vendor/leaflet/images/marker-icon.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}

.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
	-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
	-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

.leaflet-cluster-spider-leg {
	/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
	-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
	-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
	-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}

.fleet-counts{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:0 0 22px}.fleet-counts>div{display:flex;align-items:baseline;gap:7px;font-size:12px;color:#6c8494}.fleet-counts b{font-size:25px;letter-spacing:-.7px;color:#24435a}.fleet-counts .online b{color:#159b84}.fleet-counts .problems b{color:#ce5a5f}.fleet-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid #e0e8ee;border-radius:12px;padding:13px;margin-bottom:16px}.fleet-toolbar input{flex:1;min-width:180px}.fleet-toolbar select{width:auto;max-width:200px}.fleet-toolbar .compact-menu>div{width:250px}.fleet-workspace{display:grid;grid-template-columns:310px minmax(0,1fr);border:1px solid #dce6ef;border-radius:14px;overflow:hidden;background:#fff;min-height:600px;height:70vh;max-height:900px}.fleet-side{overflow:auto;border-right:1px solid #e4ebf0;background:#fff}.fleet-side-head{padding:20px;border-bottom:1px solid #e6edf2;position:sticky;top:0;background:#fff;z-index:2}.fleet-side-head h2{font-size:17px;line-height:1.4}.fleet-side-head p{margin:7px 0;font-size:12px;color:#7c93a3}.fleet-side-body{padding:14px}.fleet-house{display:block;width:100%;background:#fff;color:#2f4c60;border:1px solid #e2eaf0;border-radius:9px;text-align:left;padding:14px;margin-bottom:8px;font-weight:400}.fleet-house:hover{background:#f2f8fc;border-color:#8ec7e6}.fleet-house strong{font-size:13px;line-height:1.5;display:block}.fleet-house small{font-size:11px;color:#7891a0;line-height:1.7;display:block}.fleet-health{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4f98c6;margin-right:6px}.fleet-health.online{background:#13a28a}.fleet-health.pending{background:#e5a329}.fleet-health.offline,.fleet-health.error{background:#db5d62}.fleet-map-area{position:relative;background:#e9f0f5;min-width:0}.fleet-map{position:absolute;inset:0;z-index:0}.fleet-map .leaflet-control-attribution{font-size:10px!important;padding:3px 7px}.fleet-map-note{position:absolute;left:16px;right:16px;top:16px;background:#fffef5;border:1px solid #eedeb1;border-radius:8px;padding:10px 14px;font-size:12px;z-index:500;color:#816b33;box-shadow:0 4px 15px #223b5212}.fleet-map-note[hidden]{display:none}.fleet-map-home{position:absolute;right:14px;top:14px;z-index:450;background:#fff;color:#365873;border:1px solid #d8e5ed;font-size:11px;padding:10px 13px;box-shadow:0 3px 12px #12345615}.fleet-map-legend{position:absolute;bottom:20px;left:14px;z-index:450;background:#fffffff0;border:1px solid #e0eaf1;border-radius:8px;padding:9px 12px;font-size:10px;line-height:1.9;color:#536f83;pointer-events:none}.fleet-map-legend span{white-space:nowrap;margin-right:10px}.fleet-pin{position:relative;background:transparent;text-align:center;filter:drop-shadow(0 3px 3px #24435a33)}.fleet-pin b{position:absolute;left:2px;right:2px;bottom:6px;height:29px;border:2px solid #fff;border-radius:5px;color:#fff;background:#4f98c6;font:600 13px/25px Arial}.fleet-pin.online b{background:#13a28a}.fleet-pin.pending b{background:#e5a329}.fleet-pin.offline b,.fleet-pin.error b{background:#db5d62}.pin-roof{position:absolute;left:5px;top:1px;width:26px;height:26px;transform:rotate(45deg);border-radius:4px;background:#4f98c6;border:2px solid #fff}.fleet-pin.online .pin-roof{background:#13a28a}.fleet-pin.pending .pin-roof{background:#e5a329}.fleet-pin.offline .pin-roof,.fleet-pin.error .pin-roof{background:#db5d62}.fleet-cluster{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#e8f5f8;border:5px solid #78b9d780;box-shadow:0 3px 8px #22446622;color:#255673}.fleet-cluster b{font:700 18px Arial}.fleet-cluster small{font:9px Arial}.fleet-cluster.has-problems{background:#fff0ed;border-color:#df9d9180;color:#9b514b}.entrance-pin{background:#fff;border:2px solid #4f98c6;border-radius:5px;color:#315b73;text-align:center;box-shadow:0 2px 7px #22446620}.entrance-pin b{font:600 11px/24px Arial}.entrance-pin.online{border-color:#13a28a}.entrance-pin.offline,.entrance-pin.error{border-color:#db5d62}.fleet-place{padding:10px 0;border-top:1px solid #edf2f6;display:flex;align-items:flex-start;gap:8px;font-size:12px}.fleet-place label{display:block;font-size:12px;font-weight:500;margin:0;color:#375b72}.fleet-place input[type=checkbox]{width:16px;flex-shrink:0;margin:3px 0}.fleet-place-main{flex:1;min-width:0}.fleet-place-main strong{font-size:12px;line-height:1.5}.fleet-place small{display:block;font-size:10px;color:#8095a2;margin-top:4px;line-height:1.5}.fleet-icon-button{background:#f0f6fa;color:#3a6984;padding:6px 9px;border-radius:6px;font-size:12px}.fleet-entrance{border:1px solid #e2ebf1;border-radius:9px;padding:0 12px;margin:10px 0}.fleet-entrance>summary{padding:13px 0;cursor:pointer;font-size:12px;font-weight:600;line-height:1.6;color:#345771}.fleet-entrance .text-button{font-size:11px}.fleet-side form{padding:16px}.fleet-side form label{margin-top:12px}.fleet-form-actions{display:flex;gap:8px;margin-top:18px}.fleet-form-actions button{font-size:12px;padding:10px 13px}.fleet-form-error{color:#b04c40;font-size:12px;line-height:1.5}.fleet-selection{position:sticky;bottom:15px;margin-top:15px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#183b55;color:#fff;padding:13px 18px;border-radius:10px;box-shadow:0 7px 24px #18364e26;z-index:600;font-size:12px}.fleet-selection[hidden]{display:none}.fleet-selection select{width:auto;max-width:220px;color:#24475e;background:#fff;border:0}.fleet-selection .text-button{color:#b5d9ed}.fleet-selection .inline-actions{gap:10px}.fleet-table-wrap{overflow:auto;background:#fff;border:1px solid #dce6ee;border-radius:12px}.fleet-table{width:100%;border-collapse:collapse;font-size:12px;min-width:680px}.fleet-table th{padding:14px;text-align:left;color:#7590a2;background:#f5f9fc;font-weight:600;font-size:11px}.fleet-table td{padding:14px;border-top:1px solid #e5edf3;vertical-align:middle}.fleet-table input[type=checkbox]{width:16px;height:16px}.fleet-table small{display:block;color:#8197a6;font-size:10px;line-height:1.6;margin-top:4px}.fleet-table .compact-menu>div{width:220px;position:fixed;right:35px;top:auto;bottom:80px}.fleet-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 3px;font-size:12px;color:#6b8799}.fleet-pagination button{padding:9px 14px;font-size:12px}.fleet-empty{padding:25px 8px;text-align:center;color:#8197a5;font-size:12px;line-height:1.8}.fleet-source-note{font-size:10px;color:#8599a6;margin-top:12px}.fleet-dialog label{margin-top:14px}.fleet-result{max-height:200px;overflow:auto;padding:10px;background:#f3f7fb;border-radius:8px;font-size:12px;line-height:1.9}.fleet-slot-address{font-size:11px;color:#7893a4;line-height:1.6}.fleet-legend-title{font-weight:700;display:block}.fleet-danger{color:#be5b5b}.fleet-map .leaflet-container{font-family:Arial,sans-serif}.fleet-open-entry{border-color:#4f98c6;box-shadow:0 0 0 2px #4f98c622}@media(max-width:1100px){.fleet-workspace{grid-template-columns:280px minmax(0,1fr)}.fleet-toolbar{gap:8px}.fleet-toolbar select{max-width:160px}}@media(max-width:800px){.fleet-workspace{grid-template-columns:1fr;height:auto;max-height:none;display:flex;flex-direction:column-reverse}.fleet-map-area{height:55vh;min-height:380px}.fleet-side{max-height:70vh;border-right:0;border-top:1px solid #e4ebf0}.fleet-map-note{top:60px}.fleet-toolbar input{min-width:100%;width:100%}.fleet-toolbar select{flex:1;max-width:none;min-width:0}.fleet-counts{gap:14px}.fleet-counts b{font-size:22px}.fleet-map-legend{font-size:9px;right:55px;bottom:18px}.fleet-map-legend span{margin-right:5px}.fleet-selection{bottom:8px;padding:12px}.fleet-selection .inline-actions{width:100%}.fleet-selection select{max-width:none;flex:1}.fleet-selection button{font-size:11px;padding:11px}.fleet-table td,.fleet-table th{padding:10px}.fleet-toolbar>button{flex:1}}

#fleet-sync-status{margin-top:-12px;margin-bottom:14px}

.fleet-house strong,.fleet-place-main strong,.fleet-side-head h2,.fleet-table td{overflow-wrap:anywhere}.fleet-table td:nth-child(2){max-width:220px}

@media(max-width:800px){.fleet-workspace.placing{flex-direction:column}}

.fleet-pin.company-assigned,.entrance-pin.company-assigned{outline:2px solid #008dcc;outline-offset:3px}

.efir-stage{position:relative;width:100%;height:100%;overflow:hidden;background:#0b2028;font-family:Arial,sans-serif}.efir-zone{position:absolute;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;border-radius:8px}.efir-zone .content{max-width:100%;max-height:100%;padding:5%;box-sizing:border-box;white-space:pre-wrap;overflow-wrap:anywhere;text-align:center;line-height:1.25}.efir-zone img{width:100%;height:100%;display:block}.efir-clock .content{font-variant-numeric:tabular-nums;line-height:1.1}.efir-clock small{display:block;font-size:.27em;margin-top:.6em;opacity:.75}.efir-zone.empty:after{content:'Изображение не выбрано';opacity:.35;font-size:14px}.screen-mode .efir-zone.empty:after{content:''}

.efir-element{position:absolute;box-sizing:border-box;white-space:pre-wrap;overflow-wrap:anywhere;overflow:hidden;line-height:1.25;cursor:move;touch-action:none;padding:2px;z-index:2}.efir-element~.efir-element{z-index:3}

.efir-queue,.efir-slide{position:absolute;inset:0;width:100%;height:100%}.efir-slide{display:flex;align-items:center;justify-content:center;overflow:hidden}.efir-slide[hidden]{display:none}.efir-queue{z-index:1}

.weather-content{width:100%;text-align:center}.weather-temperature{display:block;font-size:2.8em;line-height:1.2;margin:.12em 0}.weather-content small{display:block;font-size:.5em;line-height:1.4;margin-top:.8em;opacity:.8}.weather-content a{color:inherit;text-decoration:none}

.zone-body{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.zone-body img{width:100%;height:100%}.clock-element{display:flex;align-items:center;justify-content:center}.news-slide{background:inherit}.news-headline{width:100%;padding:7% 8%!important;line-height:1.35}.news-progress{position:absolute;left:8%;right:8%;height:3px;bottom:5%;background:rgba(0,141,204,.12);overflow:hidden;border-radius:3px}.news-progress span{display:block;width:100%;height:100%;background:#008dcc;transform-origin:left;transform:scaleX(0)}.news-enter{animation:newsEnter .65s cubic-bezier(.22,.7,.2,1) both}.news-exit{animation:newsExit .65s cubic-bezier(.22,.7,.2,1) both}@keyframes newsEnter{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes newsExit{from{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.weather-content{width:100%;padding:8%!important;text-align:center}.weather-city{font-size:.85em;letter-spacing:.04em;opacity:.85}.weather-hero{display:flex;align-items:center;justify-content:center;gap:.25em;margin:.25em 0}.weather-icon{display:block;width:2.5em;height:2.5em;flex-shrink:0}.weather-icon svg{display:block;width:100%;height:100%}.weather-temperature{font-size:2.65em;letter-spacing:-.07em;line-height:1.1;margin:0}.weather-feels{font-size:.62em;opacity:.8;margin-bottom:1.1em}.weather-wind{display:flex;flex-direction:column;gap:.3em;border-top:1px solid currentColor;padding-top:.8em;opacity:.9}.weather-wind span{font-size:.36em;letter-spacing:.16em;opacity:.7}.weather-wind b{font-size:.72em;font-weight:500}.weather-stale{font-size:.4em!important;opacity:.6}
.weather-temperature{white-space:nowrap;flex-shrink:0;font-size:2.4em}.weather-icon{width:1.8em;height:1.8em}.weather-hero{gap:.1em;flex-wrap:nowrap}

/* The same logical canvas is used by studio, preview and the Android player. */
.efir-design{position:absolute;transform-origin:0 0;isolation:isolate;color:#fff;font-size:48px;line-height:1.25;letter-spacing:normal;text-transform:none;text-shadow:none}
.efir-design,.efir-design *{box-sizing:border-box}
.efir-design b{font-weight:700}.efir-design small{font-weight:400}
.efir-design .efir-zone{border:0}

.efir-zone video{width:100%;height:100%;display:block;background:#000;pointer-events:none}.media-error{position:absolute;inset:0;display:grid;place-items:center;padding:8%;text-align:center;font:22px Arial;color:inherit;background:#152c40}.efir-zone .media-error{z-index:2}

.efir-element.widget-element{display:flex;align-items:center;justify-content:center;padding:0}

/* Continuous news strip, confined to the selected news block. */
.news-ticker{position:absolute;inset:0;display:flex;align-items:center;overflow:hidden}
.news-ticker-track{display:flex;width:max-content;flex-shrink:0;animation:efirTicker var(--ticker-duration,60s) linear infinite;will-change:transform}
.news-ticker-copy{display:block;flex-shrink:0;white-space:pre;padding:0!important;line-height:1.2}
@keyframes efirTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

:root{--brand:#008dcc;--ink:#243e53;--muted:#698091;--line:#e0e8ef;--paper:#f3f6fa;--sidebar:208px}body{background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}.sidebar{width:var(--sidebar);background:#fff;border-right:1px solid var(--line);padding:20px 14px;color:var(--ink)}.brand{height:96px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:0}.brand img{width:140px;height:104px;object-fit:cover}.sidebar nav{gap:5px}.sidebar nav>button,.system-navigation button{color:#526d80;display:flex;align-items:center;gap:11px;width:100%;text-align:left;border:0;background:none;border-radius:9px;padding:13px 12px;font-size:13px;font-weight:500}.sidebar nav button.active{background:#e6f4fc;color:#006eaa;font-weight:700}.sidebar nav button:hover{background:#f0f6fa}.sidebar nav button span{opacity:.8;font-size:18px}.sidebar nav button b{margin-left:auto;background:#dcedf8;color:#2475a3;padding:2px 6px;border-radius:5px;font-size:11px}.nav-label{display:block;padding:18px 12px 6px;color:#91a0ac;text-transform:uppercase;font:10px Arial;letter-spacing:1.3px}.system-navigation{margin-top:24px;border-top:1px solid var(--line);padding-top:16px}.system-navigation summary{cursor:pointer;list-style:none;color:#7b8e9b;font-size:12px;padding:12px}.system-navigation summary:after{content:'⌄';float:right}.sidebar-bottom{font-size:10px;color:#9aaaB5;padding:20px 10px}.shell{margin-left:var(--sidebar)}.topbar{padding:15px 28px;min-height:72px;gap:20px;background:#ffffffed;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:8;backdrop-filter:blur(10px)}#breadcrumb{font-size:12px;color:#8a9ba9}.global-search-trigger{display:flex;align-items:center;gap:12px;border:1px solid #e0e8ef;background:#f7f9fc;color:#7790a3;font-size:12px;font-weight:400;padding:10px 14px;min-width:300px;border-radius:9px}.global-search-trigger>span{font-size:21px;line-height:1}.global-search-trigger kbd{margin-left:auto;font:10px Arial;color:#9ba9b4;border:1px solid var(--line);padding:2px 4px;border-radius:4px}main#main{padding:28px;max-width:1800px;margin:auto}.page-heading{margin-bottom:22px}.page-heading h1{font-size:27px;letter-spacing:-.6px}.subtitle{font-size:13px;color:var(--muted);line-height:1.65}.page-heading .heading-actions button{font-size:12px}.panel{box-shadow:none;border:1px solid var(--line)}button,input,select,textarea{font-family:inherit}button{transition:background .12s,border-color .12s,box-shadow .12s}button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7cc6ed;outline-offset:2px}button:disabled{cursor:not-allowed}button.secondary.active,.network-view-tabs .active{background:#e7f4fc;border-color:#a3d3ec;color:#007cb7}.network-view-tabs{display:flex;gap:5px;margin:-8px 0 22px;width:fit-content;padding:4px;border:1px solid var(--line);background:white;border-radius:10px}.network-view-tabs button{border:0;padding:8px 16px;font-size:12px}.fleet-counts{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0;margin:14px 0}.fleet-counts>div{padding:18px 23px;flex:1;white-space:nowrap;border-right:1px solid var(--line);color:#7b8e9b;font-size:12px}.fleet-counts>div:last-child{border:0}.fleet-counts b{font-size:26px;display:block;font-weight:600;line-height:1.4;color:#2e4b61}.fleet-counts .online b{color:#2b967c}.fleet-counts .problems b{color:#c18139}#fleet-sync-status{font-size:10px;text-align:right;color:#93a2ad}.fleet-toolbar{box-shadow:none;padding:12px;background:#fff;gap:8px;margin-bottom:18px}.fleet-toolbar input[type=search]{min-width:180px;flex:2}.fleet-toolbar select{font-size:12px;padding:11px;min-width:140px;flex:1}#fleet-list{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:visible}.fleet-table-wrap{border:0;border-radius:0}.fleet-table{width:100%;table-layout:auto}.fleet-table th{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:#93a3ae;background:#fafbfd;padding:14px 16px;white-space:nowrap}.fleet-table td{padding:16px;vertical-align:middle;border-bottom:1px solid #eef2f6;font-size:12px}.fleet-table tr:hover td{background:#fbfdff}.fleet-table small{color:#91a1ad;font-size:10px;line-height:1.8}.fleet-table td:first-child{width:38px}.fleet-table td:last-child{white-space:nowrap;display:flex;align-items:center;gap:4px}.fleet-table td:last-child>button{padding:6px 8px;font-size:11px}.device-name{border:0;padding:0;text-align:left;background:transparent;color:#276584;font-size:13px;display:block;font-weight:600}.device-name:hover{color:var(--brand);text-decoration:underline}.fleet-wait{color:#ba8740!important}.fleet-pagination{padding:12px 18px;font-size:11px}.fleet-selection{box-shadow:0 4px 20px #183b581c;z-index:12}#dialog{max-width:min(960px,94vw);border:1px solid #d9e4ec;border-radius:16px;box-shadow:0 20px 90px #14354d33}#dialog::backdrop{background:#162e4266;backdrop-filter:blur(3px)}.search-results{max-height:60vh;overflow:auto;margin-top:20px}.search-results .eyebrow{margin:20px 0 8px}.search-result{display:flex;gap:14px;align-items:center;width:100%;background:transparent;color:#3b5c73;text-align:left;border:0;border-bottom:1px solid #eef2f5;padding:14px 8px;border-radius:0;font-size:13px}.search-result:hover{background:#f0f8fd}.search-result span{flex:1}.search-result small{display:block;color:#8d9eac;font-size:11px;margin-top:4px}.device-card-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.device-card-heading h2{font-size:25px;margin:8px 0}.device-card-heading p{font-size:12px;color:var(--muted)}.device-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border-block:1px solid var(--line);padding:18px 0;margin:20px 0}.device-facts small{display:block;font-size:10px;color:#8a9eac;margin-bottom:7px}.device-facts strong{font-size:12px}.view-toggle{display:flex;gap:6px}.view-toggle button{font-size:11px;padding:9px 13px}.connection-notice{background:#fff8e9;color:#967137;padding:12px;border-radius:8px;font-size:12px}.device-preview{height:440px;max-width:100%;margin:auto;background:#142b3f;border-radius:10px;position:relative;overflow:hidden;color:#afc9da;display:flex;align-items:center;justify-content:center;padding:0}.device-preview img{width:100%;height:100%;object-fit:contain}.device-preview>.efir-stage{position:absolute;inset:0}.device-preview [hidden]{display:none!important}.device-preview>p{padding:35px;line-height:1.7;text-align:center;max-width:400px;font-size:13px}.device-card-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:22px}.device-card-actions button{font-size:12px}.button-file{display:inline-flex;position:relative;cursor:pointer;align-items:center;gap:8px;padding:10px 14px;border:1px solid #bddced;border-radius:8px;background:#eff8fd;color:#1879a7;font-size:12px;font-weight:600;overflow:hidden}.button-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;margin:0}.media-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 0 22px}.media-toolbar input[type=search]{max-width:430px;flex:1}.media-toolbar select{max-width:220px}.material-card{overflow:hidden;padding:16px;display:flex;flex-direction:column}.material-card h3{font-size:13px;word-break:break-word;margin:14px 0 6px}.material-card>img{width:100%;height:150px;object-fit:contain;background:#f5f8fb;border-radius:8px}.material-card .text-button{align-self:flex-start;margin-top:auto;padding-left:0;font-size:11px}.file-thumb{height:150px;width:100%;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;background:#eff5fa;color:#4c8bb1;border-radius:8px}.file-thumb>span{font-size:38px}.file-thumb small{font-size:11px;opacity:.6}.file-thumb.document{background:#f3f2fa;color:#7b71a3}.material-picker .file-thumb{height:96px}.material-picker>button{overflow:hidden;text-overflow:ellipsis;font-size:12px}.material-picker small{display:block;font-size:10px;opacity:.6;margin:8px}.studio-page .page-heading{margin-bottom:16px}.layout-list{display:flex;gap:6px;overflow:auto;margin-bottom:16px}.layout-chip{white-space:nowrap;font-size:12px;padding:8px 12px}.studio-toolbar{background:#fff;border:1px solid var(--line);border-radius:11px;padding:10px;margin-bottom:18px}.studio-toolbar>input{background:#fff;border-color:transparent;font-size:14px;font-weight:600}.studio-toolbar #draft-status{margin-left:auto;font-size:10px;white-space:nowrap}.simple-editor{grid-template-columns:165px minmax(280px,1fr) 280px;gap:14px}.block-outline{padding:14px;position:sticky;top:94px;border:1px solid var(--line);border-radius:11px}.block-outline h2{font-size:13px}.block-outline>p{font-size:10px;color:#99a8b3}.simple-editor .zone-list{gap:4px;margin:12px 0}.simple-editor .zone-list button{font-size:11px;padding:10px 7px}.simple-editor .canvas-area{padding:10px;background:#e9eef5;border:1px solid #dde5ef;border-radius:11px}.canvas-caption{padding:6px 6px 12px;font-size:10px;gap:8px;align-items:center}.canvas-caption button,.canvas-caption select,.canvas-caption summary{font-size:10px;padding:8px 10px}.canvas-caption select{width:auto;min-width:96px}.canvas-viewport{overflow:auto;padding:16px;min-height:280px;scrollbar-width:thin}.canvas-viewport .board{margin:0 auto;border-radius:2px;box-shadow:0 7px 30px #1b37482b;max-width:none;overflow:visible}.canvas-help{margin:10px 6px;color:#8e9fac;font-size:10px;line-height:1.6}.board .efir-stage{overflow:visible}.board .efir-zone.selected:after{display:none}.board .efir-zone{border-radius:3px}.board .efir-zone.selected{outline:calc(2 * var(--efir-ui-unit,1px)) solid #008dcc;outline-offset:calc(-1 * var(--efir-ui-unit,1px))}.board .resize-handle{position:absolute;width:calc(10 * var(--efir-ui-unit,1px));height:calc(10 * var(--efir-ui-unit,1px));border:calc(1.5 * var(--efir-ui-unit,1px)) solid #008dcc;background:#fff;z-index:20;border-radius:calc(2 * var(--efir-ui-unit,1px));box-sizing:border-box;touch-action:none}.resize-handle.nw{top:0;left:0;cursor:nwse-resize}.resize-handle.n{top:0;left:50%;cursor:ns-resize}.resize-handle.ne{top:0;right:0;cursor:nesw-resize}.resize-handle.e{top:50%;right:0;cursor:ew-resize}.resize-handle.se{bottom:0;right:0;cursor:nwse-resize}.resize-handle.s{bottom:0;left:50%;cursor:ns-resize}.resize-handle.sw{bottom:0;left:0;cursor:nesw-resize}.resize-handle.w{top:50%;left:0;cursor:ew-resize}.selection-size{position:absolute;bottom:calc(12 * var(--efir-ui-unit,1px));right:calc(12 * var(--efir-ui-unit,1px));font:calc(10 * var(--efir-ui-unit,1px)) Arial;background:#008dcc;color:#fff;z-index:19;padding:calc(3 * var(--efir-ui-unit,1px));pointer-events:none}.selection-size:empty{display:none}.board.file-drop-active{outline:3px dashed #008dcc;outline-offset:6px}.inspector{background:#fff}.simple-editor .inspector{position:sticky;top:94px;max-height:calc(100vh - 110px);border:1px solid var(--line);border-radius:11px}.inspector-title{padding:18px;border-bottom:1px solid var(--line)}.inspector-title .eyebrow{font-size:9px;color:#8ea4b3}.inspector-title h2{font-size:17px;margin:9px 0 0}.inspector .property-section{padding-inline:16px}.inspector-section>summary{font-size:12px;padding:15px 0}.inspector label{font-size:11px;color:#7d94a5}.inspector input,.inspector select,.inspector textarea{font-size:12px;padding:10px;border-radius:7px}.inspector textarea{min-height:125px}.inspector .format-toolbar{gap:5px}.inspector .format-toolbar button{padding:8px;font-size:13px}.inspector .format-toolbar input[type=number]{width:68px}.inspector .fine{font-size:10px;line-height:1.65}.inspector details summary{font-size:11px}.object-actions{padding:14px;display:flex;gap:8px}.object-actions button{font-size:11px}.media-selection{display:flex;gap:7px;flex-wrap:wrap}.media-selection button{font-size:11px;padding:10px}.simple-editor .property-section>button.text-button{font-size:11px}.efir-zone .zone-body{overflow:hidden}.canvas-area>.canvas-caption .compact-menu>div{z-index:50}
@media(min-width:1700px){.simple-editor{grid-template-columns:185px minmax(420px,1fr) 300px}}
@media(max-width:1200px){:root{--sidebar:180px}main#main{padding:20px}.simple-editor{grid-template-columns:135px minmax(240px,1fr) 250px}.topbar{padding:14px 20px}.fleet-counts>div{padding:14px}.fleet-toolbar{flex-wrap:wrap}.global-search-trigger{min-width:230px}}
@media(max-width:1000px){.simple-editor{grid-template-columns:1fr 280px}.block-outline{position:static;grid-column:1/-1}.block-outline h2,.block-outline>p{display:none}.block-outline .zone-list{display:flex;flex-wrap:wrap;margin:0 0 12px}.block-outline .zone-list button{width:auto}.block-outline>button{width:auto;display:inline-block;margin-right:10px}.simple-editor .inspector{top:90px}.device-facts{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.sidebar{width:100%;padding:10px 14px;position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:center;overflow:visible}.sidebar .brand{width:75px;height:58px;margin:0;flex-shrink:0}.sidebar .brand img{width:88px;height:65px}.sidebar nav{display:flex;flex-direction:row;align-items:center;overflow:auto;flex-wrap:nowrap;gap:4px;width:100%}.sidebar nav>button{width:auto;padding:10px 12px;font-size:11px;flex-shrink:0;white-space:nowrap}.sidebar nav .nav-label,.sidebar-bottom,.sidebar nav>button>span{display:none}.system-navigation{position:relative;margin:0;padding:0;border:0;flex-shrink:0}.system-navigation summary{white-space:nowrap;font-size:11px}.system-navigation[open]{position:absolute;top:70px;right:12px;padding:10px;background:white;box-shadow:0 9px 35px #19364e26;z-index:30;border:1px solid var(--line);border-radius:10px}.shell{margin-left:0}.topbar{min-height:55px;padding:10px 16px;position:sticky}.global-search-trigger{min-width:0;font-size:11px;max-width:270px}.global-search-trigger kbd{display:none}#breadcrumb{font-size:10px}main#main{padding:18px 14px}.page-heading h1{font-size:23px}.page-heading{gap:10px}.subtitle{font-size:11px}.fleet-counts>div{flex-basis:30%;padding:11px}.fleet-counts b{font-size:22px}.fleet-counts>div:nth-child(3){border:0}.fleet-table td{padding:12px}.fleet-toolbar input[type=search]{flex-basis:100%}.fleet-toolbar select{min-width:0;width:40%;flex:1}.simple-editor{grid-template-columns:minmax(0,1fr)}.simple-editor .inspector{position:static;max-height:none}.simple-editor .canvas-area{min-width:0}.studio-toolbar{flex-wrap:wrap}.studio-toolbar #draft-status{margin-left:0}.studio-toolbar #layout-name{flex:1;min-width:150px}.canvas-caption{flex-wrap:wrap}.canvas-caption .inline-actions{gap:4px;flex-wrap:wrap}.device-card-heading h2{font-size:20px}.device-facts{grid-template-columns:1fr}.device-preview{height:360px}.device-card-actions button{flex:1}.global-search-trigger{padding:9px}.media-toolbar input[type=search]{min-width:180px}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-viewport{min-height:240px}.network-view-tabs{margin-top:0}}
.studio-toolbar #layout-switch{width:auto;min-width:160px;max-width:300px;font-weight:600;font-size:13px;background:#f6fafe;border-color:transparent}.studio-toolbar .canvas-settings{margin-left:auto}.studio-toolbar .canvas-settings input{width:100%}.studio-toolbar #draft-status{margin-left:8px}@media(max-width:800px){.studio-toolbar #layout-switch{max-width:60%;min-width:120px;flex:1}.studio-toolbar .canvas-settings{margin-left:0}}
@media(max-width:550px){.material-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.material-picker button{min-width:0}.material-picker button>span{display:block;overflow:hidden;text-overflow:ellipsis;max-width:100%}.view-toggle button{padding:8px;font-size:10px}#dialog{padding:20px}.canvas-caption .inline-actions{width:100%;justify-content:space-between}}

.canvas-loading{height:100%;display:flex;align-items:center;justify-content:center;background:#f1f6fa;color:#728c9d;font:12px Arial;text-align:center;padding:14px;box-sizing:border-box}

/* Approved direct editing: keep the existing palette and controls, give the canvas more room. */
.simple-editor{grid-template-columns:150px minmax(280px,1fr) 280px;gap:12px}.simple-editor .canvas-area{padding:12px}.simple-editor .block-outline{padding:12px}.simple-editor .canvas-viewport{min-height:330px;padding:8px;overflow:auto;display:flex;align-items:flex-start;justify-content:flex-start}.simple-editor .board{flex-shrink:0;margin:auto}.simple-editor .canvas-caption{margin-bottom:12px}.simple-editor .canvas-caption .inline-actions{flex-wrap:wrap}.simple-editor .canvas-help{margin:12px 0 0}.simple-editor .content-selection{position:absolute;z-index:6;outline:calc(2 * var(--efir-ui-unit,1px)) solid #00a8e8;outline-offset:calc(-2 * var(--efir-ui-unit,1px));cursor:move;touch-action:none;background:transparent}.board .efir-zone.selected:after,.board .studio-selected:after{display:none}.board .content-selection .resize-handle{z-index:8}.simple-editor .efir-zone:has(.content-selection){outline-color:#7ccae9}.simple-editor .canvas-area{top:86px}.simple-editor .inspector,.simple-editor .block-outline{top:86px}
@media(min-width:1600px){.simple-editor{grid-template-columns:170px minmax(400px,1fr) 300px}}@media(max-width:1100px){.simple-editor{grid-template-columns:minmax(0,1fr) 260px}.simple-editor .block-outline{grid-column:1/-1;position:static}.simple-editor .zone-list{display:flex;flex-wrap:wrap;margin:8px 0}.simple-editor .zone-list button{width:auto}.simple-editor .block-outline>h2,.simple-editor .block-outline>.fine{display:none}.simple-editor .block-outline>button{width:auto}}@media(max-width:700px){.simple-editor{grid-template-columns:1fr}.simple-editor .canvas-area,.simple-editor .inspector{position:static}.simple-editor .canvas-viewport{min-height:220px}}

.publish-fields{border:0;padding:0;margin:0;min-width:0}.publish-fields>select,.publish-fields>input{margin-bottom:12px}.publish-targets{max-height:min(24vh,220px);overflow:auto;border:1px solid var(--line);border-radius:9px}.publish-group+.publish-group{border-top:1px solid var(--line)}.publish-group-label{padding:12px;background:#eff5fa;margin:0}.publish-target{padding:10px 12px;margin:0;border-top:1px solid var(--line);align-items:flex-start}.publish-target span{min-width:0}.publish-target strong{font-size:12px;overflow-wrap:anywhere}.publish-target small{display:block;margin-top:4px;color:#7d94a5;font-size:11px}.publish-fields[disabled]{opacity:.65}#publish-company-field[hidden],#publish-compatibility[hidden]{display:none}#publish-error:empty{display:none}