:root{--tucon-bg:#090b0c;--tucon-panel:#151716;--tucon-panel-2:#1c1e1d;--tucon-panel-3:#242625;--tucon-line:#343735;--tucon-text:#f6f5f1;--tucon-muted:#959793;--tucon-soft:#c7c8c4;--tucon-green:#37b65f;--tucon-blue:#7194ff;--tucon-warm:#d39a72;--tucon-danger:#d56b5f;--tucon-radius:18px;--tucon-shadow:0 18px 55px #0008;color-scheme:dark}
body.portal-authenticated{background:radial-gradient(circle at 8% 12%,#2b1712 0,transparent 28%),radial-gradient(circle at 80% 85%,#16211d 0,transparent 32%),linear-gradient(135deg,#090a0b,#0e1114 55%,#0a0b0c);color:var(--tucon-text)}
body.portal-authenticated .portal-shell{grid-template-columns:250px minmax(0,1fr);background:transparent}
.portal-sidebar{background:rgba(13,14,14,.88);border-right:1px solid #2b2d2c;padding:32px 20px;backdrop-filter:blur(18px)}
.portal-logo{height:74px;margin:0 0 24px;padding:0 8px 24px;border-bottom:1px solid #2d302e}
.portal-logo img{display:block;width:180px;height:auto;filter:none}
.portal-logo b,.portal-logo span{display:none}
.side-label{padding:18px 12px 8px;color:#686b68;font-size:9px;letter-spacing:.18em}
.side-nav{gap:6px}.side-nav button{min-height:46px;padding:12px 14px;border:1px solid transparent;border-radius:13px;color:#a7aaa6;font-size:13px;background:transparent}.side-nav button:hover{background:#1a1c1b;color:#fff}.side-nav button.active{background:linear-gradient(180deg,#303230,#242625);border-color:#444744;color:#fff;box-shadow:inset 0 1px #ffffff12,0 8px 24px #0005}.side-nav button.active:before{content:"";width:5px;height:5px;margin-right:1px;border-radius:50%;background:#fff}.nav-icon{color:#8d908c}.sidebar-status{border-color:#303330;background:#171918;color:#fff}.sidebar-status small{color:#747873}.sidebar-status i{background:var(--tucon-green);box-shadow:0 0 12px #37b65f}.sidebar-logout{color:#858985!important}
.portal-main{background:transparent}.portal-topbar{height:96px;padding:0 42px;background:rgba(9,11,12,.64);border-bottom:1px solid #2a2d2b;backdrop-filter:blur(24px)}.portal-topbar h1{color:#fff;font-size:21px}.portal-topbar p{color:#747875}.top-actions button{width:40px;height:40px;border:1px solid #333634;background:#1b1d1c;color:#d6d7d3;border-radius:12px}
.portal-content{max-width:1480px;padding:40px 42px 84px}.content-heading{margin-bottom:28px}.content-heading h2{color:#fff;font-size:34px;font-weight:720;letter-spacing:-.045em}.content-heading p{color:#858884;font-size:13px}.eyebrow{color:#777b77;font-size:9px;letter-spacing:.18em}.portal-content button{border:1px solid #414440;background:linear-gradient(180deg,#373936,#2b2d2b);color:#fff;box-shadow:inset 0 1px #ffffff15,0 8px 24px #0004}.portal-content button:hover{background:#424440}.portal-content button.secondary{border-color:#383b38;background:#202220;color:#d8d9d5}.portal-content .text-button{border:0!important;background:transparent!important;color:#aeb1ad!important;box-shadow:none}
.portal-card,.metric{background:linear-gradient(145deg,rgba(32,34,33,.96),rgba(19,21,20,.96));border:1px solid #383b38;box-shadow:var(--tucon-shadow);border-radius:var(--tucon-radius)}.portal-card{padding:24px;margin-bottom:20px}.metric{padding:22px}.metric:after{background:radial-gradient(circle,#ffffff0b 0,transparent 68%);width:110px;height:110px;right:-34px;top:-38px}.metric>span{color:#777b77}.metric>strong{color:#fff;font-size:34px}.metric>small{color:#777b77}.metric.success:before{background:var(--tucon-green)}.metric.warning:before{background:#e6a356}.section-head{border-bottom:1px solid #343734}.section-head h3{color:#f3f3ef}.section-head>span,.table-tools>span{color:#747874}
.activity-row,.attention-row,.entity-row,.green-row{background:transparent!important;color:#f3f3ef!important;border-bottom:1px solid #303330}.activity-row:hover,.attention-row:hover,.entity-row:hover,.green-row:hover{background:#222422!important}.activity-row small,.attention-row small,.entity-row small,.green-row small,.audit-row small{color:#767a76}.row-icon,.green-device,.avatar{background:#292c29;color:#e8e9e5;border:1px solid #3a3d3a}.green-device{background:#15251b;color:#55ca78}.warning-dot{background:#352a1a;color:#e9b460}.healthy-state{color:#d0d2ce}.healthy-state>span{background:#18351f;color:#5bd07c}.healthy-state small{color:#6e726e}.audit-row{border-color:#303330}.audit-row time{color:#70746f}
.table-card{padding:0}.table-tools{border-color:#343734}.portal-search{background:#171918;border-color:#343734;color:#717570}.portal-search input{color:#f0f1ed}.portal-table th{background:#171918;color:#737773}.portal-table th,.portal-table td{border-color:#303330}.portal-table td{color:#bbbdb9}.table-primary{color:#f4f4f0!important;box-shadow:none!important}.table-primary small{color:#747874}.icon-action{background:#252725!important;color:#e2e3df!important;border-color:#393c39!important}.soft-status.active,.portal-status.online{background:#17341f;color:#5bd17c}.soft-status.warning{background:#3a2c18;color:#e8b35e}.soft-status.neutral{background:#282b28;color:#9b9e99}.portal-status.offline{background:#3d201d;color:#e78d82}.back-link{color:#949894!important}.detail-card dl>div{border-color:#313431}.detail-card dt{color:#747874}.detail-card dd{color:#e8e9e5}.portal-pairing{background:#18271f!important;border-color:#3d644b!important}.portal-pairing span{color:#8f978f}.action-grid button.secondary{background:#222422}.danger-soft{background:#351d1b!important;color:#f09a90!important;border-color:#59312d!important}.monitor-alert{background:#2e261a!important;color:#e9d2aa!important;border-color:#4a3a24!important}.portal-empty p,.muted{color:#777b77}
/* Login follows the same visual language */body:not(.portal-authenticated){background:radial-gradient(circle at 8% 12%,#321a13,transparent 30%),linear-gradient(135deg,#090a0b,#111416);color:#fff;min-height:100vh}body:not(.portal-authenticated)>main>header span{color:#aaa}body:not(.portal-authenticated)>main>header h1{color:#fff}body:not(.portal-authenticated) .card{background:#171918;border-color:#373a37;color:#fff;box-shadow:var(--tucon-shadow)}body:not(.portal-authenticated) input{background:#101211;border-color:#363936;color:#fff}
/* Studio — same TUCON dark glass system */.detail-dialog{border-color:#323532!important;background:#0b0d0e!important;box-shadow:0 35px 110px #000c!important}.detail-dialog::backdrop{background:#050606df!important;backdrop-filter:blur(7px)!important}.detail-dialog>#close-detail{top:22px!important;right:24px!important;border-color:#3b3e3b!important;background:#232522!important;color:#eee!important}.editor-heading{background:#111312!important;border-bottom-color:#303330!important;padding-left:266px!important}.editor-heading h2,.editor-toolbar h3{color:#f6f5f1!important}.editor-heading p,.editor-toolbar p{color:#777b77!important}.editor-kicker,.section-kicker{color:#858985!important}.studio-tabs{background:linear-gradient(180deg,#0c0d0e,#111312)!important;border-right:1px solid #2c2f2c!important}.studio-brand{height:72px!important;padding:0 10px 22px!important;background:url('/tucon-logo-dark.svg') no-repeat 10px 4px/170px auto!important}.studio-brand>b,.studio-brand>span{display:none!important}.studio-tabs .studio-navigation button{border-color:transparent!important;color:#8d918c!important;background:transparent!important;box-shadow:none!important}.studio-tabs .studio-navigation button:hover{background:#1a1c1b!important;color:#fff!important}.studio-tabs .studio-navigation button.active{border-color:#3e413e!important;background:linear-gradient(180deg,#303230,#242624)!important;color:#fff!important;box-shadow:inset 0 1px #ffffff10!important}.studio-tabs .studio-navigation button.active i{background:#4b4e4a!important;color:#fff!important}.studio-navigation button small{color:#656965!important}.studio-sidebar-footer{border-color:#2d302d!important;color:#747874!important}.studio-content{background:radial-gradient(circle at 88% 12%,#18201e,transparent 28%),linear-gradient(145deg,#0c0e0f,#111413)!important}.studio-panel{color:#e8e9e5!important}#detail button{border:1px solid #414440!important;background:linear-gradient(180deg,#383a37,#2a2c29)!important;color:#f7f7f3!important;box-shadow:inset 0 1px #ffffff13,0 8px 22px #0004!important}#detail button.secondary{background:#202220!important;border-color:#383b38!important;color:#dadbd7!important}#detail button.danger{background:#512622!important;border-color:#68342f!important;color:#ffb1a8!important}#detail label{color:#aaaEaa!important}#detail input:not([type=checkbox]),#detail select{background:#151716!important;border-color:#3a3d3a!important;color:#f3f3ef!important;box-shadow:none!important}#detail input:not([type=checkbox]):focus,#detail select:focus{border-color:#6a6e69!important;box-shadow:0 0 0 3px #ffffff0b!important}.source-palette,.canvas-section,.integration-workspace>aside,.integration-editor,.integration-form,.settings-card,.style-summary,.publish-grid article,.configuration-version{background:linear-gradient(145deg,#1e201e,#151715)!important;border-color:#383b38!important;box-shadow:0 15px 38px #0005!important}.palette-heading,.list-heading,.integration-form>h4:first-child,.version-heading{border-color:#343734!important}.palette-heading h4,.canvas-heading h4,.integration-card strong,.integration-form h4,.card-source strong{color:#f2f2ee!important}.palette-heading>small,.canvas-heading>small,.source-item small,.card-source small,.integration-card small{color:#747874!important}.search-field input{background:#121412!important}.source-item,.room-row,.studio-config-card,.integration-card,.mapping-row{background:#191b19!important;border-color:#343734!important;color:#dedfdb!important}.source-item:hover,.integration-card:hover,.studio-config-card:hover{background:#222422!important;border-color:#484b48!important}.source-item b,.room-number{background:#383b38!important;color:#fff!important}.list-heading{color:#ddd!important}.list-heading span{background:#303330!important;color:#ddd!important}.json-picker{background:#080a09!important;color:#d8dad5!important}.json-leaf code{color:#9ca19c!important}.style-summary .mini-screen,.tablet-frame{background:radial-gradient(circle at 15% 8%,#2a1711,transparent 28%),#0b0d0e!important;border-color:#2d302d!important}.tablet-frame{box-shadow:0 30px 90px #000b!important}.tablet-frame nav{background:#171918!important}.preview-card{background:linear-gradient(145deg,#242624,#151715)!important;border-color:#3c403c!important}.configuration-message,.success{color:#61cf7e!important}.issues{color:#ef9287!important}
@media(max-width:760px){body.portal-authenticated .portal-shell{grid-template-columns:72px minmax(0,1fr)}.portal-logo img{width:42px;object-fit:cover;object-position:left}.portal-topbar{padding:0 18px}.portal-content{padding:24px 16px 54px}}