/* LUQ OS 14.10.4 — Dashboard Editor Panel */
:root{--u-panel:#0c1a2a;--u-panel-2:#0a1624;--u-soft:#12243a;--u-line:#233a55;--u-text:#eaf2ff;--u-muted:#91a5bd;--u-blue:#4895ff;--u-red:#ff3d57;--u-green:#2ed184;--u-amber:#f4b740}
.luq147{max-width:1680px;margin:0 auto}.uHead{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.uHeadTitle{display:flex;align-items:center;gap:12px}.uHeadTitle>i{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(72,149,255,.16);color:#70b0ff;font-style:normal;font-size:20px}.uHead h1{margin:0;font-size:23px}.uHead p{margin:4px 0 0;color:var(--u-muted)}.uActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.uActions button{white-space:nowrap}.uTabs{display:flex;gap:6px;padding:5px;border:1px solid var(--u-line);background:var(--u-panel-2);border-radius:13px;width:max-content;max-width:100%;overflow:auto}.uTabs button{background:transparent;color:var(--u-muted)}.uTabs button.active{background:#234d7b;color:#fff}.uPanel{background:linear-gradient(180deg,rgba(14,31,50,.96),rgba(8,20,34,.96));border:1px solid var(--u-line);border-radius:17px;overflow:hidden}.uEmpty{display:grid;place-items:center;min-height:220px;color:var(--u-muted);text-align:center}.uMetricGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.uMetric{padding:14px;border:1px solid var(--u-line);border-radius:14px;background:var(--u-panel-2)}.uMetric small{display:block;color:var(--u-muted);margin-bottom:4px}.uMetric b{font-size:24px}.uMetric.good b{color:var(--u-green)}.uMetric.bad b{color:#ff6b79}.uMetric.warn b{color:var(--u-amber)}.uSearch{width:100%;height:38px;padding:0 12px;border:1px solid var(--u-line);border-radius:11px;background:#071421;color:var(--u-text)}

/* Notes: navigation, list and always-visible editor */
.notes147{display:grid;grid-template-columns:205px minmax(260px,360px) minmax(380px,1fr);min-height:650px}.notes147>*{min-width:0;border-right:1px solid var(--u-line)}.notes147>*:last-child{border-right:0}.noteNav147,.noteList147,.noteEditor147{padding:15px}.noteNav147 button{display:flex;align-items:center;justify-content:space-between;width:100%;margin:2px 0;background:transparent;color:var(--u-muted);font-weight:600;text-align:left}.noteNav147 button.active{background:rgba(72,149,255,.14);color:#fff}.noteNav147 .nSection{margin:18px 10px 6px;color:#667b94;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.noteCount147{padding:2px 7px;border-radius:999px;background:#172a41;color:#aac0d8;font-size:10px}.noteSearch147{display:grid;grid-template-columns:1fr auto;gap:7px;margin-bottom:10px}.noteRow147{display:block;width:100%;padding:13px;margin:2px 0;border:1px solid transparent;border-radius:12px;background:transparent;text-align:left;font-weight:400}.noteRow147:hover,.noteRow147.active{border-color:var(--u-line);background:#11253b}.noteRow147.active{box-shadow:inset 3px 0 var(--u-blue)}.noteRow147 strong,.noteRow147 small{display:block}.noteRow147 small{color:var(--u-muted);margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.noteRow147 time{color:#6f8299;font-size:10px}.noteTags147{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.noteTags147 span{padding:3px 7px;border-radius:999px;background:#172a41;color:#9db1c8;font-size:9px}.noteEditor147{display:flex;flex-direction:column;gap:12px}.noteEditor147 .noteTitle147{width:100%;padding:8px 0;border:0;border-bottom:1px solid var(--u-line);border-radius:0;background:transparent;color:#fff;font-size:25px;font-weight:750;outline:0}.noteMeta147{display:grid;grid-template-columns:1fr 1fr;gap:9px}.noteMeta147 label{padding:9px 11px;border:1px solid var(--u-line);border-radius:11px;background:#091828;color:var(--u-muted);font-size:10px;text-transform:uppercase}.noteMeta147 input{width:100%;margin-top:4px;border:0;background:transparent;color:#fff;outline:0;text-transform:none}.noteEditor147 textarea{flex:1;min-height:350px;width:100%;resize:vertical;border:1px solid var(--u-line);border-radius:13px;background:#071421;color:#eaf2ff;padding:16px;font:14px/1.6 inherit}.noteSaveState147{display:flex;align-items:center;gap:7px;color:var(--u-muted);font-size:11px}.noteSaveState147 i{width:8px;height:8px;border-radius:50%;background:var(--u-green)}

/* Tasks */
.taskBoard147{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:11px;overflow:auto}.taskLane147{min-height:500px;padding:11px;border:1px solid var(--u-line);border-radius:15px;background:rgba(5,16,28,.58)}.taskLaneHead147{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.task147{padding:12px;margin:8px 0;border:1px solid var(--u-line);border-radius:12px;background:linear-gradient(180deg,#14263d,#0b192a)}.task147 h3{margin:0 0 6px;font-size:13px}.task147 p{margin:0;color:var(--u-muted);font-size:11px}.taskMeta147{display:flex;justify-content:space-between;gap:8px;margin:10px 0;color:var(--u-muted);font-size:10px}.taskButtons147{display:flex;gap:5px;flex-wrap:wrap}.taskButtons147 button{padding:6px 8px;font-size:10px}.taskTable147{width:100%;border-collapse:collapse}.taskTable147 th,.taskTable147 td{padding:11px;border-bottom:1px solid var(--u-line);text-align:left}.taskTable147 th{color:var(--u-muted);font-size:10px;text-transform:uppercase}.taskCalendar147{display:grid;grid-template-columns:repeat(7,minmax(125px,1fr));gap:7px;overflow:auto}.taskDay147{min-height:390px;padding:10px;border:1px solid var(--u-line);border-radius:13px;background:#081624}.taskDay147>strong{display:block;margin-bottom:8px}.taskDay147 .task147{padding:9px}

/* Storage */
.storage147Grid{display:grid;grid-template-columns:230px minmax(620px,1fr) 315px;gap:11px;min-height:640px}.storage147Side,.storage147Main,.storage147Preview{padding:13px}.storage147Side .sysRow{border-radius:9px;cursor:pointer}.storage147Side .sysRow.active{background:#153454}.storage147Toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:10px}.storage147Path{display:flex;align-items:center;gap:6px;min-width:260px;flex:1;padding:9px 11px;border:1px solid var(--u-line);border-radius:10px;color:#acc1d8;background:#071421}.storage147TableWrap{overflow:auto}.storage147Table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:790px}.storage147Table th,.storage147Table td{padding:11px 9px;border-bottom:1px solid var(--u-line);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.storage147Table th{position:sticky;top:0;background:#0c1b2c;color:var(--u-muted);font-size:10px;text-transform:uppercase;z-index:1}.storage147Table th:nth-child(1){width:38px}.storage147Table th:nth-child(2){width:34%}.storage147Table th:nth-child(3){width:105px}.storage147Table th:nth-child(4){width:105px}.storage147Table th:nth-child(5){width:155px}.storage147Table th:nth-child(6){width:115px}.storage147Table tr{cursor:pointer}.storage147Table tbody tr:hover,.storage147Table tbody tr.selected{background:#123253}.storage147Table .fileName{font-weight:700}.storage147Drop{padding:11px;margin-bottom:10px;border:1px dashed #3b5c7d;border-radius:11px;color:var(--u-muted);text-align:center}.storage147Drop.drag{border-color:var(--u-blue);background:#102d49}.storage147Preview .previewBox{margin-top:12px;max-height:470px;overflow:auto}.storage147Selection{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:8px 10px;margin-bottom:9px;border-radius:11px;background:#122b46}.storage147Selection[hidden]{display:none}

/* Monitoring and WireGuard */
.monitor147Grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:12px}.monitor147Table,.wgTable147{width:100%;border-collapse:collapse}.monitor147Table th,.monitor147Table td,.wgTable147 th,.wgTable147 td{padding:11px;border-bottom:1px solid var(--u-line);text-align:left}.monitor147Table th,.wgTable147 th{color:var(--u-muted);font-size:10px;text-transform:uppercase}.status147{display:inline-flex;align-items:center;gap:7px;font-weight:700}.status147 i{width:9px;height:9px;border-radius:50%;background:#8191a4}.status147.online i{background:var(--u-green);box-shadow:0 0 10px rgba(46,209,132,.4)}.status147.offline i{background:var(--u-red)}.status147.warning i,.status147.unknown i{background:var(--u-amber)}.alert147{padding:12px;margin-bottom:8px;border:1px solid #61323c;border-left:3px solid var(--u-red);border-radius:11px;background:#25141d}.alert147 strong,.alert147 span,.alert147 time{display:block}.alert147 span,.alert147 time{color:var(--u-muted);margin-top:4px}.wg147{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:650px}.wg147Side{padding:12px;border-right:1px solid var(--u-line)}.wg147Main{padding:15px;min-width:0}.wgPeer147{display:block;width:100%;padding:11px;margin:5px 0;border:1px solid transparent;background:transparent;text-align:left}.wgPeer147.active,.wgPeer147:hover{border-color:var(--u-line);background:#122c47}.wgPeer147 span{display:block;color:var(--u-muted);font-size:10px;margin-top:4px}.wgSummary147{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:12px 0}.wgSummary147>div{padding:12px;border:1px solid var(--u-line);border-radius:12px;background:#081624}.wgSummary147 small,.wgSummary147 b{display:block}.wgSummary147 small{color:var(--u-muted)}.wgSummary147 b{margin-top:4px;font-size:16px}.wgTech147{margin-top:12px}.wgTech147 details{border:1px solid var(--u-line);border-radius:11px;padding:10px}.wgTech147 summary{cursor:pointer;color:var(--u-muted)}

/* Mail polish while preserving complete mail logic */
.mailShell{max-width:1680px;margin:0 auto}.mailCommandBar{border:1px solid var(--u-line)!important;border-radius:15px 15px 0 0!important;background:#0c1a2a!important;padding:8px 10px!important}.mailGrid{border:1px solid var(--u-line);border-top:0;border-radius:0 0 16px 16px;overflow:hidden}.mailFolders,.mailList,.mailReader,.mailAi{background:#081624!important}.mailFolder{border-radius:9px!important}.mailFolder.active{background:#173b61!important}.mailRow{border-radius:10px;margin:2px 5px;border:1px solid transparent!important}.mailRow.unread{background:rgba(72,149,255,.13)!important;box-shadow:inset 3px 0 #4895ff}.mailRow.unread .mailRowBody>b,.mailRow.unread .mailRowBody strong{color:#fff;font-weight:800}.mailRow:not(.unread){opacity:.78}.mailRow.active{border-color:#3f6f9c!important;background:#183b60!important;opacity:1}.mailReader header{background:#0c1b2c}.mailReaderActions{position:sticky;top:0;z-index:2;background:#0c1b2c;border-bottom:1px solid var(--u-line)}

/* Studio project-first workflow */
.studioHome{max-width:1500px;margin:0 auto}.studioProjectGrid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))!important;gap:13px!important}.studioProjectCard{min-height:210px;border-radius:16px!important;background:linear-gradient(160deg,#12253d,#091827)!important}.studioProjectCard:hover{transform:translateY(-2px);border-color:#3b6795!important}.studioProjectCard .studioProgress{height:7px}.studioWorkspace{border:1px solid var(--u-line);border-radius:17px;overflow:hidden}.studioWorkspaceHeader{background:#0c1a2a;border-bottom:1px solid var(--u-line)}.studioNav{background:#081624;border-right:1px solid var(--u-line)}.studioChatPanel,.studioToolPanel,.studioFilesPanel{background:#091725}.studioComposer{background:#0c1b2c;border-top:1px solid var(--u-line)}

@media(max-width:1180px){.notes147{grid-template-columns:180px 300px 1fr}.storage147Grid{grid-template-columns:190px minmax(560px,1fr)}.storage147Preview{grid-column:1/3}.monitor147Grid{grid-template-columns:1fr}.taskBoard147{grid-template-columns:repeat(4,260px)}.wgSummary147{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.uHead{align-items:flex-start;flex-direction:column}.uMetricGrid{grid-template-columns:1fr 1fr}.notes147{display:block}.notes147>*{border-right:0;border-bottom:1px solid var(--u-line)}.noteNav147{display:flex;gap:5px;overflow:auto}.noteNav147 .nSection{display:none}.noteNav147 button{width:auto;white-space:nowrap}.noteList147{max-height:260px;overflow:auto}.noteEditor147{min-height:560px}.storage147Grid{display:block}.storage147Grid>*{border-bottom:1px solid var(--u-line)}.monitor147Grid{display:block}.wg147{display:block}.wg147Side{border-right:0;border-bottom:1px solid var(--u-line);max-height:260px;overflow:auto}.taskBoard147{grid-template-columns:repeat(4,245px)}.taskCalendar147{grid-template-columns:repeat(7,180px)}}
@media(max-width:520px){.uMetricGrid,.noteMeta147,.wgSummary147{grid-template-columns:1fr}.uActions{width:100%}.uActions button{flex:1}.noteEditor147 textarea{min-height:310px}.storage147Path{min-width:100%}.monitor147Table th:nth-child(4),.monitor147Table td:nth-child(4),.monitor147Table th:nth-child(5),.monitor147Table td:nth-child(5){display:none}}

/* Existing WireGuard and Studio views brought into the same visual system. */
.wgPage{max-width:1680px;margin:0 auto;grid-template-columns:255px minmax(0,1fr)!important;gap:11px!important}.wgTree{border-color:var(--u-line)!important;background:#081624!important}.wgContent{min-width:0}.wgDevicePanel{border-color:var(--u-line)!important;background:linear-gradient(180deg,#0e1e31,#081624)!important}.wgMetrics{grid-template-columns:repeat(4,minmax(135px,1fr))!important}.wgMetric{background:#071421!important;border-color:var(--u-line)!important}.wgDataGrid .card{background:#091827}.wgTreeDevice.active{background:#153454!important;border-color:#315b83!important}.wgTreeHead{border-radius:10px}.wgTabs button.active{border-color:var(--u-blue)!important}.wgGraphicGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.wgGraphicCard{position:relative;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:13px;border:1px solid var(--u-line);border-radius:13px;background:#091827}.wgGraphicCard.online{border-left:3px solid var(--u-green)}.wgGraphicCard.offline{border-left:3px solid var(--u-red)}.wgGraphicIcon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#142d48;font-size:20px}.wgGraphicCard h3,.wgGraphicCard p{margin:0}.wgGraphicCard p,.wgGraphicCard small{color:var(--u-muted)}.wgGraphicCard details{grid-column:1/-1}.wgRouteList{display:grid;gap:8px}.wgRouteCard{display:grid;grid-template-columns:32px minmax(180px,1fr) auto minmax(90px,auto);gap:10px;align-items:center;padding:12px;border:1px solid var(--u-line);border-radius:12px;background:#091827}.wgRouteCard details{grid-column:1/-1}.wgRouteCard small{display:block;color:var(--u-muted)}
.studioHub{max-width:1500px!important;margin:0 auto!important}.studioHub>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:15px}.studioHub>header h1{margin:0 0 5px;font-size:25px}.studioHub>header p{margin:0;color:var(--u-muted)}.studioTop{background:#0c1a2a!important;border-bottom:1px solid var(--u-line)!important}.studioMoreMenu{border:1px solid var(--u-line);background:#0b1929}.studioToolBar{background:#081624!important}.studioComposer{background:#0c1b2c!important;border-top:1px solid var(--u-line)!important}
@media(max-width:1180px){.wgMetrics{grid-template-columns:1fr 1fr!important}}

/* LUQ OS 14.10.4 — shared branded Dashboard widget skin.
   The graphics remain purely decorative and never cover widget content. */
:root{--luq-crimson:#e93545;--luq-crimson-soft:rgba(233,53,69,.18);--luq-grid-line:rgba(229,65,78,.15)}
.dashboardEditor{position:relative;isolation:isolate}
.dashboardEditor:before{content:'';position:fixed;z-index:-1;inset:44px 0 0 156px;pointer-events:none;opacity:.75;background:
 radial-gradient(560px 360px at 93% 4%,rgba(198,35,47,.14),transparent 70%),
 radial-gradient(420px 330px at 13% 92%,rgba(58,114,166,.10),transparent 72%),
 linear-gradient(115deg,transparent 45%,rgba(233,53,69,.035) 72%,transparent 100%)}
.main.small .dashboardEditor:before{left:48px}
.dashboardGrid .widget{--widget-accent:#5ba3ff;--widget-accent-soft:rgba(91,163,255,.15);position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(112,145,181,.28)!important;background:
 linear-gradient(145deg,rgba(16,34,55,.96),rgba(6,17,30,.97))!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 42px rgba(0,0,0,.24)}
.dashboardGrid .widget:before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.82;background:
 radial-gradient(280px 150px at 100% 0,var(--widget-accent-soft),transparent 72%),
 repeating-linear-gradient(90deg,transparent 0 29px,rgba(166,193,221,.035) 30px 31px),
 repeating-linear-gradient(0deg,transparent 0 29px,rgba(166,193,221,.028) 30px 31px)}
.dashboardGrid .widget:after{content:'LUQ';position:absolute;z-index:-1;right:-8px;bottom:-30px;pointer-events:none;color:var(--widget-accent);font-size:clamp(62px,8vw,118px);line-height:1;font-weight:900;letter-spacing:-.11em;opacity:.045;transform:rotate(-7deg)}
.dashboardGrid .widget>*{position:relative;z-index:1}
.dashboardGrid .widget:hover{border-color:color-mix(in srgb,var(--widget-accent) 55%,#667f9b)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 46px rgba(0,0,0,.30),0 0 0 1px rgba(255,255,255,.015)!important;transform:translateY(-2px)!important}
.dashboardGrid .widget .widgetHeader h3:before{background:var(--widget-accent)!important;box-shadow:0 0 14px var(--widget-accent-soft)!important}
.dashboardGrid .widget button:not(.danger){background:rgba(24,49,78,.78);border:1px solid rgba(133,163,195,.16)}
.dashboardGrid .widget button:not(.danger):hover{background:rgba(35,70,108,.92);border-color:rgba(145,184,224,.32)}
.dashboardGrid .welcomeWidget{--widget-accent:#e93545;--widget-accent-soft:rgba(233,53,69,.22);background:linear-gradient(140deg,#142b47,#091827 64%,#190f19)!important}
.dashboardGrid .mailWidget{--widget-accent:#ff5c70;--widget-accent-soft:rgba(255,92,112,.20)}
.dashboardGrid .tasksWidget{--widget-accent:#4f9dff;--widget-accent-soft:rgba(79,157,255,.20)}
.dashboardGrid .calendarWidget{--widget-accent:#956dff;--widget-accent-soft:rgba(149,109,255,.19)}
.dashboardGrid .weatherWidget{--widget-accent:#7bc8ff;--widget-accent-soft:rgba(123,200,255,.20)}
.dashboardGrid .brainWidget{--widget-accent:#b071ff;--widget-accent-soft:rgba(176,113,255,.20)}
.dashboardGrid .builderWidget{--widget-accent:#ff9d52;--widget-accent-soft:rgba(255,157,82,.20)}
.dashboardGrid .storageWidget{--widget-accent:#3ad4b0;--widget-accent-soft:rgba(58,212,176,.18)}
.dashboardGrid .systemWidget,.dashboardGrid .serversWidget{--widget-accent:#57b9ff;--widget-accent-soft:rgba(87,185,255,.18)}
.dashboardGrid .widget .dashboardStat{position:relative;overflow:hidden;border-color:rgba(124,161,198,.14);background:rgba(5,17,30,.46)}
.dashboardGrid .widget .dashboardStat:before{content:'';position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,var(--widget-accent),transparent);opacity:.82}
.dashboardGrid .widget .dashboardStat:hover{background:rgba(16,39,64,.84)}
.dashboardGrid .widget .widgetItem{border-bottom-color:rgba(159,186,213,.09)}
.dashboardGrid .widget .widgetItem:hover{background:rgba(73,112,151,.10);border-radius:9px}
.dashboardGrid .widget .miniBadge{background:linear-gradient(135deg,#f44759,#c71d31);box-shadow:0 5px 16px rgba(233,53,69,.20)}
@media(max-width:1180px){.dashboardEditor:before{left:0}.main.small .dashboardEditor:before{left:0}.dashboardGrid .widget:after{font-size:76px}}
@media(max-width:700px){.dashboardEditor:before{inset:44px 0 0;opacity:.42}.dashboardGrid .widget{box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 25px rgba(0,0,0,.18)}.dashboardGrid .widget:before{background:radial-gradient(230px 120px at 100% 0,var(--widget-accent-soft),transparent 75%)}.dashboardGrid .widget:after{opacity:.03;font-size:68px}.dashboardGrid .widget:hover{transform:none!important}}
@media(prefers-reduced-motion:reduce){.dashboardGrid .widget,.dashboardGrid .widget:hover{transition:none!important;transform:none!important}}

/* LUQ OS 14.10.4 — NOC precise widget grid Dashboard theme. */
.dashboardEditor{max-width:1840px!important;margin:0 auto!important;padding:0 2px}.dashboardViewBar{padding:7px 0 12px!important;background:linear-gradient(180deg,rgba(4,14,25,.95),rgba(4,14,25,.45),transparent)!important}.dashboardViewBar button{border-radius:8px!important;background:#162a43!important;border-color:#2b425d!important;font-weight:750}.dashboardGrid{gap:14px!important;grid-auto-rows:minmax(126px,auto)!important;background-image:linear-gradient(rgba(77,104,137,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(77,104,137,.04) 1px,transparent 1px)!important;background-size:30px 30px!important;border-radius:0!important}.dashboardGrid .widget{--widget-accent:#fa3e4d;--widget-accent-soft:rgba(250,62,77,.12);border-radius:13px!important;border:1px solid rgba(76,101,132,.31)!important;background:linear-gradient(135deg,rgba(14,29,46,.985),rgba(7,19,32,.995))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 28px rgba(0,0,0,.22)!important}.dashboardGrid .widget:before{opacity:.48!important;background:radial-gradient(380px 185px at 100% 0,rgba(27,61,94,.32),transparent 75%),repeating-linear-gradient(90deg,transparent 0 29px,rgba(170,194,220,.026) 30px 31px),repeating-linear-gradient(0deg,transparent 0 29px,rgba(170,194,220,.023) 30px 31px)!important}.dashboardGrid .widget:after{right:-4px!important;bottom:-23px!important;color:#c9d5df!important;opacity:.035!important}.dashboardGrid .widget:hover{border-color:rgba(117,145,176,.5)!important;transform:translateY(-1px)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 16px 34px rgba(0,0,0,.29)!important}.dashboardGrid .widgetHeader{position:relative;min-height:34px;padding-bottom:9px;margin-bottom:7px;border-bottom:1px solid rgba(118,142,169,.13)}.dashboardGrid .widgetHeader h3{font-size:12px!important;font-weight:850!important;letter-spacing:.065em;text-transform:uppercase}.dashboardGrid .widgetHeader h3:before{width:4px!important;height:18px!important;border-radius:2px!important;background:#fa3e4d!important;box-shadow:0 0 11px rgba(250,62,77,.35)!important}.dashboardGrid .widgetHeader button,.dashboardGrid .widgetActions button{border:1px solid rgba(110,137,166,.29)!important;border-radius:6px!important;background:rgba(11,27,44,.88)!important;color:#c6d4e3!important;font-weight:700}.dashboardGrid .widgetHeader button:hover,.dashboardGrid .widgetActions button:hover{border-color:#e53c49!important;color:#fff!important;background:#192f48!important}.dashboardGrid .widgetItem{padding:8px 4px!important;border-bottom-color:rgba(116,141,169,.14)!important}.dashboardGrid .widgetItem b{font-size:12px!important}.dashboardGrid .widgetItem .mut{font-size:10px!important;color:#97aabd!important}.dashboardGrid .dot{box-shadow:0 0 8px rgba(250,62,77,.3)}.dashboardGrid .miniBadge{background:#d93748!important;box-shadow:0 5px 13px rgba(220,40,57,.22)!important}.dashboardGrid .welcomeWidget{background:linear-gradient(135deg,rgba(17,35,55,.99),rgba(9,21,35,.99))!important;border-color:rgba(217,62,75,.66)!important}.dashboardGrid .welcomeWidget:before{opacity:.7!important;background:radial-gradient(360px 210px at 100% 100%,rgba(122,26,42,.20),transparent 72%),repeating-linear-gradient(90deg,transparent 0 29px,rgba(170,194,220,.035) 30px 31px),repeating-linear-gradient(0deg,transparent 0 29px,rgba(170,194,220,.03) 30px 31px)!important}.dashboardSummaryHead{margin-bottom:13px!important}.dashboardSummaryHead h2{font-size:15px!important;letter-spacing:.01em}.dashboardSummaryHead .eyebrow{color:#9aabbb!important}.dashboardStats{gap:0!important;border-top:1px solid rgba(117,140,168,.12)}.dashboardStat{min-height:138px!important;padding:17px 15px!important;border:0!important;border-right:1px solid rgba(117,140,168,.13)!important;border-radius:0!important;background:transparent!important}.dashboardStat:last-child{border-right:0!important}.dashboardStat:before{display:none!important}.dashboardStat:hover{background:rgba(29,57,86,.25)!important;transform:none!important}.dashboardStat .statIcon{width:34px!important;height:34px!important;border-radius:9px!important;background:rgba(48,104,158,.16)!important;color:#61a9ff!important}.dashboardStat:nth-child(2) .statIcon,.dashboardStat:nth-child(3) .statIcon,.dashboardStat:nth-child(5) .statIcon{color:#ff5966!important;background:rgba(185,38,51,.12)!important}.dashboardStat small{font-size:9px!important;letter-spacing:1.1px!important;color:#8296aa!important}.dashboardStat b{font-size:28px!important}.dashboardStat div>span{font-size:9px!important}.dashboardStat>svg{width:92px!important;height:26px!important;left:13px!important;bottom:11px!important}.dashboardStat>svg path{stroke:#ea3d4c!important}.dashboardStat:first-child>svg path{stroke:#3e94f4!important}

/* Dashboard calendar: intentionally differs from the shared cards — Agenda layout. */
.dashboardGrid .calendarAgenda147{overflow:hidden;padding:0!important;min-height:325px!important}.calendarAgenda147:before{display:none}.agenda147Head{height:54px;display:grid;grid-template-columns:minmax(190px,1fr) minmax(280px,1.35fr) auto;align-items:center;gap:10px;padding:0 17px;border-bottom:1px solid rgba(117,141,169,.18);background:rgba(8,21,35,.78)}.agenda147Head h3{display:flex;align-items:center;gap:8px;margin:0;color:#68a9ff;font-size:12px;letter-spacing:.045em}.agenda147Head h3 svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}.agenda147Head>b{text-align:center;color:#b6c4d3;font-size:11px;letter-spacing:.04em}.agenda147Head div{display:flex;gap:5px}.agenda147Head button{width:29px;height:29px;padding:0;border:1px solid rgba(112,139,170,.25);border-radius:6px;background:#10243a;color:#c5d6e7;font-size:17px}.agenda147Head button:hover{border-color:#f14351;color:#fff}.agenda147Body{display:grid;grid-template-columns:38% minmax(0,1fr);min-height:270px}.agenda147Body>aside{padding:13px 17px;border-right:1px solid rgba(117,141,169,.18)}.agenda147Month{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.agenda147Month strong{font-size:13px;color:#cbd8e4}.agenda147Month button{border:0;background:transparent;color:#8ca7c2;font-size:27px;line-height:1}.agenda147Month button:hover{color:#fff}.agenda147Week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.agenda147Week b{padding:2px 0 4px;color:#7e94ad;font-size:9px;text-transform:uppercase}.agenda147Week button{min-height:23px;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:#c7d3de;font-size:10px}.agenda147Week button:hover{background:#1a3551}.agenda147Week button.today{border-color:#ee3f4d;color:#fff;background:rgba(219,48,63,.18);box-shadow:0 0 0 1px rgba(219,48,63,.35)}.agenda147Week button.outside{color:#52677f}.agenda147New{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:12px;padding:8px 12px;border:1px solid rgba(111,142,174,.29);border-radius:7px;background:#0d2136;color:#b5c8dc;font-weight:750}.agenda147New span{font-size:21px;color:#8aa8c6}.agenda147New:hover{border-color:#e64150;color:#fff}.agenda147Body>main{padding:11px 17px 8px;overflow:auto}.agenda147Item{width:100%;display:grid;grid-template-columns:68px 12px minmax(0,1fr);gap:10px;align-items:start;padding:8px 0;border:0;border-bottom:1px solid rgba(116,141,168,.13);background:transparent;color:inherit;text-align:left}.agenda147Item time{padding-top:1px;color:#c9d7e5;font-size:12px;font-weight:800}.agenda147Item>i{width:9px;height:9px;margin-top:4px;border-radius:50%;background:#ef414f;box-shadow:0 0 8px rgba(239,65,79,.45)}.agenda147Item>i.blue{background:#438cf4;box-shadow:0 0 8px rgba(67,140,244,.45)}.agenda147Item span{min-width:0}.agenda147Item b,.agenda147Item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agenda147Item b{font-size:12px;color:#e5edf5}.agenda147Item small{margin-top:3px;color:#879db4;font-size:10px}.agenda147Item:hover b{color:#fff}.agenda147Empty{display:grid;place-items:center;min-height:180px;color:#8ca2ba;font-size:12px}

@media(max-width:1180px){.dashboardStats{grid-template-columns:repeat(3,minmax(0,1fr))!important}.dashboardStat:nth-child(3){border-right:0!important}.dashboardStat:nth-child(n+4){border-top:1px solid rgba(117,140,168,.13)!important}.agenda147Body{grid-template-columns:40% minmax(0,1fr)}}
@media(max-width:740px){.dashboardGrid{gap:10px!important;background-size:24px 24px!important}.dashboardStats{grid-template-columns:1fr 1fr!important}.dashboardStat{min-height:120px!important;padding:13px!important}.dashboardStat:nth-child(2n){border-right:0!important}.dashboardStat:nth-child(n+3){border-top:1px solid rgba(117,140,168,.13)!important}.agenda147Head{height:auto;min-height:54px;grid-template-columns:1fr auto;padding:10px 12px}.agenda147Head>b{grid-row:2;grid-column:1/-1;text-align:left;font-size:9px}.agenda147Body{grid-template-columns:1fr}.agenda147Body>aside{border-right:0;border-bottom:1px solid rgba(117,141,169,.18)}.agenda147Body>main{min-height:210px}.agenda147Week button{min-height:27px}.agenda147New{margin-top:9px}.calendarAgenda147{min-height:0!important}}

/* LUQ OS 14.10.4 — complete Command Centre dashboard composition. */
.dashboardEditor{padding-top:0!important}.dashboardViewBar{position:relative!important;top:auto!important;z-index:6!important;min-height:42px!important;margin:0 0 4px!important;padding:4px 0 8px!important;isolation:isolate}.dashboardViewBar:before{content:'';position:absolute;inset:0 -4px;z-index:-1;background:linear-gradient(180deg,#071421 0%,rgba(7,20,33,.88) 72%,transparent 100%);pointer-events:none}.dashboardViewBar button{min-height:30px!important}.dashboardViewBar .dashboardReferenceLayout{margin-right:auto;color:#c8d5e1!important}.dashboardGrid.commandCentreLayout{grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-auto-flow:row!important;align-items:stretch!important;gap:14px!important}.dashboardGrid.commandCentreLayout>.dashboardItem-welcome{grid-column:span 8!important}.dashboardGrid.commandCentreLayout>.dashboardItem-weather,.dashboardGrid.commandCentreLayout>.dashboardItem-brain{grid-column:span 2!important}.dashboardGrid.commandCentreLayout>.dashboardItem-mail,.dashboardGrid.commandCentreLayout>.dashboardItem-calendar{grid-column:span 6!important}.dashboardGrid.commandCentreLayout>.dashboardItem-builder,.dashboardGrid.commandCentreLayout>.dashboardItem-system,.dashboardGrid.commandCentreLayout>.dashboardItem-monitoring{grid-column:span 4!important}.dashboardGrid.commandCentreLayout>.dashboardItem-welcome>.widget,.dashboardGrid.commandCentreLayout>.dashboardItem-weather>.widget,.dashboardGrid.commandCentreLayout>.dashboardItem-brain>.widget{min-height:244px!important}.dashboardGrid.commandCentreLayout>.dashboardItem-mail>.widget,.dashboardGrid.commandCentreLayout>.dashboardItem-calendar>.widget{min-height:335px!important}.dashboardGrid.commandCentreLayout>.dashboardItem-builder>.widget,.dashboardGrid.commandCentreLayout>.dashboardItem-system>.widget,.dashboardGrid.commandCentreLayout>.dashboardItem-monitoring>.widget{min-height:310px!important}.dashboardGrid.commandCentreLayout .dashboardSummaryHead{margin:0 0 9px!important}.dashboardGrid.commandCentreLayout .dashboardStats{height:calc(100% - 50px);min-height:174px}.dashboardGrid.commandCentreLayout .dashboardStat{min-height:174px!important;padding:18px 14px!important}.dashboardGrid.commandCentreLayout .dashboardStat .statIcon{width:39px!important;height:39px!important}.dashboardGrid.commandCentreLayout .dashboardStat .statIcon svg{width:20px!important;height:20px!important}.dashboardGrid.commandCentreLayout .dashboardStat b{font-size:31px!important}.dashboardGrid.commandCentreLayout .dashboardStat div>span{font-size:10px!important}.dashboardGrid.commandCentreLayout .weatherWidget{min-height:244px!important}.dashboardGrid.commandCentreLayout .weatherMain{padding-top:14px}.dashboardGrid.commandCentreLayout .weatherIcon{font-size:50px}.dashboardGrid.commandCentreLayout .weatherTemp{font-size:39px}.dashboardGrid.commandCentreLayout .weatherDetails{grid-template-columns:1fr!important;gap:5px}.dashboardGrid.commandCentreLayout .weatherDetails span{display:flex;align-items:center;justify-content:space-between;padding:6px 8px}.dashboardGrid.commandCentreLayout .weatherDetails small{display:inline}.dashboardGrid.commandCentreLayout .weatherWidget .widgetActions{margin-top:5px}.dashboardGrid.commandCentreLayout .brainWidget .widgetList{margin-top:13px}.dashboardGrid.commandCentreLayout .brainWidget .widgetItem{padding:12px 1px!important}.dashboardGrid.commandCentreLayout .brainWidget .widgetActions{position:absolute;left:16px;bottom:14px}.dashboardGrid.commandCentreLayout .widgetHeader{margin-bottom:10px!important}

.mailCommandWidget .widgetHeader,.builderCommandWidget .widgetHeader,.systemCommandWidget .widgetHeader,.monitoringCommandWidget .widgetHeader{margin-bottom:12px!important}.mailCommandCaption{display:flex;align-items:center;gap:8px;margin:0 0 7px;color:#9fb1c2;font-size:10px;font-weight:800;letter-spacing:.06em}.mailCommandCaption>i{width:8px;height:8px;border-radius:50%;background:#f04452;box-shadow:0 0 10px rgba(240,68,82,.45)}.mailCommandCaption>span{margin-left:auto;color:#8298ad}.mailCommandList,.studioCommandList,.monitorCommandList{display:grid;gap:0}.mailCommandRow{display:grid;grid-template-columns:12px minmax(105px,.8fr) minmax(130px,1fr) minmax(150px,1.65fr) minmax(80px,.45fr);align-items:center;gap:9px;width:100%;padding:10px 7px;border:0;border-bottom:1px solid rgba(117,141,169,.14);background:transparent;color:inherit;text-align:left}.mailCommandRow:hover{background:rgba(45,74,104,.25)}.mailCommandRow>i{width:8px;height:8px;border-radius:50%;background:#f04452;box-shadow:0 0 8px rgba(240,68,82,.4)}.mailCommandRow .mailCommandSender,.mailCommandRow b,.mailCommandRow small,.mailCommandRow time{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailCommandRow .mailCommandSender{font-size:11px;font-weight:700;color:#d5e0eb}.mailCommandRow b{font-size:11px;color:#e8eff6}.mailCommandRow small{font-size:10px;color:#92a6ba}.mailCommandRow time{font-size:10px;text-align:right;color:#91a4b7}.mailCommandWidget .widgetActions{justify-content:center}.mailCommandWidget .widgetActions button,.builderCommandWidget .widgetActions button,.monitoringCommandWidget .widgetActions button{color:#ef525e!important;border:0!important;background:transparent!important}.mailCommandWidget .widgetActions button:hover,.builderCommandWidget .widgetActions button:hover,.monitoringCommandWidget .widgetActions button:hover{color:#fff!important;background:transparent!important}

.studioCommandRow{display:grid;grid-template-columns:32px minmax(0,1fr) minmax(70px,1.15fr) 35px;align-items:center;gap:9px;width:100%;padding:11px 7px;border:0;border-bottom:1px solid rgba(117,141,169,.14);background:transparent;color:inherit;text-align:left}.studioCommandRow:hover{background:rgba(45,74,104,.25)}.studioCommandRow>i{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:#f0515d;background:rgba(187,45,58,.11)}.studioCommandRow>i svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.studioCommandRow span{min-width:0}.studioCommandRow b,.studioCommandRow small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studioCommandRow b{font-size:11px;color:#dce7f0}.studioCommandRow small{margin-top:3px;color:#8fa4b9;font-size:9px}.studioCommandRow strong{height:5px;overflow:hidden;border-radius:5px;background:rgba(154,171,188,.18)}.studioCommandRow strong i{display:block;height:100%;border-radius:inherit;background:#ef4b58}.studioCommandRow>em{font-style:normal;text-align:right;color:#9ab0c3;font-size:10px}

.systemCommandWidget .widgetHeader,.monitoringCommandWidget .widgetHeader{margin-bottom:10px!important}.systemGaugeRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:4px 0 15px}.systemGauge{--gauge:0%;display:grid;place-items:center;align-content:center;width:104px;aspect-ratio:1;margin:auto;border-radius:50%;background:radial-gradient(circle at center,#0b1929 59%,transparent 60%),conic-gradient(#ef4856 var(--gauge),rgba(149,168,187,.23) 0);box-shadow:inset 0 0 0 1px rgba(132,153,177,.15)}.systemGauge span,.systemGauge b,.systemGauge small{display:block;text-align:center}.systemGauge span{font-size:9px;letter-spacing:.08em;color:#9dafc0}.systemGauge b{margin:4px 0 2px;font-size:21px;color:#ecf3f9}.systemGauge small{max-width:60px;font-size:8px;color:#8298ad;line-height:1.15}.systemCommandFacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(117,141,169,.14)}.systemCommandFacts span{padding:10px 8px;text-align:center;border-right:1px solid rgba(117,141,169,.14)}.systemCommandFacts span:last-child{border-right:0}.systemCommandFacts small,.systemCommandFacts b{display:block}.systemCommandFacts small{font-size:8px;color:#91a4b7;letter-spacing:.06em;text-transform:uppercase}.systemCommandFacts b{margin-top:4px;font-size:12px;color:#d8e5ee}

.monitorCommandRow{display:grid;grid-template-columns:32px minmax(0,1fr) minmax(62px,.4fr);align-items:center;gap:10px;width:100%;padding:10px 6px;border:0;border-bottom:1px solid rgba(117,141,169,.14);background:transparent;color:inherit;text-align:left}.monitorCommandRow:hover{background:rgba(45,74,104,.25)}.monitorCommandRow>i{width:27px;height:27px;display:grid;place-items:center;border:1px solid #a53540;border-radius:8px;color:#f45b68;font-style:normal;font-size:15px;font-weight:900}.monitorCommandRow.medium>i,.monitorCommandRow.warning>i{border-color:#9d6d30;color:#ffc057}.monitorCommandRow.info>i{border-color:#356fa9;color:#68aeff}.monitorCommandRow b,.monitorCommandRow small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitorCommandRow b{font-size:11px;color:#e5edf4}.monitorCommandRow small{margin-top:3px;color:#8fa4b9;font-size:9px}.monitorCommandRow em{font-style:normal;text-align:right;color:#8ca1b5;font-size:9px}

@media(max-width:1180px){.dashboardGrid.commandCentreLayout>.dashboardItem-welcome{grid-column:span 12!important}.dashboardGrid.commandCentreLayout>.dashboardItem-weather,.dashboardGrid.commandCentreLayout>.dashboardItem-brain{grid-column:span 6!important}.dashboardGrid.commandCentreLayout>.dashboardItem-mail,.dashboardGrid.commandCentreLayout>.dashboardItem-calendar{grid-column:span 12!important}.dashboardGrid.commandCentreLayout>.dashboardItem-builder,.dashboardGrid.commandCentreLayout>.dashboardItem-system,.dashboardGrid.commandCentreLayout>.dashboardItem-monitoring{grid-column:span 6!important}.dashboardGrid.commandCentreLayout>.dashboardItem-welcome>.widget{min-height:220px!important}.dashboardGrid.commandCentreLayout>.dashboardItem-weather>.widget,.dashboardGrid.commandCentreLayout>.dashboardItem-brain>.widget{min-height:220px!important}}
@media(max-width:760px){.dashboardViewBar{position:relative!important;flex-wrap:wrap!important}.dashboardViewBar .dashboardReferenceLayout{margin-right:0}.dashboardGrid.commandCentreLayout{display:grid!important;grid-template-columns:1fr!important}.dashboardGrid.commandCentreLayout>.dashboardEditable{grid-column:1!important}.dashboardGrid.commandCentreLayout>.dashboardItem-welcome>.widget,.dashboardGrid.commandCentreLayout>.dashboardItem-weather>.widget,.dashboardGrid.commandCentreLayout>.dashboardItem-brain>.widget,.dashboardGrid.commandCentreLayout>.dashboardItem-mail>.widget,.dashboardGrid.commandCentreLayout>.dashboardItem-calendar>.widget,.dashboardGrid.commandCentreLayout>.dashboardItem-builder>.widget,.dashboardGrid.commandCentreLayout>.dashboardItem-system>.widget,.dashboardGrid.commandCentreLayout>.dashboardItem-monitoring>.widget{min-height:0!important}.dashboardGrid.commandCentreLayout .dashboardStats{height:auto;grid-template-columns:1fr 1fr!important}.dashboardGrid.commandCentreLayout .dashboardStat{min-height:130px!important}.mailCommandRow{grid-template-columns:10px minmax(84px,1fr) minmax(0,1fr);gap:7px}.mailCommandRow small,.mailCommandRow time{display:none}.systemGauge{width:86px}.systemGauge b{font-size:18px}.systemGaugeRow{gap:5px}.studioCommandRow{grid-template-columns:30px minmax(0,1fr) 40px}.studioCommandRow strong{display:none}.monitorCommandRow{grid-template-columns:30px minmax(0,1fr)}.monitorCommandRow em{display:none}}

/* LUQ OS 14.10.4 — precise non-overlapping dashboard widget grid. */
.dashboardGrid.commandCentreLayout{grid-auto-rows:118px!important;grid-auto-flow:row!important;align-items:stretch!important}
.dashboardGrid.commandCentreLayout>.dashboardEditable,
.dashboardGrid.commandCentreLayout>.dashboardEditable[style],
.dashboardGrid.commandCentreLayout>.dashboardEditable.dashboardItem-welcome,
.dashboardGrid.commandCentreLayout>.dashboardEditable.dashboardItem-weather,
.dashboardGrid.commandCentreLayout>.dashboardEditable.dashboardItem-brain,
.dashboardGrid.commandCentreLayout>.dashboardEditable.dashboardItem-mail,
.dashboardGrid.commandCentreLayout>.dashboardEditable.dashboardItem-calendar,
.dashboardGrid.commandCentreLayout>.dashboardEditable.dashboardItem-builder,
.dashboardGrid.commandCentreLayout>.dashboardEditable.dashboardItem-system,
.dashboardGrid.commandCentreLayout>.dashboardEditable.dashboardItem-monitoring,
.dashboardGrid.commandCentreLayout>.dashboardEditable.dashboardItem-storage,
.dashboardGrid.commandCentreLayout>.dashboardEditable.dashboardItem-tasks,
.dashboardGrid.commandCentreLayout>.dashboardEditable.dashboardItem-servers{grid-column:span var(--dash-w,4)!important;grid-row:span var(--dash-h,2)!important;min-width:0;min-height:0}
.dashboardGrid.commandCentreLayout>.dashboardEditable>.widget{height:100%!important;min-height:0!important;box-sizing:border-box}
.dashboardGrid.commandCentreLayout>.dashboardEditable.isEditing{outline:1px dashed rgba(102,150,199,.62);outline-offset:4px;display:flex;flex-direction:column;gap:7px}
.dashboardGrid.commandCentreLayout.editing>.dashboardEditable{cursor:grab}
.dashboardGrid.commandCentreLayout.editing>.dashboardEditable:active{cursor:grabbing}
.dashboardGrid.commandCentreLayout>.dashboardEditable.isEditing>.widget{flex:1;min-height:0}
.dashboardWidgetTools{position:relative;z-index:20;align-self:flex-end;display:flex;align-items:center;gap:4px;max-width:100%;overflow:auto;padding:4px;border:1px solid rgba(119,149,181,.32);border-radius:8px;background:rgba(5,15,26,.92);box-shadow:0 10px 24px rgba(0,0,0,.35)}
.dashboardWidgetTools button{min-width:29px;height:28px;padding:0 6px;border-radius:6px!important;font-size:10px!important;line-height:1}
.dashboardWidgetTools button.danger{background:rgba(222,54,70,.16)!important;color:#ff8b96!important;border-color:rgba(222,54,70,.4)!important}
.dashboardWidgetTools>span:last-child{padding:0 3px;color:#8fa6bd;cursor:grab;font-size:14px;line-height:1}
.dashboardExactSize{min-width:42px!important;background:#11263d!important;color:#c6d7e7!important;font-weight:850!important}
.dashboardEditBar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 12px;padding:9px 10px;border:1px solid rgba(93,124,159,.28);border-radius:10px;background:rgba(7,18,31,.92)}
.dashboardEditBar span{color:#9bb0c6;font-size:11px}
.dashboardGrid.commandCentreLayout .dashboardItem-welcome .dashboardStats{height:calc(100% - 48px);min-height:0}
.dashboardGrid.commandCentreLayout .dashboardItem-welcome .dashboardStat{min-height:0!important}
.dashboardGrid.commandCentreLayout .calendarAgenda147{height:100%!important}
.dashboardGrid.commandCentreLayout .agenda147Body{min-height:calc(100% - 54px)}
.dashboardGrid.commandCentreLayout .mailCommandWidget,.dashboardGrid.commandCentreLayout .builderCommandWidget,.dashboardGrid.commandCentreLayout .monitoringCommandWidget{display:flex;flex-direction:column}
.dashboardGrid.commandCentreLayout .mailCommandList,.dashboardGrid.commandCentreLayout .studioCommandList,.dashboardGrid.commandCentreLayout .monitorCommandList{min-height:0;overflow:auto}
.dashboardGrid.commandCentreLayout .mailCommandWidget .widgetActions,.dashboardGrid.commandCentreLayout .builderCommandWidget .widgetActions,.dashboardGrid.commandCentreLayout .monitoringCommandWidget .widgetActions{margin-top:auto}
@media(max-width:1180px){.dashboardGrid.commandCentreLayout{grid-template-columns:repeat(12,minmax(0,1fr))!important}}
@media(max-width:760px){.dashboardGrid.commandCentreLayout{grid-auto-rows:auto!important}.dashboardGrid.commandCentreLayout>.dashboardEditable{grid-column:1!important;grid-row:auto!important}.dashboardGrid.commandCentreLayout>.dashboardEditable>.widget{height:auto!important}.dashboardWidgetTools{align-self:flex-start;width:max-content;max-width:100%;overflow:auto}.dashboardEditBar span{flex-basis:100%}}

/* Navigation: groups animate in place instead of rebuilding the whole portal. */
.navSection{margin:16px 11px 6px;color:#647a93;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.navGroupHead{display:flex;align-items:center}.navGroupHead .groupLink{flex:1;min-width:0;text-align:left}.navGroupToggle{width:30px!important;min-width:30px;height:30px;padding:0!important;display:grid;place-items:center;background:transparent!important;color:#91a5bd!important;transition:background .18s ease,color .18s ease}.navGroupToggle:hover{background:#132840!important;color:#fff!important}.navGroupToggle .chevron{display:block;font-size:16px;line-height:1;transition:transform .2s ease}.navGroup.open .navGroupToggle .chevron{transform:rotate(180deg)}.navChildren{max-height:0;overflow:hidden;opacity:0;transform:translateY(-5px);will-change:max-height,opacity,transform;transition:max-height .26s ease,opacity .18s ease,transform .22s ease}.navGroup.open .navChildren{max-height:360px;opacity:1;transform:translateY(0)}.navGroup .nav.sub{margin-left:14px}.side.small .navSection{display:none}.side.small .navGroupToggle{display:none}.side.small .navGroupHead .groupLink{flex:initial}.side.small .navChildren{display:none}@media(prefers-reduced-motion:reduce){.navChildren,.navGroupToggle .chevron{transition:none}}

/* The remote-file browser deliberately reuses the local Files table and controls. */
.storage147RemoteNote{font-size:11px;color:var(--u-muted);margin:0 0 10px}.storage147RemoteKind{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:#172b43;color:#a9bfd6;font-size:10px;font-weight:700}.storage147Preview .remotePreviewName{word-break:break-word;margin:0 0 7px}.storage147Preview dl{display:grid;grid-template-columns:90px 1fr;gap:7px;margin:12px 0;font-size:11px}.storage147Preview dt{color:var(--u-muted)}.storage147Preview dd{margin:0;word-break:break-word}.storage147Table tbody tr.folderRow .fileName{color:#d7e8ff}.storage147Table td .typeChip{display:inline-flex;padding:3px 7px;border-radius:999px;background:#152b43;color:#a9bfd6;font-size:10px}

/* LUQ OS 14.10.4 — editor panel fix: controls live in one top panel, never inside widgets. */
.dashboardGrid.commandCentreLayout{grid-auto-rows:110px!important;grid-auto-flow:row!important;align-items:stretch!important}
.dashboardGrid.commandCentreLayout>.dashboardEditable,
.dashboardGrid.commandCentreLayout>.dashboardEditable[style],
.dashboardGrid.commandCentreLayout>.dashboardEditable.dashboardItem-welcome,
.dashboardGrid.commandCentreLayout>.dashboardEditable.dashboardItem-weather,
.dashboardGrid.commandCentreLayout>.dashboardEditable.dashboardItem-brain,
.dashboardGrid.commandCentreLayout>.dashboardEditable.dashboardItem-mail,
.dashboardGrid.commandCentreLayout>.dashboardEditable.dashboardItem-calendar,
.dashboardGrid.commandCentreLayout>.dashboardEditable.dashboardItem-builder,
.dashboardGrid.commandCentreLayout>.dashboardEditable.dashboardItem-system,
.dashboardGrid.commandCentreLayout>.dashboardEditable.dashboardItem-monitoring,
.dashboardGrid.commandCentreLayout>.dashboardEditable.dashboardItem-storage,
.dashboardGrid.commandCentreLayout>.dashboardEditable.dashboardItem-tasks,
.dashboardGrid.commandCentreLayout>.dashboardEditable.dashboardItem-servers{grid-column:span var(--dash-w,4)!important;grid-row:span var(--dash-h,2)!important;min-width:0!important;min-height:0!important;align-self:stretch!important}
.dashboardGrid.commandCentreLayout>.dashboardEditable>.widget,
.dashboardGrid.commandCentreLayout>.dashboardEditable[style]>.widget,
.dashboardGrid.commandCentreLayout>.dashboardEditable.dashboardItem-welcome>.widget,
.dashboardGrid.commandCentreLayout>.dashboardEditable.dashboardItem-weather>.widget,
.dashboardGrid.commandCentreLayout>.dashboardEditable.dashboardItem-brain>.widget,
.dashboardGrid.commandCentreLayout>.dashboardEditable.dashboardItem-mail>.widget,
.dashboardGrid.commandCentreLayout>.dashboardEditable.dashboardItem-calendar>.widget,
.dashboardGrid.commandCentreLayout>.dashboardEditable.dashboardItem-builder>.widget,
.dashboardGrid.commandCentreLayout>.dashboardEditable.dashboardItem-system>.widget,
.dashboardGrid.commandCentreLayout>.dashboardEditable.dashboardItem-monitoring>.widget{height:100%!important;min-height:0!important;box-sizing:border-box!important;overflow:hidden!important}
.dashboardWidgetTools{display:none!important}
.dashboardGrid.commandCentreLayout>.dashboardEditable.isEditing{display:block!important;outline:1px dashed rgba(102,150,199,.55)!important;outline-offset:5px;border-radius:13px;cursor:pointer!important}
.dashboardGrid.commandCentreLayout>.dashboardEditable.isSelected{outline:2px solid rgba(250,62,77,.9)!important;outline-offset:5px;box-shadow:0 0 0 1px rgba(250,62,77,.16),0 0 32px rgba(250,62,77,.14)!important}
.dashboardGrid.commandCentreLayout.editing>.dashboardEditable:hover{outline-color:rgba(104,169,255,.85)!important}
.dashboardGrid.commandCentreLayout>.dashboardEditable.isEditing>.widget{pointer-events:none;user-select:none}
.dashboardEditBar{display:grid!important;grid-template-columns:auto minmax(280px,1fr) auto;align-items:center;gap:10px;margin:0 0 12px!important;padding:10px 12px!important;border:1px solid rgba(93,124,159,.3)!important;border-radius:12px!important;background:linear-gradient(135deg,rgba(7,18,31,.96),rgba(11,24,39,.92))!important;box-shadow:0 16px 35px rgba(0,0,0,.24)!important}
.dashboardEditMain,.dashboardEditSelection{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}.dashboardEditSelection{padding:5px 7px;border:1px solid rgba(111,142,174,.24);border-radius:9px;background:rgba(10,25,42,.8)}.dashboardEditSelection strong{color:#e8f0f7;font-size:11px;white-space:nowrap}.dashboardEditSelection button{min-height:29px!important;border-radius:7px!important}.dashboardEditSelection .danger{background:rgba(222,54,70,.16)!important;color:#ff8b96!important;border-color:rgba(222,54,70,.45)!important}.dashboardSelectedSize{min-width:52px!important;background:#11263d!important;color:#d7e6f4!important;font-weight:850!important}.dashboardEditBar>span{margin:0!important;color:#99adc2!important;font-size:11px!important;text-align:right;line-height:1.35}
.dashboardGrid.commandCentreLayout .dashboardItem-welcome .dashboardStats{height:calc(100% - 46px)!important;min-height:0!important}.dashboardGrid.commandCentreLayout .dashboardItem-welcome .dashboardStat{min-height:0!important}.dashboardGrid.commandCentreLayout .dashboardStats{min-height:0!important}.dashboardGrid.commandCentreLayout .dashboardStat{min-height:0!important}
.dashboardGrid.commandCentreLayout .calendarAgenda147{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important}.dashboardGrid.commandCentreLayout .agenda147Head{height:44px!important;min-height:44px!important;padding:0 13px!important;grid-template-columns:minmax(150px,1fr) minmax(180px,1.2fr) auto!important}.dashboardGrid.commandCentreLayout .agenda147Head h3{font-size:11px!important}.dashboardGrid.commandCentreLayout .agenda147Head h3 svg{width:17px!important;height:17px!important}.dashboardGrid.commandCentreLayout .agenda147Head>b{font-size:9px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboardGrid.commandCentreLayout .agenda147Head button{width:27px!important;height:27px!important}.dashboardGrid.commandCentreLayout .agenda147Body{flex:1!important;min-height:0!important;grid-template-columns:minmax(190px,32%) minmax(0,1fr)!important}.dashboardGrid.commandCentreLayout .agenda147Body>aside{padding:9px 11px!important;overflow:hidden!important}.dashboardGrid.commandCentreLayout .agenda147Body>main{padding:7px 11px!important;overflow:auto!important;min-height:0!important}.dashboardGrid.commandCentreLayout .agenda147Month{margin-bottom:8px!important}.dashboardGrid.commandCentreLayout .agenda147Month strong{font-size:11px!important}.dashboardGrid.commandCentreLayout .agenda147Month button{font-size:22px!important}.dashboardGrid.commandCentreLayout .agenda147Week{gap:3px!important}.dashboardGrid.commandCentreLayout .agenda147Week b{font-size:8px!important}.dashboardGrid.commandCentreLayout .agenda147Week button{min-height:19px!important;font-size:9px!important;border-radius:5px!important}.dashboardGrid.commandCentreLayout .agenda147New{margin-top:7px!important;padding:6px 9px!important;font-size:10px!important}.dashboardGrid.commandCentreLayout .agenda147New span{font-size:17px!important}.dashboardGrid.commandCentreLayout .agenda147Item{grid-template-columns:48px 9px minmax(0,1fr)!important;gap:8px!important;padding:6px 0!important}.dashboardGrid.commandCentreLayout .agenda147Item time{font-size:10px!important}.dashboardGrid.commandCentreLayout .agenda147Item>i{width:7px!important;height:7px!important}.dashboardGrid.commandCentreLayout .agenda147Item b{font-size:11px!important}.dashboardGrid.commandCentreLayout .agenda147Item small{font-size:9px!important;margin-top:2px!important}.dashboardGrid.commandCentreLayout .agenda147Empty{min-height:90px!important;font-size:11px!important}
@media(max-width:900px){.dashboardEditBar{grid-template-columns:1fr!important}.dashboardEditBar>span{text-align:left!important}.dashboardEditSelection{overflow:auto}.dashboardGrid.commandCentreLayout{grid-auto-rows:auto!important}.dashboardGrid.commandCentreLayout>.dashboardEditable{grid-column:1/-1!important;grid-row:auto!important}.dashboardGrid.commandCentreLayout>.dashboardEditable>.widget{height:auto!important;min-height:190px!important}}

/* LUQ OS 14.10.4 — LUQ Workspace / LUQ Connector */
.workspacePage{max-width:1680px;margin:0 auto}.workspacePage>.uHead{margin-bottom:12px}.workspaceMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.workspaceMetrics article{min-height:82px;padding:15px 17px;border:1px solid rgba(95,127,159,.28);border-radius:13px;background:linear-gradient(145deg,rgba(16,34,54,.94),rgba(7,20,34,.96));box-shadow:0 15px 35px rgba(0,0,0,.19);display:flex;flex-direction:column;justify-content:center}.workspaceMetrics small{color:#8399b0;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.workspaceMetrics b{font-size:27px;color:#edf5fc;margin-top:5px}.workspaceTabs{display:flex;align-items:center;gap:4px;padding:5px;margin-bottom:12px;border:1px solid rgba(94,126,158,.25);border-radius:12px;background:rgba(7,19,32,.9);overflow:auto}.workspaceTabs button{white-space:nowrap;background:transparent!important;border-color:transparent!important;color:#8399b0!important}.workspaceTabs button.active{background:#18324f!important;color:#f2f7fc!important;border-color:#315779!important}.workspaceContent{display:grid;gap:16px}.workspaceHero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(360px,.7fr);gap:24px;padding:25px;border:1px solid rgba(253,62,78,.42);border-radius:17px;background:radial-gradient(circle at 88% 12%,rgba(236,41,58,.13),transparent 38%),linear-gradient(145deg,#10243a,#071724 75%);box-shadow:0 18px 50px rgba(0,0,0,.26)}.workspaceHero:after{content:'LUQ';position:absolute;right:24px;bottom:-42px;font-size:150px;font-weight:950;color:rgba(255,255,255,.025);pointer-events:none}.workspaceHero h2{margin:5px 0 9px;font-size:25px}.workspaceHero p{max-width:720px;color:#9eb2c6;line-height:1.55}.workspaceHeroActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.workspaceFlow{position:relative;z-index:1;align-self:center;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:7px;padding:16px;border:1px solid rgba(91,128,163,.27);border-radius:14px;background:rgba(4,15,27,.67)}.workspaceFlow span{min-height:62px;display:grid;place-items:center;padding:8px;border-radius:10px;background:#132b45;color:#c9d9e8;font-size:11px;font-weight:800;text-align:center}.workspaceFlow i{color:#fa3e4d;font-style:normal}.workspaceFlow b{grid-column:5;text-align:center;color:#6485a5}.workspaceSplit{display:grid;grid-template-columns:1fr 1fr;gap:16px}.workspaceSectionHead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}.workspaceSectionHead h2{margin:0 0 3px;font-size:17px}.workspaceSectionHead p{margin:0;color:#8198af;font-size:11px}.workspaceNodeGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(335px,1fr));gap:10px}.workspaceNode{position:relative;min-width:0;display:grid;grid-template-columns:47px minmax(0,1fr);gap:12px;padding:14px;border:1px solid rgba(91,126,159,.28);border-radius:14px;background:linear-gradient(145deg,rgba(15,33,53,.96),rgba(7,19,32,.97));box-shadow:0 14px 35px rgba(0,0,0,.18)}.workspaceNode.connector{background:linear-gradient(145deg,rgba(13,35,51,.96),rgba(8,21,34,.97))}.workspaceNodeIcon{width:47px;height:47px;display:grid;place-items:center;border-radius:12px;background:#183552;color:#59a8ff}.workspaceNode.connector .workspaceNodeIcon{color:#f45866;background:rgba(227,47,63,.13)}.workspaceNodeIcon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7}.workspaceNodeMain{min-width:0}.workspaceNodeMain>div:first-child{padding-right:90px}.workspaceNode h3{margin:1px 0 3px;font-size:15px}.workspaceNodeMain>div:first-child>span{display:block;overflow:hidden;text-overflow:ellipsis;color:#8299b0;font-size:10px}.workspaceState{display:inline-flex;align-items:center;gap:6px;color:#95a9bc;font-size:10px;font-weight:800;white-space:nowrap}.workspaceState i{width:7px;height:7px;border-radius:50%;background:#6e8194;box-shadow:0 0 12px rgba(110,129,148,.4)}.workspaceState.online i{background:#2bdc78;box-shadow:0 0 13px rgba(43,220,120,.55)}.workspaceState.offline i{background:#fb4655;box-shadow:0 0 13px rgba(251,70,85,.5)}.workspaceNode>.workspaceNodeMain>.workspaceState{position:absolute;top:15px;right:14px}.workspaceNode dl{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:13px 0 0}.workspaceNode dl div{min-width:0;padding:8px;border:1px solid rgba(90,122,153,.2);border-radius:8px;background:rgba(4,16,28,.45)}.workspaceNode dt{color:#6f879e;font-size:8px;text-transform:uppercase}.workspaceNode dd{overflow:hidden;text-overflow:ellipsis;margin:3px 0 0;color:#cbd9e6;font-size:10px;white-space:nowrap}.workspaceNodeActions{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.workspaceNodeActions button{padding:6px 9px!important;font-size:9px!important}.workspaceNetworks{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.workspaceNetworks span{padding:4px 7px;border-radius:999px;background:#152c45;color:#9eb5cb;font-size:9px}.workspaceAppGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.workspaceApp{display:grid;grid-template-columns:45px minmax(0,1fr);gap:11px;padding:13px;border:1px solid rgba(94,126,158,.27);border-radius:13px;background:linear-gradient(145deg,#10253b,#081827)}.workspaceApp.disabled{opacity:.56}.workspaceAppIcon{width:45px;height:45px;display:grid;place-items:center;border-radius:11px;background:rgba(238,50,66,.12);color:#f64a58}.workspaceAppIcon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}.workspaceApp h3{margin:2px 0;font-size:14px}.workspaceApp p,.workspaceApp small{display:block;margin:0;color:#8198af;font-size:9px}.workspaceAppActions{grid-column:1/-1;display:flex;gap:5px;margin-top:4px}.workspaceAppActions button{flex:1;font-size:9px!important}.workspaceEmpty{min-height:115px;display:grid;place-items:center;padding:22px;border:1px dashed rgba(105,139,172,.32);border-radius:13px;color:#788fa6;text-align:center}.workspaceTableWrap{overflow:auto;max-width:100%}.workspaceTable{width:100%;border-collapse:collapse;min-width:920px}.workspaceTable th{padding:11px 12px;color:#7189a1;font-size:9px;text-align:left;text-transform:uppercase}.workspaceTable td{padding:11px 12px;border-top:1px solid rgba(85,117,147,.22);color:#b7c8d8;font-size:10px;vertical-align:middle}.workspaceTable td b,.workspaceTable td small{display:block}.workspaceTable td small{margin-top:3px;color:#7890a8}.workspaceTableActions{display:flex;gap:5px;flex-wrap:wrap}.workspaceTableActions button{font-size:9px!important}.workspaceError{display:block;max-width:260px;color:#ff8993;white-space:normal}.workspaceEditor,.workspaceToken,.workspaceDiagnostics{width:min(760px,calc(100vw - 32px));max-height:min(86vh,820px);overflow:auto;padding:20px}.workspaceEditor header,.workspaceToken header,.workspaceDiagnostics header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.workspaceEditor header h2,.workspaceToken header h2,.workspaceDiagnostics header h2{margin:0 0 4px}.workspaceEditor header p,.workspaceToken header p,.workspaceDiagnostics header p{margin:0;color:#849bb1;font-size:11px}.workspaceEditor header>button,.workspaceToken header>button,.workspaceDiagnostics header>button{width:35px;height:35px;padding:0!important;font-size:18px!important}.workspaceEditor .form{display:grid;gap:11px}.workspaceEditor label,.workspaceToken label{display:grid;gap:5px;color:#afc1d2;font-size:10px;font-weight:750}.workspaceEditor input,.workspaceEditor select,.workspaceEditor textarea,.workspaceToken textarea{width:100%;box-sizing:border-box}.workspaceFormGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.workspaceCheck{display:flex!important;align-items:center;gap:8px!important}.workspaceCheck input{width:auto!important}.workspaceApprovalNote{display:grid;gap:4px;padding:12px;border:1px solid rgba(244,65,80,.28);border-radius:10px;background:rgba(221,42,57,.08)}.workspaceApprovalNote span{color:#8fa6bc;font-size:10px;line-height:1.5}.workspaceToken textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;resize:none}.workspaceTokenWarning{margin:12px 0;padding:10px;border-radius:9px;background:rgba(244,174,63,.1);color:#eab966;font-size:10px}.workspaceDiagRow{display:grid;grid-template-columns:110px minmax(120px,1fr) minmax(160px,1fr) 100px;gap:8px;padding:10px 0;border-bottom:1px solid rgba(87,118,148,.2);align-items:center;font-size:10px}.workspaceDiagnostics .workspaceMetrics{margin-top:12px}
@media(max-width:1100px){.workspaceHero{grid-template-columns:1fr}.workspaceFlow{max-width:640px}.workspaceSplit{grid-template-columns:1fr}.workspaceNodeGrid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}}
@media(max-width:760px){.workspaceMetrics{grid-template-columns:1fr 1fr}.workspaceMetrics article{min-height:68px;padding:12px}.workspaceMetrics b{font-size:21px}.workspaceHero{padding:17px}.workspaceHero h2{font-size:20px}.workspaceFlow{grid-template-columns:1fr auto 1fr}.workspaceFlow span:nth-of-type(3),.workspaceFlow b,.workspaceFlow span:nth-of-type(4){grid-column:auto}.workspaceFlow{display:flex;flex-wrap:wrap}.workspaceFlow span{flex:1 1 120px}.workspaceSplit{grid-template-columns:1fr}.workspaceNodeGrid,.workspaceAppGrid{grid-template-columns:1fr}.workspaceSectionHead{align-items:flex-start}.workspaceNode dl{grid-template-columns:1fr 1fr}.workspaceFormGrid{grid-template-columns:1fr}.workspaceDiagRow{grid-template-columns:90px minmax(0,1fr)}.workspaceDiagRow span:nth-last-child(-n+2){display:none}}

/* 14.10 — global theme, responsive dialogs and MikroTik enrollment dashboard */
:root{--surface:#0b1929;--surface-2:#102238;--surface-3:#071421;--shadow:rgba(0,0,0,.35);--chart-grid:rgba(94,128,160,.14)}
html[data-theme="light"]{color-scheme:light;--bg:#edf3f8;--panel:#fff;--panel2:#f7fafc;--line:#cbd8e5;--txt:#15243a;--mut:#5e7187;--surface:#fff;--surface-2:#f4f8fc;--surface-3:#eaf1f7;--shadow:rgba(34,62,91,.16);--chart-grid:rgba(43,77,111,.11)}
html[data-theme="light"] body{background:radial-gradient(circle at 82% 0,#dce8f3 0,#edf3f8 47%,#e7eef5 100%)}
html[data-theme="light"] .side,html[data-theme="light"] .top{background:rgba(247,250,253,.94);border-color:var(--line)}
html[data-theme="light"] .card,html[data-theme="light"] .uPanel,html[data-theme="light"] .modalBox,html[data-theme="light"] .workspaceNode,html[data-theme="light"] .workspaceApp,html[data-theme="light"] .workspaceMetrics article{background:linear-gradient(145deg,#fff,#f2f7fb);color:var(--txt);border-color:var(--line);box-shadow:0 12px 34px var(--shadow)}
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea,html[data-theme="light"] .search,html[data-theme="light"] .folderPanel,html[data-theme="light"] .listPanel,html[data-theme="light"] .readPanel,html[data-theme="light"] .storageTree,html[data-theme="light"] .storageFiles,html[data-theme="light"] .storagePreview,html[data-theme="light"] .studioConversation,html[data-theme="light"] .studioInspector{background:#fff;color:var(--txt);border-color:var(--line)}
html[data-theme="light"] button{background:#e1eaf3;color:#20364e}html[data-theme="light"] button.primary{color:#fff;background:linear-gradient(180deg,#ff4b58,#d91424)}
html[data-theme="light"] .nav{color:#50677e}html[data-theme="light"] .nav:hover{background:#e6eef5;color:#172d45}html[data-theme="light"] .nav.active{color:#9d1c2a;background:linear-gradient(90deg,#f8dce0,#f3e5e7)}
html[data-theme="light"] .mut,html[data-theme="light"] small{color:var(--mut)}
/* Pełne pokrycie jasnego motywu dla modułów, które historycznie miały
   wpisane ciemne kolory bezpośrednio zamiast zmiennych. */
html[data-theme="light"] :is(.uPanel,.uMetric,.noteNav147,.noteList147,.noteEditor147,.taskLane147,.task147,.taskDay147,.storage147Side,.storage147Main,.storage147Preview,.monitor147Grid,.wg147Side,.wg147Main,.wgMetric,.wgTech147 details,.mailCommandBar,.mailFolders,.mailList,.mailReader,.mailAi,.studioProjectCard,.studioWorkspace,.studioWorkspaceHeader,.studioNav,.studioChatPanel,.studioToolPanel,.studioFilesPanel,.studioComposer,.wgTree,.wgDevicePanel,.wgGraphicCard,.wgRouteCard,.workspaceHero,.workspaceFlow,.workspaceTabs,.workspaceEmpty,.wgTrafficPanel,.wgFactsPanel,.wgEnrollmentPanel,.wgNetworksPanel,.wgStatusTile){background:#fff!important;color:var(--txt)!important;border-color:var(--line)!important;box-shadow:0 10px 28px var(--shadow)}
html[data-theme="light"] :is(.uSearch,.noteMeta147 label,.noteEditor147 textarea,.storage147Path,.storage147Drop,.storage147Selection,.wgSummary147>div,.task147,.taskDay147,.workspaceFlow span,.workspaceNode dl div,.workspaceNetworks span,.workspaceApprovalNote,.wgFacts div,.wgPlanStep,.wgNetworkCard,.wgConfidence,.mailReader header,.mailReaderActions){background:var(--surface-2)!important;color:var(--txt)!important;border-color:var(--line)!important}
html[data-theme="light"] :is(.noteRow147:hover,.noteRow147.active,.storage147Table tbody tr:hover,.storage147Table tbody tr.selected,.wgPeer147.active,.wgPeer147:hover,.wgTreeDevice.active,.mailRow.active,.mailFolder.active,.workspaceTabs button.active,.wgCommandTabs button.active){background:#dceaf6!important;color:#17324c!important;border-color:#a8bfd3!important}
html[data-theme="light"] :is(.storage147Table th,.taskTable147 th,.mailReader header,.mailReaderActions){background:#edf4f9!important;color:#4e6479!important}
html[data-theme="light"] :is(.uHead h1,.uMetric b,.noteEditor147 .noteTitle147,.task147 h3,.wgSummary147 b,.wgGraphicCard h3,.studioHub h1,.workspaceHero h2,.workspaceNode h3,.workspaceApp h3,.wgTrafficPanel h2,.wgFactsPanel h2,.wgEnrollmentPanel h2,.wgNetworksPanel h2,.wgStatusTile b){color:#15243a!important}
html[data-theme="light"] :is(.noteEditor147 .noteTitle147,.noteMeta147 input,.workspaceEditor input,.workspaceEditor select,.workspaceEditor textarea){color:#15243a!important}
html[data-theme="light"] .dashboardGrid .widget{background:linear-gradient(145deg,#fff,#eef4f9)!important;color:#15243a!important;border-color:#bdccda!important;box-shadow:0 13px 34px rgba(35,61,88,.13)!important}
html[data-theme="light"] .dashboardGrid .widget:before{opacity:.42}
html[data-theme="light"] .dashboardGrid .widget :is(h2,h3,h4,b,strong,.metricValue,.dashboardStat b){color:#15243a!important}
html[data-theme="light"] .dashboardGrid .widget :is(.widgetItem,.dashboardStat){background:rgba(229,238,246,.72);border-color:#cbd8e5}
html[data-theme="light"] .wgTrafficChart .grid{stroke:rgba(43,77,111,.13)}
html[data-theme="light"] .modal{background:rgba(35,53,72,.42)}
.themeToggle{min-width:39px;height:34px;display:grid;place-items:center;padding:0;font-size:17px}.themeToggle span{line-height:1}
.modal{padding:max(10px,2vw);align-items:center}.modalBox{box-sizing:border-box;width:min(820px,calc(100vw - 2 * max(10px,2vw)));max-width:100%;max-height:calc(100dvh - 2 * max(10px,2vw));overflow:auto;overscroll-behavior:contain}.modalBox>*{max-width:100%;min-width:0}.modalBox .form,.modalBox .formGrid{min-width:0}.modalBox input,.modalBox select,.modalBox textarea{max-width:100%;min-width:0}.modalBox img,.modalBox svg,.modalBox canvas{max-width:100%;height:auto}.workspaceEditor,.workspaceToken,.workspaceDiagnostics{box-sizing:border-box;width:100%;max-width:100%;padding:clamp(12px,2vw,20px)}
.wgCommandPage{display:grid;gap:13px;min-width:0}.wgCommandHead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.wgCommandHead h1{margin:0 0 4px}.wgCommandActions{display:flex;gap:7px;flex-wrap:wrap}.wgStatusStrip{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:8px}.wgStatusTile{padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--surface);min-width:0}.wgStatusTile small{display:block;text-transform:uppercase;letter-spacing:.08em}.wgStatusTile b{display:flex;align-items:center;gap:7px;margin-top:5px}.wgStateDot{width:8px;height:8px;border-radius:50%;background:#738399}.wgStateDot.online{background:#2ed158;box-shadow:0 0 12px #2ed15888}.wgStateDot.offline,.wgStateDot.error{background:#ff4656}.wgStateDot.not_configured,.wgStateDot.unknown,.wgStateDot.empty{background:#f2a93b}.wgOverviewGrid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.6fr);gap:12px}.wgTrafficPanel,.wgFactsPanel,.wgEnrollmentPanel,.wgNetworksPanel{padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--surface);min-width:0;overflow:hidden}.wgTrafficPanel header,.wgPanelHead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.wgTrafficPanel h2,.wgFactsPanel h2,.wgEnrollmentPanel h2,.wgNetworksPanel h2{margin:0;font-size:15px}.wgTrafficChart{display:block;width:100%;height:170px}.wgTrafficChart .grid{stroke:var(--chart-grid);stroke-width:1}.wgTrafficChart .rx{fill:none;stroke:#3298ff;stroke-width:3}.wgTrafficChart .tx{fill:none;stroke:#fa4555;stroke-width:3}.wgTrafficLegend{display:flex;gap:18px;color:var(--mut)}.wgTrafficLegend b{color:var(--txt)}.wgFacts{display:grid;grid-template-columns:1fr 1fr;gap:7px}.wgFacts div{padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-3);min-width:0}.wgFacts small,.wgFacts b{display:block}.wgFacts b{overflow:hidden;text-overflow:ellipsis;margin-top:4px}.wgConfidence{height:7px;border-radius:99px;background:var(--surface-3);overflow:hidden;margin-top:8px}.wgConfidence i{display:block;height:100%;background:linear-gradient(90deg,#f2a93b,#2ed158)}.wgCommandTabs{display:flex;gap:5px;overflow:auto;padding-bottom:2px}.wgCommandTabs button{white-space:nowrap}.wgCommandTabs button.active{background:#28527a;color:#fff}.wgPlanSteps{display:grid;gap:7px}.wgPlanStep{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--surface-3)}.wgPlanStep i{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#153655;color:#60aaff;font-style:normal}.wgRisk{padding:3px 7px;border-radius:99px;background:#1d3b56;color:#a9cdef;font-size:9px}.wgRisk.medium{background:#563d19;color:#ffd488}.wgWarning{padding:10px;border:1px solid #8b6729;border-radius:10px;background:#5c421833;color:#e9b95e;margin:10px 0}.wgInventory{width:100%;border-collapse:collapse;min-width:650px}.wgInventory th,.wgInventory td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left}.wgTableScroll{max-width:100%;overflow:auto}.wgNetworkCards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-bottom:12px}.wgNetworkCard{padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--surface-3)}
@media(max-width:1050px){.wgStatusStrip{grid-template-columns:repeat(3,1fr)}.wgOverviewGrid{grid-template-columns:1fr}}
@media(max-width:680px){.modal{padding:6px;align-items:flex-start}.modalBox{width:100%;max-height:calc(100dvh - 12px);border-radius:13px;padding:12px}.modalBox .form,.modalBox .formGrid{grid-template-columns:1fr!important}.wgStatusStrip{grid-template-columns:1fr 1fr}.wgFacts{grid-template-columns:1fr}.wgCommandActions>*{flex:1}.wgTrafficChart{height:135px}}
@media(max-width:420px){.wgStatusStrip{grid-template-columns:1fr}.workspaceMetrics{grid-template-columns:1fr}.top .pill{display:none}}

/* LUQ OS 14.10.4 — responsive fit and MikroTik registry polish.
   This is the final override layer: it keeps every large module inside the
   viewport, moves overflow into inner panels and prevents edit controls from
   covering widgets. */
html,body,#root{height:100%;min-height:0;overflow:hidden}
.app{height:100dvh;min-height:0;overflow:hidden}
.side{height:100dvh;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}
.main{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.top{flex:0 0 auto;min-height:44px}
.content{flex:1 1 auto;min-height:0;overflow:auto!important;overflow-x:hidden!important;padding-bottom:max(78px,env(safe-area-inset-bottom))!important;scrollbar-gutter:stable}
.content>*{min-width:0}
.dashboardEditor{height:100%;min-height:0;overflow:visible!important}
.dashboardGrid.commandCentreLayout{grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-auto-rows:minmax(78px,auto)!important;grid-auto-flow:row dense!important;gap:12px!important;align-items:start!important;min-height:0!important;overflow:visible!important}
.dashboardGrid.commandCentreLayout>.dashboardEditable{contain:layout style;position:relative;z-index:1}
.dashboardGrid.commandCentreLayout>.dashboardEditable.isSelected{z-index:7}
.dashboardGrid.commandCentreLayout>.dashboardEditable>.widget{display:flex!important;flex-direction:column!important;min-width:0!important;max-width:100%!important;max-height:none!important}
.dashboardGrid.commandCentreLayout .widgetHeader{flex:0 0 auto}
.dashboardGrid.commandCentreLayout :is(.mailCommandList,.studioCommandList,.monitorCommandList,.widgetList,.agenda147Body>main){flex:1 1 auto;min-height:0;overflow:auto!important}
.dashboardEditBar{position:sticky!important;top:0!important;z-index:60!important;margin:0 0 12px!important}
.dashboardGrid.commandCentreLayout.editing{padding-top:2px!important}
.dashboardGrid.commandCentreLayout.editing .dashboardEditable{touch-action:none}
.dashboardGrid.commandCentreLayout.editing .dashboardEditable.isDragging{opacity:.82;z-index:20}
.dashboardGrid.commandCentreLayout.editing .dashboardEditable.isResizing{z-index:21}
.dashboardGrid.commandCentreLayout .dashboardItem-calendar .widget{min-height:0!important}
.dashboardGrid.commandCentreLayout .calendarAgenda147{min-height:0!important}
.dashboardGrid.commandCentreLayout .agenda147Head{min-height:42px!important;height:42px!important}
.dashboardGrid.commandCentreLayout .agenda147Body{height:calc(100% - 42px)!important;min-height:0!important}
.dashboardGrid.commandCentreLayout .agenda147Body>aside{min-width:0!important}
.dashboardGrid.commandCentreLayout .agenda147Week{grid-template-columns:repeat(7,minmax(20px,1fr))!important}
.dashboardGrid.commandCentreLayout .agenda147Week button{min-width:0!important}
.dashboardGrid.commandCentreLayout .agenda147Timeline{min-width:0}
.dashboardGrid.commandCentreLayout .agenda147Item{min-width:0;overflow:hidden}
.dashboardGrid.commandCentreLayout .agenda147Item b,
.dashboardGrid.commandCentreLayout .agenda147Item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dashboardGrid.commandCentreLayout .weatherDetails{min-height:0}
.dashboardGrid.commandCentreLayout .systemGaugeRow{min-height:0;overflow:hidden}
.dashboardGrid.commandCentreLayout .systemGauge{width:min(112px,30%);min-width:86px}
.dashboardGrid.commandCentreLayout .mailCommandRow{min-width:0}
.dashboardGrid.commandCentreLayout .mailCommandRow>*{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* SFTP and all remote file views use the same ergonomic table as Pliki. */
.storage147Grid,.storageLayout{height:calc(100dvh - 98px)!important;min-height:0!important;overflow:hidden!important}
.storage147Grid{grid-template-columns:minmax(190px,230px) minmax(0,1fr) minmax(260px,315px)!important}
.storage147Side,.storage147Main,.storage147Preview,.storageTree,.storageFiles,.storagePreview{min-height:0!important;overflow:auto!important}
.storage147Table{width:100%;min-width:760px;table-layout:fixed;border-collapse:collapse}
.storage147Table th,.storage147Table td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.storage147Table th:nth-child(1),.storage147Table td:nth-child(1){width:38px}
.storage147Table th:nth-child(2),.storage147Table td:nth-child(2){width:auto}
.storage147Table th:nth-child(3),.storage147Table td:nth-child(3){width:130px}
.storage147Table th:nth-child(4),.storage147Table td:nth-child(4){width:110px}
.storage147Table th:nth-child(5),.storage147Table td:nth-child(5){width:170px}
.storage147Table th:nth-child(6),.storage147Table td:nth-child(6){width:120px}
.storage147Table .fileName{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.storage147Table .fileName b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fileRow{display:grid!important;grid-template-columns:34px minmax(180px,1.3fr) 110px minmax(145px,.7fr) 100px!important;gap:10px!important;align-items:center;min-width:720px!important}
.fileRow>*{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
@media(max-width:980px){.storage147Grid,.storageLayout{height:auto!important;grid-template-columns:1fr!important;overflow:visible!important}.storage147Side,.storage147Preview,.storageTree,.storagePreview{max-height:260px}.storage147Main,.storageFiles{min-height:420px}.storage147Table{min-width:680px}}

/* All modals and workspace/connector forms stay centered and usable on small screens. */
.modal{box-sizing:border-box;padding:clamp(8px,2vw,22px)!important;align-items:center!important;justify-content:center!important;overflow:auto!important}
.modalBox{box-sizing:border-box;width:min(900px,calc(100vw - 24px))!important;max-width:100%!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important}
.modalBox .form{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}
.modalBox .actions{position:sticky;bottom:0;z-index:2;margin-top:12px;padding-top:12px;background:linear-gradient(180deg,transparent,var(--panel) 28%)}
html[data-theme="light"] .modalBox .actions{background:linear-gradient(180deg,transparent,#fff 28%)}
@media(max-width:680px){.modal{align-items:flex-start!important;padding:6px!important}.modalBox{width:100%!important;max-height:calc(100dvh - 12px)!important;border-radius:14px!important}.modalBox .actions{justify-content:stretch}.modalBox .actions button{flex:1}}

/* WireGuard opens as a registry of MikroTiks. Only after choosing a router do
   we show the full diagnostics and registration centre. */
.wgRegistryPage{height:calc(100dvh - 96px);min-height:0;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden}
.wgRegistrySummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.wgRegistrySummary article{padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 12px 28px var(--shadow)}
.wgRegistrySummary small{display:block;color:var(--mut);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.wgRegistrySummary b{display:block;margin-top:4px;font-size:30px;color:var(--txt)}
.wgRegistrySummary article.ok b{color:#2edb76}.wgRegistrySummary article.error b{color:#ff4a59}
.wgRegistryList{min-height:0;overflow:auto;display:grid;align-content:start;gap:9px;padding-right:3px}
.wgRegistryCard{width:100%;display:grid;grid-template-columns:46px minmax(0,1fr) minmax(230px,.68fr) auto 24px;gap:12px;align-items:center;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--txt);text-align:left;box-shadow:0 10px 24px rgba(0,0,0,.14);transition:transform .14s ease,border-color .14s ease,background .14s ease}
.wgRegistryCard:hover{transform:translateY(-1px);border-color:#4f7aa6;background:linear-gradient(145deg,var(--surface),var(--surface-2))}
.wgRegistryIcon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#173452;color:#60aaff;font-size:20px}
.wgRegistryIdentity{min-width:0}.wgRegistryIdentity b,.wgRegistryIdentity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wgRegistryIdentity b{font-size:15px}.wgRegistryIdentity small{margin-top:3px;color:var(--mut);font-size:10px}
.wgRegistrySignals{display:grid;grid-template-columns:8px auto 8px auto 8px auto;gap:6px;align-items:center;min-width:0;color:var(--mut);font-size:10px;font-weight:800}
.wgRegistrySignals small{white-space:nowrap}
.wgRegistryBadge{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:950;letter-spacing:.05em}
.wgRegistryBadge.ok{background:rgba(46,219,118,.14);color:#37e783}.wgRegistryBadge.error{background:rgba(255,74,89,.15);color:#ff808b}.wgRegistryBadge.warning{background:rgba(242,169,59,.15);color:#ffd082}
.wgRegistryArrow{color:var(--mut);font-size:24px}
.wgRouterBreadcrumb{display:flex;align-items:center;gap:8px;min-width:0;color:var(--mut)}
.wgRouterBreadcrumb button{padding:7px 10px!important}
.wgRouterBreadcrumb b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--txt)}
.wgCommandPage:not(.wgRegistryPage){height:auto;min-height:0;overflow:visible}
@media(max-width:900px){.wgRegistryPage{height:auto;overflow:visible}.wgRegistrySummary{grid-template-columns:1fr 1fr}.wgRegistryCard{grid-template-columns:42px minmax(0,1fr) auto}.wgRegistrySignals{grid-column:2/-1}.wgRegistryArrow{grid-row:1;grid-column:3}.wgRegistryBadge{grid-row:2;grid-column:3}}
@media(max-width:560px){.wgRegistrySummary{grid-template-columns:1fr}.wgRegistryCard{grid-template-columns:40px minmax(0,1fr)}.wgRegistrySignals,.wgRegistryBadge,.wgRegistryArrow{grid-column:1/-1;grid-row:auto;justify-self:start}.wgRegistrySignals{grid-template-columns:8px auto;row-gap:5px}}

/* Light mode contrast for the new command-centre theme. */
html[data-theme="light"] :is(.mailCommandRow,.agenda147Item,.studioCommandRow,.monitorCommandRow){background:#53687d!important;color:#f7fbff!important;border-color:#d1dbe6!important}
html[data-theme="light"] :is(.mailCommandRow b,.mailCommandRow strong,.agenda147Item b,.studioCommandRow b,.monitorCommandRow b){color:#fff!important}
html[data-theme="light"] :is(.wgRegistryCard,.wgRegistrySummary article){background:#fff!important;color:#15243a!important;border-color:#c8d6e3!important;box-shadow:0 10px 28px rgba(34,62,91,.13)!important}