:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#213242;background:#f5f7f9;font-synthesis:none;--accent:#087f78;--muted:#657789;--border:#e2e8ee;--nav:#122534;--red:#ad3544}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:calc(3px * var(--ui-density, 1)) solid #48bdb5;outline-offset:calc(3px * var(--ui-density, 1))}button{transition:background .15s,color .15s}h1,h2,h3,p{margin-top:0}h1{font-size:calc(34px * var(--ui-density, 1));letter-spacing:-1px;line-height:1.2;margin-bottom:calc(12px * var(--ui-density, 1));font-weight:650}h2{font-size:calc(18px * var(--ui-density, 1));letter-spacing:-.3px}h3{font-size:calc(17px * var(--ui-density, 1))}p{line-height:1.6}.muted,.footnote{color:var(--muted)}.muted{font-size:calc(14px * var(--ui-density, 1))}.eyebrow{font-size:calc(11px * var(--ui-density, 1));letter-spacing:1.9px;font-weight:700;display:block;color:var(--accent);margin-bottom:calc(12px * var(--ui-density, 1))}.dot{display:inline-block;width:calc(7px * var(--ui-density, 1));height:calc(7px * var(--ui-density, 1));border-radius:50%;background:#1aa58e;flex-shrink:0}.pill{display:inline-flex;gap:calc(7px * var(--ui-density, 1));align-items:center;font-size:calc(11px * var(--ui-density, 1));font-weight:650;padding:calc(6px * var(--ui-density, 1)) calc(10px * var(--ui-density, 1));border-radius:calc(6px * var(--ui-density, 1));background:#eaf5f2;color:#15766a;white-space:nowrap}.local{background:#eaf2f1;border:1px solid #d5e7e4;color:#386b67}.brand{display:flex;align-items:center;gap:calc(8px * var(--ui-density, 1));font-size:calc(27px * var(--ui-density, 1));font-weight:750;letter-spacing:-1px}.brand.light{color:#fff}.brand-symbol{background:#1faaa0;color:#102c36;width:calc(34px * var(--ui-density, 1));height:calc(35px * var(--ui-density, 1));border-radius:calc(9px * var(--ui-density, 1));display:grid;place-items:center;font-size:calc(31px * var(--ui-density, 1));font-weight:800;line-height:1}.brand-small{font-size:calc(11px * var(--ui-density, 1));letter-spacing:1px;color:#91a8b6;font-weight:400;margin-top:calc(8px * var(--ui-density, 1))}.button{display:inline-flex;align-items:center;justify-content:center;gap:calc(10px * var(--ui-density, 1));border-radius:calc(7px * var(--ui-density, 1));padding:calc(11px * var(--ui-density, 1)) calc(17px * var(--ui-density, 1));font-size:calc(13px * var(--ui-density, 1));font-weight:600;border:1px solid transparent;white-space:nowrap}.primary{background:var(--accent);color:white}.primary:hover{background:#076b65}.secondary{background:white;border-color:#d7e1e8;color:#405466;box-shadow:0 1px 2px #182e3f05}.secondary:hover{background:#eef5f5}.full{width:100%;justify-content:space-between}.small{padding:calc(8px * var(--ui-density, 1)) calc(12px * var(--ui-density, 1));font-size:calc(12px * var(--ui-density, 1))}.notice{font-size:calc(13px * var(--ui-density, 1));padding:calc(13px * var(--ui-density, 1)) calc(16px * var(--ui-density, 1));border:1px solid;border-radius:calc(7px * var(--ui-density, 1));line-height:1.6}.error{color:#9e3041;border-color:#f0cdd4;background:#fff3f5}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-story{background:var(--nav);color:#fff;padding:calc(42px * var(--ui-density, 1)) calc(54px * var(--ui-density, 1));display:flex;flex-direction:column;min-height:100vh;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;width:calc(540px * var(--ui-density, 1));height:calc(540px * var(--ui-density, 1));border:1px solid #ffffff09;border-radius:50%;right:calc(-230px * var(--ui-density, 1));bottom:calc(-230px * var(--ui-density, 1));box-shadow:0 0 0 calc(65px * var(--ui-density, 1)) #ffffff03,0 0 0 calc(130px * var(--ui-density, 1)) #ffffff02;pointer-events:none}.story-content{margin:auto 0;padding:calc(50px * var(--ui-density, 1)) 0;max-width:calc(430px * var(--ui-density, 1))}.story-content .eyebrow{color:#64c5b7}.story-content h1{font-size:clamp(calc(32px * var(--ui-density, 1)),3.9vw,calc(56px * var(--ui-density, 1)));letter-spacing:-2px;line-height:1.12;margin:calc(20px * var(--ui-density, 1)) 0 calc(24px * var(--ui-density, 1))}.story-content p{color:#9db1bf;font-size:calc(15px * var(--ui-density, 1));max-width:calc(350px * var(--ui-density, 1))}.story-footer{font-size:calc(11px * var(--ui-density, 1));color:#78909f;letter-spacing:.5px}.story-diagram{margin-top:calc(44px * var(--ui-density, 1));max-width:calc(345px * var(--ui-density, 1))}.diagram-node{border:1px solid #416571;background:#1a3644;padding:calc(14px * var(--ui-density, 1));border-radius:calc(8px * var(--ui-density, 1));text-align:center;font-size:calc(13px * var(--ui-density, 1));font-weight:650}.diagram-node span{color:#94b1ba;font-size:calc(11px * var(--ui-density, 1));margin-left:calc(7px * var(--ui-density, 1));font-weight:400}.diagram-line{height:calc(24px * var(--ui-density, 1));width:1px;background:#416571;margin:auto}.diagram-leaves{display:flex;justify-content:space-between;gap:calc(10px * var(--ui-density, 1));border-top:1px solid #416571;padding-top:calc(15px * var(--ui-density, 1))}.diagram-leaves span{padding:calc(10px * var(--ui-density, 1));border:1px solid #35515f;border-radius:calc(6px * var(--ui-density, 1));flex:1;text-align:center;font-size:calc(11px * var(--ui-density, 1));color:#a9c3c9;background:#172e3d}.login-main{display:flex;align-items:center;justify-content:center;background:#fff;padding:calc(50px * var(--ui-density, 1))}.login-card{width:100%;max-width:calc(370px * var(--ui-density, 1))}.login-card h2{font-size:calc(28px * var(--ui-density, 1));margin:calc(26px * var(--ui-density, 1)) 0 calc(10px * var(--ui-density, 1));letter-spacing:-.8px}.login-card form{margin-top:calc(32px * var(--ui-density, 1))}.login-card label{display:block;font-size:calc(12px * var(--ui-density, 1));font-weight:650;margin:calc(20px * var(--ui-density, 1)) 0 calc(8px * var(--ui-density, 1))}.login-card input{width:100%;padding:calc(13px * var(--ui-density, 1)) calc(14px * var(--ui-density, 1));border:1px solid #d4dee6;border-radius:calc(6px * var(--ui-density, 1));font-size:calc(13px * var(--ui-density, 1));background:#fff;color:#203443}.login-card input::placeholder{color:#95a2ae}.password-wrap{position:relative}.password-wrap input{padding-right:calc(60px * var(--ui-density, 1))}.password-wrap button{position:absolute;right:calc(8px * var(--ui-density, 1));top:calc(7px * var(--ui-density, 1));border:0;background:#f2f6f7;border-radius:calc(4px * var(--ui-density, 1));padding:calc(7px * var(--ui-density, 1)) calc(9px * var(--ui-density, 1));font-size:calc(11px * var(--ui-density, 1));color:#536b7d}.login-card .primary{margin-top:calc(25px * var(--ui-density, 1));padding:calc(14px * var(--ui-density, 1)) calc(16px * var(--ui-density, 1))}.login-help{font-size:calc(12px * var(--ui-density, 1));color:#80909d;margin:calc(23px * var(--ui-density, 1)) 0}.login-security{border-top:1px solid var(--border);padding-top:calc(24px * var(--ui-density, 1));display:flex;gap:calc(9px * var(--ui-density, 1));color:#78908f;font-size:calc(11px * var(--ui-density, 1))}.login-error{margin-top:calc(10px * var(--ui-density, 1))}.login-card .notice{margin-top:calc(15px * var(--ui-density, 1));margin-bottom:0}.app-layout{min-height:100vh;display:grid;grid-template-columns:calc(228px * var(--ui-density, 1)) minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:var(--nav);color:#b6c5cf;display:flex;flex-direction:column;padding:calc(31px * var(--ui-density, 1)) calc(22px * var(--ui-density, 1)) calc(20px * var(--ui-density, 1))}.sidebar .brand{margin-bottom:calc(55px * var(--ui-density, 1))}.nav-label{font-size:calc(9px * var(--ui-density, 1));letter-spacing:1.3px;color:#6d899a;margin:0 calc(12px * var(--ui-density, 1)) calc(15px * var(--ui-density, 1));font-weight:700}.nav-item{display:flex;align-items:center;gap:calc(12px * var(--ui-density, 1));width:100%;border:0;text-align:left;padding:calc(12px * var(--ui-density, 1));color:#c6d8e0;background:none;border-radius:calc(6px * var(--ui-density, 1));font-size:calc(13px * var(--ui-density, 1))}.nav-item.active{background:#203d49;color:#77d4c6}.nav-item>span{font-size:inherit}.nav-count{margin-left:auto;background:#33535b;padding:2px calc(7px * var(--ui-density, 1));border-radius:calc(4px * var(--ui-density, 1));font-size:calc(10px * var(--ui-density, 1))}.sidebar-note{display:flex;align-items:flex-start;gap:calc(9px * var(--ui-density, 1));margin-top:auto;margin-bottom:calc(24px * var(--ui-density, 1));padding:calc(16px * var(--ui-density, 1)) calc(10px * var(--ui-density, 1));color:#a1b8c1;font-size:calc(11px * var(--ui-density, 1))}.sidebar-note .dot{margin-top:calc(3px * var(--ui-density, 1))}.sidebar-note small{display:block;color:#668494;font-size:calc(10px * var(--ui-density, 1));margin-top:calc(7px * var(--ui-density, 1))}.account{display:flex;align-items:center;gap:calc(9px * var(--ui-density, 1));border-top:1px solid #29404e;padding-top:calc(20px * var(--ui-density, 1));min-width:0}.avatar{display:grid;place-items:center;flex-shrink:0;font-weight:700;border-radius:calc(11px * var(--ui-density, 1));font-size:calc(18px * var(--ui-density, 1));width:calc(45px * var(--ui-density, 1));height:calc(45px * var(--ui-density, 1));background:#e4f4ef;color:#1a7a68}.user-avatar{width:calc(33px * var(--ui-density, 1));height:calc(33px * var(--ui-density, 1));font-size:calc(11px * var(--ui-density, 1));background:#314e5d;color:#b7d3db;border-radius:50%}.account div{min-width:0}.account strong{font-size:calc(11px * var(--ui-density, 1));color:#d6e1e7;display:block;overflow:hidden;text-overflow:ellipsis}.account small{font-size:calc(9px * var(--ui-density, 1));display:block;color:#718c9e;margin-top:calc(5px * var(--ui-density, 1))}.logout{display:flex;justify-content:space-between;border:0;background:none;color:#8ea8b8;font-size:calc(11px * var(--ui-density, 1));padding:calc(18px * var(--ui-density, 1)) calc(3px * var(--ui-density, 1)) 2px}.logout:hover{color:#fff}.topbar{height:calc(73px * var(--ui-density, 1));border-bottom:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 calc(38px * var(--ui-density, 1))}.breadcrumb{display:flex;gap:calc(13px * var(--ui-density, 1));align-items:center;font-size:calc(12px * var(--ui-density, 1));color:#8695a3;min-width:0}.breadcrumb button{border:0;background:none;color:#7e8e9b;padding:0}.breadcrumb>span:last-child{color:#344e60;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#workspace{padding:calc(37px * var(--ui-density, 1)) calc(38px * var(--ui-density, 1)) calc(20px * var(--ui-density, 1));max-width:calc(1530px * var(--ui-density, 1));margin:auto;outline:none;min-height:calc(100vh - calc(73px * var(--ui-density, 1)));display:flex;flex-direction:column}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:calc(20px * var(--ui-density, 1));margin-bottom:calc(26px * var(--ui-density, 1))}.page-heading p{margin:0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(18px * var(--ui-density, 1));margin-bottom:calc(34px * var(--ui-density, 1))}.stat{background:#fff;border:1px solid var(--border);border-radius:calc(9px * var(--ui-density, 1));padding:calc(22px * var(--ui-density, 1)) calc(23px * var(--ui-density, 1));box-shadow:0 2px calc(3px * var(--ui-density, 1)) #263c4d02}.stat>span{display:block;color:#647889;font-size:calc(12px * var(--ui-density, 1));font-weight:550}.stat strong{display:block;font-size:calc(32px * var(--ui-density, 1));font-weight:650;letter-spacing:-1px;margin:calc(12px * var(--ui-density, 1)) 0 calc(7px * var(--ui-density, 1))}.stat small{font-size:calc(11px * var(--ui-density, 1));color:#90a0ad}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:calc(16px * var(--ui-density, 1));margin-bottom:calc(18px * var(--ui-density, 1))}.section-heading h2{font-size:calc(15px * var(--ui-density, 1));margin:0;font-weight:650}.count-label{font-weight:500;font-size:calc(11px * var(--ui-density, 1));color:#7b8d9c;margin-left:calc(7px * var(--ui-density, 1))}.controls{display:flex;gap:calc(10px * var(--ui-density, 1))}.search-box{display:flex;align-items:center;gap:calc(7px * var(--ui-density, 1));border:1px solid #dce4ea;background:white;border-radius:calc(6px * var(--ui-density, 1));padding:0 calc(11px * var(--ui-density, 1));color:#7a8e9d}.search-box>span[aria-hidden]{font-size:calc(22px * var(--ui-density, 1));line-height:1}.search-box input{min-width:0;width:calc(160px * var(--ui-density, 1));padding:calc(10px * var(--ui-density, 1)) 0;border:0;background:none;font-size:calc(12px * var(--ui-density, 1));color:#344e60}.search-box input:focus{outline:none}.search-box:focus-within{outline:2px solid #55ada7;outline-offset:2px}select{border:1px solid #dce4ea;border-radius:calc(6px * var(--ui-density, 1));background:#fff;color:#536c7e;padding:calc(9px * var(--ui-density, 1)) calc(28px * var(--ui-density, 1)) calc(9px * var(--ui-density, 1)) calc(10px * var(--ui-density, 1));font-size:calc(11px * var(--ui-density, 1));max-width:100%}.client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(18px * var(--ui-density, 1))}.client-card{background:#fff;border:1px solid var(--border);border-radius:calc(9px * var(--ui-density, 1));padding:calc(22px * var(--ui-density, 1));display:flex;flex-direction:column;text-align:left;box-shadow:0 2px calc(4px * var(--ui-density, 1)) #18344a03;min-height:calc(199px * var(--ui-density, 1));color:inherit;min-width:0}.client-card:hover{border-color:#71b4ac;box-shadow:0 calc(5px * var(--ui-density, 1)) calc(16px * var(--ui-density, 1)) #1648440a}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:calc(23px * var(--ui-density, 1));gap:calc(7px * var(--ui-density, 1))}.tone-1{background:#edf0fc;color:#6678af}.tone-2{background:#fbefe2;color:#b18b54}.tone-3{background:#f3eafb;color:#9373b6}.client-card h3{margin-bottom:calc(7px * var(--ui-density, 1));font-weight:650;overflow-wrap:anywhere}.client-card p{font-size:calc(11px * var(--ui-density, 1));color:#8597a4;margin:0}.card-bottom{margin-top:calc(23px * var(--ui-density, 1));border-top:1px solid #edf1f4;padding-top:calc(14px * var(--ui-density, 1));display:flex;justify-content:space-between;font-size:calc(11px * var(--ui-density, 1));color:var(--accent);font-weight:600}.pill.viewer{background:#eef2f7;color:#6f7f91}.footnote{font-size:calc(11px * var(--ui-density, 1));margin:calc(18px * var(--ui-density, 1)) 0;line-height:1.5}.empty-state{text-align:center;padding:calc(54px * var(--ui-density, 1)) calc(20px * var(--ui-density, 1));background:#fff;border:1px dashed #d5e2e8;border-radius:calc(8px * var(--ui-density, 1))}.empty-icon{display:block;font-size:calc(32px * var(--ui-density, 1));color:#9cb9c3;margin-bottom:calc(13px * var(--ui-density, 1))}.empty-state h3{font-size:calc(16px * var(--ui-density, 1))}.empty-state p{font-size:calc(13px * var(--ui-density, 1));color:var(--muted);margin:0}.page-footer{display:flex;justify-content:space-between;gap:calc(10px * var(--ui-density, 1));padding-top:calc(25px * var(--ui-density, 1));border-top:1px solid #e1e7ed;font-size:calc(10px * var(--ui-density, 1));color:#91a1ae;margin-top:auto}.back-link{border:0;background:none;padding:0;color:#5c7e90;font-size:calc(12px * var(--ui-density, 1));margin-bottom:calc(23px * var(--ui-density, 1))}.subtitle-line{display:flex;gap:calc(12px * var(--ui-density, 1));align-items:center;flex-wrap:wrap}.online-dot{background:#23a281;margin-right:calc(4px * var(--ui-density, 1))}.offline-dot{background:#a0adb8;margin-right:calc(4px * var(--ui-density, 1))}.device-panel{background:white;border:1px solid var(--border);border-radius:calc(9px * var(--ui-density, 1));overflow:hidden}.device-panel .section-heading{padding:calc(21px * var(--ui-density, 1)) calc(22px * var(--ui-density, 1));margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:calc(12px * var(--ui-density, 1))}th{background:#f8fafb;color:#7e909e;font-size:calc(10px * var(--ui-density, 1));font-weight:600;padding:calc(13px * var(--ui-density, 1)) calc(16px * var(--ui-density, 1));border-top:1px solid #edf1f4;border-bottom:1px solid #e5ecf1;white-space:nowrap}td{padding:calc(19px * var(--ui-density, 1)) calc(16px * var(--ui-density, 1));border-bottom:1px solid #edf1f4;vertical-align:middle}td strong{display:block;font-size:calc(12px * var(--ui-density, 1));font-weight:650}td small{display:block;color:#8c9da9;font-size:calc(10px * var(--ui-density, 1));margin-top:calc(6px * var(--ui-density, 1));max-width:calc(170px * var(--ui-density, 1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-name{display:flex;align-items:center;gap:calc(10px * var(--ui-density, 1));min-width:calc(150px * var(--ui-density, 1))}.computer-icon{display:grid;place-items:center;border:1px solid #e2e9ee;border-radius:calc(6px * var(--ui-density, 1));background:#f5f8fa;width:calc(33px * var(--ui-density, 1));height:calc(33px * var(--ui-density, 1));font-size:calc(20px * var(--ui-density, 1));color:#6f8a9b;flex-shrink:0}.device-name>div{min-width:0}.device-name strong{max-width:calc(185px * var(--ui-density, 1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status{font-size:calc(10px * var(--ui-density, 1));display:inline-flex;align-items:center;gap:calc(5px * var(--ui-density, 1));white-space:nowrap;border-radius:calc(5px * var(--ui-density, 1));background:#eaf7f1;color:#298a70;padding:calc(5px * var(--ui-density, 1)) calc(7px * var(--ui-density, 1))}.status.offline{background:#f0f3f6;color:#8494a1}.status.offline .dot{background:#97a5b1}.metric{min-width:calc(74px * var(--ui-density, 1))}.metric-label{font-size:calc(12px * var(--ui-density, 1));font-weight:550}.metric small{font-size:calc(9px * var(--ui-density, 1))}.metric meter{display:block;width:calc(72px * var(--ui-density, 1));height:calc(5px * var(--ui-density, 1));border:0;border-radius:calc(4px * var(--ui-density, 1));margin-top:calc(7px * var(--ui-density, 1));background:#edf2f5;appearance:none}.metric meter::-webkit-meter-bar{background:#edf2f5;border:0;border-radius:calc(4px * var(--ui-density, 1));height:calc(5px * var(--ui-density, 1))}.metric meter::-webkit-meter-optimum-value{background:#42a79c;border-radius:calc(4px * var(--ui-density, 1))}.metric meter::-webkit-meter-suboptimum-value{background:#d3a15a;border-radius:calc(4px * var(--ui-density, 1))}.metric meter::-webkit-meter-even-less-good-value{background:#ca717c;border-radius:calc(4px * var(--ui-density, 1))}.metric meter::-moz-meter-bar{background:#42a79c}.offline-row .metric{opacity:.65}.details-button{border:0;color:#598294;background:none;font-size:calc(18px * var(--ui-density, 1));padding:calc(5px * var(--ui-density, 1)) calc(9px * var(--ui-density, 1))}.details-button:hover{background:#edf5f5;border-radius:calc(5px * var(--ui-density, 1))}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:calc(10px * var(--ui-density, 1));padding:calc(15px * var(--ui-density, 1)) calc(22px * var(--ui-density, 1));color:#8c9ca9;font-size:calc(10px * var(--ui-density, 1));min-height:calc(50px * var(--ui-density, 1))}.table-message{padding:calc(40px * var(--ui-density, 1)) calc(25px * var(--ui-density, 1));text-align:center;color:#8395a2;font-size:calc(13px * var(--ui-density, 1));margin:0}.table-message:empty{display:none}.icon-button{background:#f0f4f6;border:0;border-radius:50%;width:calc(32px * var(--ui-density, 1));height:calc(32px * var(--ui-density, 1));color:#637c8b;font-size:calc(23px * var(--ui-density, 1))}.skip-link{position:fixed;left:calc(250px * var(--ui-density, 1));top:calc(-100px * var(--ui-density, 1));background:#fff;padding:calc(12px * var(--ui-density, 1));z-index:10}.skip-link:focus{top:calc(10px * var(--ui-density, 1))}dialog{border:1px solid #d4e1e8;border-radius:calc(12px * var(--ui-density, 1));width:min(calc(580px * var(--ui-density, 1)),calc(100% - calc(32px * var(--ui-density, 1))));padding:calc(28px * var(--ui-density, 1));color:#273e4c;box-shadow:0 calc(20px * var(--ui-density, 1)) calc(90px * var(--ui-density, 1)) #10243140}dialog::backdrop{background:#10243180;backdrop-filter:blur(calc(3px * var(--ui-density, 1)))}.dialog-heading{display:flex;justify-content:space-between;align-items:start;gap:calc(15px * var(--ui-density, 1))}.dialog-heading h2{font-size:calc(23px * var(--ui-density, 1));overflow-wrap:anywhere}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(20px * var(--ui-density, 1));margin-top:calc(26px * var(--ui-density, 1))}.detail-grid div{min-width:0}.detail-grid dt{color:#8a9ca8;font-size:calc(10px * var(--ui-density, 1));text-transform:uppercase;letter-spacing:.6px}.detail-grid dd{margin:calc(7px * var(--ui-density, 1)) 0 0;font-size:calc(13px * var(--ui-density, 1));overflow-wrap:anywhere}.detail-grid .wide{grid-column:1/-1}@media(min-width:1500px){.client-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1120px){.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-layout{grid-template-columns:calc(200px * var(--ui-density, 1)) minmax(0,1fr)}.sidebar{padding:calc(28px * var(--ui-density, 1)) calc(15px * var(--ui-density, 1)) calc(20px * var(--ui-density, 1))}#workspace{padding:calc(28px * var(--ui-density, 1)) calc(25px * var(--ui-density, 1)) calc(20px * var(--ui-density, 1))}.topbar{padding:0 calc(25px * var(--ui-density, 1))}.section-heading{align-items:flex-start;flex-wrap:wrap}.stat{padding:calc(19px * var(--ui-density, 1)) calc(17px * var(--ui-density, 1))}.stat small{font-size:calc(10px * var(--ui-density, 1))}.login-story{padding:calc(38px * var(--ui-density, 1))}}@media(max-width:760px){.login-layout{grid-template-columns:1fr}.login-story{min-height:auto;padding:calc(24px * var(--ui-density, 1)) calc(28px * var(--ui-density, 1))}.story-content,.story-footer{display:none}.login-main{padding:calc(42px * var(--ui-density, 1)) calc(25px * var(--ui-density, 1));min-height:calc(100vh - calc(83px * var(--ui-density, 1)))}.app-layout{display:block}.sidebar{position:static;height:auto;padding:calc(15px * var(--ui-density, 1)) calc(20px * var(--ui-density, 1));display:flex;flex-direction:row;align-items:center;gap:calc(15px * var(--ui-density, 1));flex-wrap:wrap}.sidebar .brand{margin:0;flex:1}.sidebar .brand-small,.nav-label,.sidebar-note,.account{display:none}.sidebar nav{order:3;width:100%}.nav-item{padding:calc(8px * var(--ui-density, 1)) calc(12px * var(--ui-density, 1))}.logout{padding:0;font-size:calc(11px * var(--ui-density, 1));gap:calc(12px * var(--ui-density, 1))}.topbar{height:calc(57px * var(--ui-density, 1));padding:0 calc(20px * var(--ui-density, 1))}#workspace{padding:calc(26px * var(--ui-density, 1)) calc(20px * var(--ui-density, 1)) calc(16px * var(--ui-density, 1));min-height:calc(100vh - calc(173px * var(--ui-density, 1)))}h1{font-size:calc(27px * var(--ui-density, 1))}.page-heading{align-items:flex-start;gap:calc(10px * var(--ui-density, 1))}.page-heading .secondary{font-size:calc(11px * var(--ui-density, 1));padding:calc(9px * var(--ui-density, 1)) calc(11px * var(--ui-density, 1))}.page-heading .muted{font-size:calc(12px * var(--ui-density, 1))}.stats-grid{gap:calc(8px * var(--ui-density, 1));margin-bottom:calc(27px * var(--ui-density, 1))}.stat{padding:calc(15px * var(--ui-density, 1)) calc(10px * var(--ui-density, 1))}.stat>span{font-size:calc(10px * var(--ui-density, 1));line-height:1.4;min-height:calc(28px * var(--ui-density, 1))}.stat strong{font-size:calc(25px * var(--ui-density, 1));margin:calc(7px * var(--ui-density, 1)) 0}.stat small{display:none}.controls{width:100%;gap:calc(8px * var(--ui-density, 1))}.search-box{flex:1;min-width:0}.search-box input{width:100%}.client-grid{gap:calc(12px * var(--ui-density, 1))}.client-card{padding:calc(17px * var(--ui-density, 1));min-height:calc(184px * var(--ui-density, 1))}.client-card h3{font-size:calc(15px * var(--ui-density, 1))}.card-top{flex-wrap:wrap;margin-bottom:calc(17px * var(--ui-density, 1))}.avatar{width:calc(38px * var(--ui-density, 1));height:calc(38px * var(--ui-density, 1));font-size:calc(14px * var(--ui-density, 1))}.pill{font-size:calc(10px * var(--ui-density, 1))}.device-panel .section-heading{padding:calc(18px * var(--ui-density, 1)) calc(14px * var(--ui-density, 1))}.page-footer{font-size:calc(9px * var(--ui-density, 1));padding-top:calc(20px * var(--ui-density, 1))}.breadcrumb{font-size:calc(11px * var(--ui-density, 1))}.detail-grid{gap:calc(17px * var(--ui-density, 1))}.skip-link{left:calc(15px * var(--ui-density, 1))}}@media(max-width:430px){.client-grid{grid-template-columns:1fr}.client-card{min-height:calc(170px * var(--ui-density, 1))}.card-top{margin-bottom:calc(15px * var(--ui-density, 1))}.login-card h2{font-size:calc(25px * var(--ui-density, 1))}.local{font-size:calc(9px * var(--ui-density, 1))}.breadcrumb{gap:calc(7px * var(--ui-density, 1))}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.success{color:#177765;border-color:#c4e5dc;background:#edf8f3}
.client-form label{display:block;font-size:calc(13px * var(--ui-density, 1));font-weight:600;margin:calc(20px * var(--ui-density, 1)) 0 calc(8px * var(--ui-density, 1))}.client-form input{width:100%;padding:calc(12px * var(--ui-density, 1));border:1px solid #d4dee6;border-radius:calc(6px * var(--ui-density, 1))}.form-actions{display:flex;justify-content:flex-end;gap:calc(12px * var(--ui-density, 1));margin-top:calc(24px * var(--ui-density, 1))}#new-client{margin-top:calc(20px * var(--ui-density, 1))}

.language-control{display:flex;align-items:center;gap:calc(8px * var(--ui-density, 1));font-size:calc(13px * var(--ui-density, 1))}.language-select{padding:calc(7px * var(--ui-density, 1)) calc(10px * var(--ui-density, 1));min-width:calc(100px * var(--ui-density, 1))}.login-card>.language-control{display:flex;align-items:center;justify-content:flex-start;gap:calc(12px * var(--ui-density, 1));margin:0 0 calc(24px * var(--ui-density, 1))}.login-card>.language-control .language-select{margin:0;max-width:100%}.topbar{flex-wrap:wrap;gap:calc(12px * var(--ui-density, 1))}.topbar>.language-control{order:2;margin-left:auto}

.archive-filter{display:flex;align-items:center;gap:calc(12px * var(--ui-density, 1));flex-wrap:wrap}.archive-filter select{padding:calc(8px * var(--ui-density, 1))}.archived-label{color:var(--muted)}td .details-button{margin-right:calc(8px * var(--ui-density, 1))}

.device-actions{min-width:calc(130px * var(--ui-density, 1))}.device-actions summary{cursor:pointer;list-style:none;display:inline-flex;gap:calc(10px * var(--ui-density, 1));align-items:center}.device-actions summary::after{content:'▾'}.device-actions summary::-webkit-details-marker{display:none}.device-actions summary:focus-visible{outline:2px solid #0c817d;outline-offset:calc(3px * var(--ui-density, 1))}.device-actions-options{display:flex;flex-direction:column;gap:calc(3px * var(--ui-density, 1));background:#fff;border:1px solid #d4dee6;border-radius:calc(8px * var(--ui-density, 1));padding:calc(6px * var(--ui-density, 1));margin-top:calc(8px * var(--ui-density, 1));min-width:calc(235px * var(--ui-density, 1))}.device-actions-options button{text-align:left;border:0;background:transparent;padding:calc(9px * var(--ui-density, 1));border-radius:calc(5px * var(--ui-density, 1));font:inherit;cursor:pointer}.device-actions-options button:hover:not(:disabled){background:#eef5f5}.device-actions-options button:disabled{color:#71808c;cursor:not-allowed}.device-actions-cell{vertical-align:top}

.script-list{display:grid;gap:calc(16px * var(--ui-density, 1));margin:calc(20px * var(--ui-density, 1)) 0}.script-card{background:#fff;border:1px solid #d4dee6;border-radius:calc(10px * var(--ui-density, 1));padding:calc(18px * var(--ui-density, 1));overflow-wrap:anywhere}.script-card h3{margin:0 0 calc(10px * var(--ui-density, 1))}.script-card .device-actions{margin-top:calc(12px * var(--ui-density, 1))}.script-code{white-space:pre-wrap;overflow-wrap:anywhere;max-height:55vh;overflow:auto;background:#f1f5f7;padding:calc(16px * var(--ui-density, 1));text-align:left}.client-form textarea{width:100%;padding:calc(10px * var(--ui-density, 1));border:1px solid #d4dee6;border-radius:calc(6px * var(--ui-density, 1))}.client-form select{max-width:100%;padding:calc(10px * var(--ui-density, 1))}#scripts-view .controls{flex-wrap:wrap}#scripts-view .controls label{display:flex;flex-direction:column;gap:calc(6px * var(--ui-density, 1))}#scripts-view input{padding:calc(9px * var(--ui-density, 1))}#script-file{padding:calc(8px * var(--ui-density, 1))}#script-preview-dialog{width:min(calc(850px * var(--ui-density, 1)),95vw)}

.endpoint-dialog{width:min(calc(850px * var(--ui-density, 1)),94vw);max-height:85vh;overflow:auto}.endpoint-dialog label{display:block;margin:calc(16px * var(--ui-density, 1)) 0 calc(6px * var(--ui-density, 1));font-weight:600}.endpoint-dialog input,.endpoint-dialog select,.endpoint-dialog textarea{display:block;width:100%;padding:calc(10px * var(--ui-density, 1));margin-top:calc(6px * var(--ui-density, 1));border:1px solid #d4dee6;border-radius:calc(6px * var(--ui-density, 1))}.endpoint-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f5f7;padding:calc(16px * var(--ui-density, 1))}.endpoint-dialog .button,#apps-content .button{margin:calc(8px * var(--ui-density, 1)) calc(8px * var(--ui-density, 1)) calc(8px * var(--ui-density, 1)) 0}#apps-content .script-card{margin-top:calc(16px * var(--ui-density, 1))}

.review-state.protected,.finding-state.reviewed{color:#166b47;background:#e5f4eb;border-color:#b8dbc7}.review-state.needs_review,.finding-state.in_progress{color:#875400;background:#fff4d9;border-color:#e2cc91}.review-state.high_risk,.risk-high{color:#a32626;background:#ffe8e8;border-color:#e0a5a5}.review-state.unknown,.finding-state.unreviewed{color:#556274;background:#edf0f4}.finding-state{display:inline-block;border-radius:calc(6px * var(--ui-density, 1));padding:calc(7px * var(--ui-density, 1)) calc(12px * var(--ui-density, 1));font-weight:600}
.endpoint-dialog input[type=checkbox]{display:inline-block;width:auto;margin:0 calc(8px * var(--ui-density, 1));vertical-align:middle}

.workspace-selector{margin-left:auto;display:flex;flex-direction:column;gap:calc(5px * var(--ui-density, 1));font-size:calc(12px * var(--ui-density, 1));min-width:calc(180px * var(--ui-density, 1));max-width:calc(300px * var(--ui-density, 1));order:4}.workspace-selector select{padding:calc(8px * var(--ui-density, 1));border:1px solid #c8d8df;border-radius:calc(8px * var(--ui-density, 1));background:#eef7f5;font-weight:650;max-width:100%}.topbar{flex-wrap:wrap}#nav-count[hidden]{display:none}.endpoint-dialog form>button{margin:calc(8px * var(--ui-density, 1))}
.topbar{height:auto;min-height:calc(72px * var(--ui-density, 1));row-gap:calc(12px * var(--ui-density, 1));padding-top:calc(14px * var(--ui-density, 1));padding-bottom:calc(14px * var(--ui-density, 1))}

.ticket-filters{display:flex;gap:calc(16px * var(--ui-density, 1));flex-wrap:wrap;margin:calc(24px * var(--ui-density, 1)) 0}.ticket-filter{display:grid;gap:calc(8px * var(--ui-density, 1));min-width:calc(160px * var(--ui-density, 1));color:var(--muted)}
.ticket-filter select,.ticket-filter input{padding:calc(10px * var(--ui-density, 1));border:1px solid #d7e0e8;border-radius:calc(8px * var(--ui-density, 1));background:white;color:#25313f}
.ticket-list{display:grid;gap:calc(12px * var(--ui-density, 1))}.ticket-row{display:flex;text-align:left;justify-content:space-between;gap:calc(24px * var(--ui-density, 1));padding:calc(22px * var(--ui-density, 1));background:white;border:1px solid #dde5eb;border-radius:calc(12px * var(--ui-density, 1));cursor:pointer;color:inherit;width:100%}
.ticket-row:hover{border-color:#4b8c83}.ticket-row strong,.ticket-row .muted{display:block}.ticket-row .muted{margin-top:calc(6px * var(--ui-density, 1));font-size:calc(14px * var(--ui-density, 1))}.ticket-preview{margin-bottom:0;overflow-wrap:anywhere}.ticket-badges{display:flex;gap:calc(8px * var(--ui-density, 1));align-items:flex-start;flex-wrap:wrap;min-width:calc(180px * var(--ui-density, 1));justify-content:flex-end}
.ticket-critical{background:#fff0ed;color:#a63220}.ticket-completed{background:#e7f5ed;color:#206743}.ticket-description{white-space:pre-wrap;overflow-wrap:anywhere;padding:calc(14px * var(--ui-density, 1));background:#f4f7f9;border-radius:calc(8px * var(--ui-density, 1))}.ticket-dialog{width:min(calc(760px * var(--ui-density, 1)),90vw)}.ticket-history{margin:calc(24px * var(--ui-density, 1)) 0}.ticket-event{border-top:1px solid #dde5eb;padding:calc(14px * var(--ui-density, 1)) 0}.ticket-event p{margin:calc(5px * var(--ui-density, 1)) 0}
@media(max-width:720px){.ticket-row{flex-direction:column}.ticket-badges{justify-content:flex-start}}

.background-dialog{width:min(calc(1050px * var(--ui-density, 1)),94vw)}.background-output{height:clamp(calc(160px * var(--ui-density, 1)),30vh,calc(320px * var(--ui-density, 1)));overflow:auto;background:#10202d;color:#e2f3e8;border-radius:calc(10px * var(--ui-density, 1));padding:calc(18px * var(--ui-density, 1));white-space:pre-wrap;overflow-wrap:anywhere;font:calc(14px * var(--ui-density, 1))/1.5 Consolas,monospace}.background-dialog textarea{font-family:Consolas,monospace}
.desktop-dialog{width:min(calc(1180px * var(--ui-density, 1)),95vw);max-width:95vw;max-height:94vh;padding:calc(24px * var(--ui-density, 1));border:1px solid #dbe3e9;border-radius:calc(16px * var(--ui-density, 1));overflow:auto}
.desktop-dialog::backdrop{background:rgba(15,23,42,.55)}
.desktop-viewport{min-height:calc(180px * var(--ui-density, 1));display:flex;align-items:center;justify-content:center;background:#18242e;border-radius:calc(8px * var(--ui-density, 1));margin:calc(12px * var(--ui-density, 1)) 0;overflow:hidden}
.desktop-viewport img{display:block;max-width:100%;max-height:62vh;width:auto;height:auto;touch-action:none;cursor:default;user-select:none}
.desktop-viewport img:not([src]){visibility:hidden}
.device-actions-options.device-actions-floating{position:fixed;inset:auto;margin:0;width:min(calc(300px * var(--ui-density, 1)),calc(100vw - calc(24px * var(--ui-density, 1))));min-width:0;max-height:calc(100dvh - calc(24px * var(--ui-density, 1)));overflow-y:auto;box-shadow:0 calc(12px * var(--ui-density, 1)) calc(32px * var(--ui-density, 1)) #12253426;white-space:normal}
.device-actions-options.device-actions-floating:not(:popover-open){display:none}
.device-actions-options.device-actions-floating button{overflow-wrap:anywhere}

.device-filter-bar{display:flex;flex-wrap:wrap;gap:calc(16px * var(--ui-density, 1));padding:0 calc(24px * var(--ui-density, 1)) calc(20px * var(--ui-density, 1))}.device-filter-bar label{display:flex;flex-direction:column;gap:calc(7px * var(--ui-density, 1));font-size:calc(13px * var(--ui-density, 1));color:var(--muted);min-width:calc(200px * var(--ui-density, 1))}.device-filter-bar select{padding:calc(10px * var(--ui-density, 1)) calc(12px * var(--ui-density, 1));border:1px solid var(--border);border-radius:calc(7px * var(--ui-density, 1));background:white;color:var(--nav);max-width:100%}

/* Shared table presentation for support and device work. */
.state-badge{display:inline-flex;white-space:nowrap;border-radius:calc(6px * var(--ui-density, 1));padding:calc(7px * var(--ui-density, 1)) calc(10px * var(--ui-density, 1));background:#edf1f5;color:#647586;font-size:calc(12px * var(--ui-density, 1))}.state-badge.in_progress,.state-badge.running,.state-badge.waiting,.state-badge.queued{background:#fff3d5;color:#926000}.state-badge.completed,.state-badge.succeeded{background:#e6f6ee;color:#22734f}.state-badge.failed,.state-badge.critical,.state-badge.timed_out{background:#ffebe8;color:#a33428}.ticket-summary{min-width:calc(200px * var(--ui-density, 1));max-width:calc(360px * var(--ui-density, 1));overflow-wrap:anywhere}.device-expanded-row>td{padding:0;background:#f6f9fb}.device-expanded{padding:calc(24px * var(--ui-density, 1));max-width:100%;overflow:auto}.device-expanded h2{font-size:calc(18px * var(--ui-density, 1))}.device-expanded table{background:white}.device-expanded td{vertical-align:top}.device-expanded td .button{margin:calc(3px * var(--ui-density, 1))}.result-preview{white-space:pre-wrap;text-align:left;max-width:calc(260px * var(--ui-density, 1));max-height:calc(90px * var(--ui-density, 1));overflow:hidden;overflow-wrap:anywhere}.review-panel table{min-width:calc(950px * var(--ui-density, 1))}.review-panel td{min-width:calc(170px * var(--ui-density, 1));max-width:calc(400px * var(--ui-density, 1));white-space:normal;overflow-wrap:anywhere}.review-panel .finding-controls{min-width:calc(300px * var(--ui-density, 1))}.finding-controls textarea{width:100%;min-height:calc(65px * var(--ui-density, 1))}.finding-actions .button{display:block}.review-panel .state-badge{margin-top:calc(10px * var(--ui-density, 1));white-space:normal}.consent-row{display:flex!important;align-items:flex-start;gap:calc(12px * var(--ui-density, 1));padding:calc(16px * var(--ui-density, 1));background:#eef7f6;border:1px solid #92bab4;border-radius:calc(8px * var(--ui-density, 1));margin:calc(18px * var(--ui-density, 1)) 0}.endpoint-dialog .consent-row input[type=checkbox]{flex:0 0 calc(20px * var(--ui-density, 1));width:calc(20px * var(--ui-density, 1));height:calc(20px * var(--ui-density, 1));margin:0;accent-color:var(--accent)}@media(max-width:800px){.review-grid-row,.review-grid-row .client-form{display:block}.review-grid-row>*{margin-bottom:calc(12px * var(--ui-density, 1))}}

/* Constant-height task/ticket rows; details retain the full content. */
#tasks-dialog{width:0;min-width:100%;padding:calc(16px * var(--ui-density, 1)) calc(24px * var(--ui-density, 1))}
.compact-table-scroll{display:block;overflow-x:auto;width:100%;min-width:0}
.compact-table{table-layout:fixed;min-width:100%}
.tasks-table{width:calc(1840px * var(--ui-density, 1))}
.tickets-table{width:calc(1520px * var(--ui-density, 1))}
.compact-table tbody tr,.compact-table tbody td{height:calc(72px * var(--ui-density, 1))}
.compact-table tbody td{padding:calc(12px * var(--ui-density, 1)) calc(16px * var(--ui-density, 1));vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:calc(20px * var(--ui-density, 1));overflow-wrap:normal}
.compact-table .button{white-space:nowrap;margin:0 calc(6px * var(--ui-density, 1)) 0 0;height:calc(36px * var(--ui-density, 1));vertical-align:middle}
.tasks-table .result-preview{display:block;width:100%;max-width:none;height:calc(36px * var(--ui-density, 1));max-height:calc(36px * var(--ui-density, 1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:calc(20px * var(--ui-density, 1));margin:0}
.tasks-table th:nth-child(1){width:calc(270px * var(--ui-density, 1))}.tasks-table th:nth-child(2){width:calc(150px * var(--ui-density, 1))}.tasks-table th:nth-child(3),.tasks-table th:nth-child(4),.tasks-table th:nth-child(5){width:calc(190px * var(--ui-density, 1))}.tasks-table th:nth-child(6){width:calc(300px * var(--ui-density, 1))}.tasks-table th:nth-child(7){width:calc(550px * var(--ui-density, 1))}
.tickets-table th:nth-child(1){width:calc(90px * var(--ui-density, 1))}.tickets-table th:nth-child(2),.tickets-table th:nth-child(3){width:calc(150px * var(--ui-density, 1))}.tickets-table th:nth-child(4){width:calc(360px * var(--ui-density, 1))}.tickets-table th:nth-child(5){width:calc(120px * var(--ui-density, 1))}.tickets-table th:nth-child(6){width:calc(140px * var(--ui-density, 1))}.tickets-table th:nth-child(7),.tickets-table th:nth-child(8){width:calc(200px * var(--ui-density, 1))}.tickets-table th:nth-child(9){width:calc(110px * var(--ui-density, 1))}

/* Reviews share the compact task/ticket row layout; editing lives in Details. */
.device-expanded.review-panel{width:100%;min-width:100%;box-sizing:border-box}
.review-panel .reviews-table{width:calc(1470px * var(--ui-density, 1));min-width:100%}
.review-panel .reviews-table tbody td{height:calc(72px * var(--ui-density, 1));min-width:0;max-width:none;padding:calc(12px * var(--ui-density, 1)) calc(16px * var(--ui-density, 1));vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
.review-panel .reviews-table .state-badge{margin:0;white-space:nowrap}
.reviews-table .result-preview{display:block;width:100%;max-width:none;height:calc(36px * var(--ui-density, 1));max-height:calc(36px * var(--ui-density, 1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:calc(20px * var(--ui-density, 1));margin:0}
.reviews-table th:nth-child(1){width:calc(260px * var(--ui-density, 1))}.reviews-table th:nth-child(2){width:calc(180px * var(--ui-density, 1))}.reviews-table th:nth-child(3){width:calc(440px * var(--ui-density, 1))}.reviews-table th:nth-child(4){width:calc(170px * var(--ui-density, 1))}.reviews-table th:nth-child(5){width:calc(220px * var(--ui-density, 1))}.reviews-table th:nth-child(6){width:calc(200px * var(--ui-density, 1))}

/* Compact client libraries, matching Devices/Tasks. */
#script-list,.library-scroll{display:block;overflow-x:auto;min-width:0;max-width:100%;border:1px solid var(--border);border-radius:calc(9px * var(--ui-density, 1));background:white;margin:calc(16px * var(--ui-density, 1)) 0}
.library-table{font-size:calc(12px * var(--ui-density, 1));background:white}.library-table th{font-size:calc(11px * var(--ui-density, 1))}.library-table tbody tr:hover{background:#f7fbfa}.library-table .button{font-size:calc(11px * var(--ui-density, 1));padding:calc(8px * var(--ui-density, 1)) calc(12px * var(--ui-density, 1))}.library-table td:first-child{font-weight:600}.library-table a{color:var(--accent)}
.scripts-table{width:calc(1400px * var(--ui-density, 1))}.scripts-table th:nth-child(1){width:calc(240px * var(--ui-density, 1))}.scripts-table th:nth-child(2){width:calc(340px * var(--ui-density, 1))}.scripts-table th:nth-child(3){width:calc(130px * var(--ui-density, 1))}.scripts-table th:nth-child(4){width:calc(160px * var(--ui-density, 1))}.scripts-table th:nth-child(5){width:calc(200px * var(--ui-density, 1))}.scripts-table th:nth-child(6){width:calc(330px * var(--ui-density, 1))}
.apps-table{width:calc(1240px * var(--ui-density, 1))}.apps-table th:nth-child(1){width:calc(290px * var(--ui-density, 1))}.apps-table th:nth-child(2){width:calc(490px * var(--ui-density, 1))}.apps-table th:nth-child(3){width:calc(110px * var(--ui-density, 1))}.apps-table th:nth-child(4){width:calc(350px * var(--ui-density, 1))}
.catalog-table{width:calc(1040px * var(--ui-density, 1))}.catalog-table th:nth-child(1){width:calc(290px * var(--ui-density, 1))}.catalog-table th:nth-child(2){width:calc(180px * var(--ui-density, 1))}.catalog-table th:nth-child(3){width:calc(260px * var(--ui-density, 1))}.catalog-table th:nth-child(4){width:calc(310px * var(--ui-density, 1))}
#scripts-view h1,#apps-view h1{font-size:calc(26px * var(--ui-density, 1));letter-spacing:-.5px;margin-bottom:calc(16px * var(--ui-density, 1))}#apps-content>h2{font-size:calc(15px * var(--ui-density, 1));margin:calc(26px * var(--ui-density, 1)) 0 calc(12px * var(--ui-density, 1))}#apps-content>p,#library-description{font-size:calc(12px * var(--ui-density, 1));line-height:1.6;color:var(--muted);max-width:calc(850px * var(--ui-density, 1))}#apps-content>.button{font-size:calc(12px * var(--ui-density, 1));padding:calc(9px * var(--ui-density, 1)) calc(13px * var(--ui-density, 1));margin:0 calc(8px * var(--ui-density, 1)) calc(8px * var(--ui-density, 1)) 0}

/* Devices retain their own horizontal viewport as columns grow. */
#devices-view,.device-panel{min-width:0;max-width:100%}#table-wrap{width:100%;overflow-x:auto}#table-wrap>table{min-width:calc(1250px * var(--ui-density, 1))}#table-wrap>table>thead th{white-space:nowrap}
.review-panel .inventory-table{width:calc(1120px * var(--ui-density, 1));min-width:100%;table-layout:fixed}.review-panel .inventory-table td{height:calc(72px * var(--ui-density, 1));padding:calc(12px * var(--ui-density, 1)) calc(16px * var(--ui-density, 1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;min-width:0;max-width:none;vertical-align:middle}.inventory-table th:nth-child(1){width:calc(440px * var(--ui-density, 1))}.inventory-table th:nth-child(2){width:calc(200px * var(--ui-density, 1))}.inventory-table th:nth-child(3){width:calc(300px * var(--ui-density, 1))}.inventory-table th:nth-child(4){width:calc(180px * var(--ui-density, 1))}

.device-panel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:calc(16px * var(--ui-density, 1));margin-bottom:calc(14px * var(--ui-density, 1))}.device-panel-toolbar label{display:flex;align-items:center;gap:calc(10px * var(--ui-density, 1));font-size:calc(12px * var(--ui-density, 1));color:var(--muted);min-width:0}.device-panel-toolbar input{width:calc(220px * var(--ui-density, 1));max-width:100%;padding:calc(9px * var(--ui-density, 1)) calc(12px * var(--ui-density, 1));border:1px solid var(--border);border-radius:calc(6px * var(--ui-density, 1));background:white;font:inherit}#device-rows>tr[data-device-id]{cursor:pointer}

.ticket-attachment{display:flex;flex-direction:column;align-items:flex-start;gap:calc(12px * var(--ui-density, 1));margin:calc(16px * var(--ui-density, 1)) 0}
.ticket-attachment img{max-width:100%;max-height:calc(420px * var(--ui-density, 1));object-fit:contain;border:1px solid var(--border);border-radius:calc(6px * var(--ui-density, 1))}

#table-wrap>table{min-width:calc(2020px * var(--ui-density, 1))}
.device-metadata{max-width:calc(270px * var(--ui-density, 1));min-width:calc(170px * var(--ui-density, 1))}
.device-metadata .cell-truncate{display:block;max-width:calc(260px * var(--ui-density, 1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.device-edit-dialog{width:min(calc(520px * var(--ui-density, 1)),92vw);border:1px solid var(--border);border-radius:calc(12px * var(--ui-density, 1));padding:calc(24px * var(--ui-density, 1));max-height:90vh;overflow:auto}
.device-edit-dialog::backdrop{background:rgba(15,23,42,.55)}

.desktop-dialog{padding:calc(18px * var(--ui-density, 1)) calc(22px * var(--ui-density, 1))}.desktop-dialog h2{font-size:calc(20px * var(--ui-density, 1));margin:0 0 calc(14px * var(--ui-density, 1))}
.desktop-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:calc(8px * var(--ui-density, 1));padding:calc(10px * var(--ui-density, 1));background:#f5f8fa;border:1px solid var(--border);border-radius:calc(8px * var(--ui-density, 1))}
.desktop-toolbar .button,.desktop-toolbar select{font-size:calc(12px * var(--ui-density, 1));padding:calc(9px * var(--ui-density, 1)) calc(12px * var(--ui-density, 1))}
.desktop-toolbar select{border:1px solid var(--border);border-radius:calc(6px * var(--ui-density, 1));background:white}
.desktop-mode{font-size:calc(12px * var(--ui-density, 1));font-weight:600;padding:calc(7px * var(--ui-density, 1)) calc(10px * var(--ui-density, 1));background:#e6f3ee;color:#347666;border-radius:calc(6px * var(--ui-density, 1))}
.desktop-status{font-size:calc(12px * var(--ui-density, 1));min-height:calc(20px * var(--ui-density, 1));color:var(--muted)}
.desktop-help{font-size:calc(12px * var(--ui-density, 1));color:var(--muted);margin-top:calc(12px * var(--ui-density, 1))}.desktop-help summary{cursor:pointer}
.desktop-viewport{overflow:auto;max-height:65vh;min-height:calc(220px * var(--ui-density, 1))}
.desktop-viewport.desktop-zoomed{display:block}.desktop-zoomed img{max-width:none;max-height:none}
.desktop-shell:fullscreen{width:100vw;max-width:none;height:100vh;max-height:none;border-radius:0;box-sizing:border-box;background:white}
.desktop-shell:fullscreen .desktop-viewport{max-height:calc(100vh - calc(205px * var(--ui-density, 1)))}
.desktop-shell:fullscreen .desktop-viewport:not(.desktop-zoomed) img{max-height:calc(100vh - calc(205px * var(--ui-density, 1)))}
.device-name strong{display:block;max-width:calc(240px * var(--ui-density, 1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.desktop-shell:fullscreen{padding:calc(18px * var(--ui-density, 1)) calc(22px * var(--ui-density, 1));overflow:auto}

/* Shared dense table scale across device inventory, work, support and libraries. */
:root{--table-font:calc(11px * var(--ui-density, 1));--table-row:calc(52px * var(--ui-density, 1));--table-pad:calc(8px * var(--ui-density, 1)) calc(10px * var(--ui-density, 1))}
#workspace{max-width:none;padding:calc(24px * var(--ui-density, 1)) calc(26px * var(--ui-density, 1)) calc(18px * var(--ui-density, 1))}
#workspace table,dialog table{font-size:var(--table-font)}
#workspace table th,dialog table th{font-size:calc(10px * var(--ui-density, 1));padding:calc(10px * var(--ui-density, 1));line-height:calc(16px * var(--ui-density, 1))}
#workspace table tbody td,dialog table tbody td{font-size:var(--table-font);padding:var(--table-pad);line-height:calc(16px * var(--ui-density, 1));vertical-align:middle}
#workspace .compact-table tbody tr,#workspace .compact-table tbody td,#workspace .inventory-table tbody tr,#workspace .inventory-table tbody td,#device-rows>tr[data-device-id]{height:var(--table-row)}
#workspace table .button,#workspace table .state-badge,#workspace table .status,dialog table .button{font-size:calc(11px * var(--ui-density, 1));padding:calc(5px * var(--ui-density, 1)) calc(8px * var(--ui-density, 1));line-height:calc(16px * var(--ui-density, 1));min-height:calc(28px * var(--ui-density, 1));height:calc(28px * var(--ui-density, 1));gap:calc(5px * var(--ui-density, 1))}
#workspace table .button{margin:0 calc(4px * var(--ui-density, 1)) 0 0}
#workspace table .state-badge{margin:0}
#workspace table td strong,#workspace table .metric-label{font-size:calc(11px * var(--ui-density, 1))}
#workspace table td small{font-size:calc(10px * var(--ui-density, 1));margin-top:calc(3px * var(--ui-density, 1));line-height:calc(13px * var(--ui-density, 1))}
#workspace .result-preview{height:calc(28px * var(--ui-density, 1));max-height:calc(28px * var(--ui-density, 1));line-height:calc(16px * var(--ui-density, 1))}
#table-wrap>table{min-width:calc(1245px * var(--ui-density, 1));table-layout:fixed}
#table-wrap>table>thead th:nth-child(1){width:calc(150px * var(--ui-density, 1))}
#table-wrap>table>thead th:nth-child(2){width:calc(120px * var(--ui-density, 1))}
#table-wrap>table>thead th:nth-child(3){width:calc(180px * var(--ui-density, 1))}
#table-wrap>table>thead th:nth-child(4){width:calc(85px * var(--ui-density, 1))}
#table-wrap>table>thead th:nth-child(5){width:calc(105px * var(--ui-density, 1))}
#table-wrap>table>thead th:nth-child(6){width:calc(70px * var(--ui-density, 1))}
#table-wrap>table>thead th:nth-child(7),#table-wrap>table>thead th:nth-child(8){width:calc(110px * var(--ui-density, 1))}
#table-wrap>table>thead th:nth-child(9){width:calc(95px * var(--ui-density, 1))}
#table-wrap>table>thead th:nth-child(10){width:calc(125px * var(--ui-density, 1))}
#table-wrap>table>thead th:nth-child(11){width:calc(95px * var(--ui-density, 1))}
.device-name{min-width:0;gap:calc(7px * var(--ui-density, 1))}.device-name strong{max-width:100%;font-size:calc(11px * var(--ui-density, 1))}
.computer-icon{width:calc(24px * var(--ui-density, 1));height:calc(24px * var(--ui-density, 1));font-size:calc(16px * var(--ui-density, 1));flex-shrink:0}
.device-name small{max-width:calc(105px * var(--ui-density, 1))}.device-metadata{min-width:0;max-width:none}.device-metadata .cell-truncate{max-width:100%}
.metric{min-width:0}.metric meter{width:calc(55px * var(--ui-density, 1));height:calc(4px * var(--ui-density, 1));margin-top:calc(4px * var(--ui-density, 1))}
#workspace #device-rows>.device-expanded-row>td{padding:0;height:auto}
#tasks-dialog,.device-expanded{padding:calc(12px * var(--ui-density, 1)) calc(14px * var(--ui-density, 1))}
.tasks-table{width:calc(1295px * var(--ui-density, 1))}.tasks-table th:nth-child(1){width:calc(200px * var(--ui-density, 1))}.tasks-table th:nth-child(2){width:calc(95px * var(--ui-density, 1))}.tasks-table th:nth-child(3),.tasks-table th:nth-child(4),.tasks-table th:nth-child(5){width:calc(130px * var(--ui-density, 1))}.tasks-table th:nth-child(6){width:calc(220px * var(--ui-density, 1))}.tasks-table th:nth-child(7){width:calc(390px * var(--ui-density, 1))}
.tickets-table{width:calc(1105px * var(--ui-density, 1))}.tickets-table th:nth-child(1){width:calc(65px * var(--ui-density, 1))}.tickets-table th:nth-child(2){width:calc(100px * var(--ui-density, 1))}.tickets-table th:nth-child(3){width:calc(105px * var(--ui-density, 1))}.tickets-table th:nth-child(4){width:calc(240px * var(--ui-density, 1))}.tickets-table th:nth-child(5){width:calc(90px * var(--ui-density, 1))}.tickets-table th:nth-child(6){width:calc(100px * var(--ui-density, 1))}.tickets-table th:nth-child(7),.tickets-table th:nth-child(8){width:calc(155px * var(--ui-density, 1))}.tickets-table th:nth-child(9){width:calc(95px * var(--ui-density, 1))}
.review-panel .reviews-table{width:calc(985px * var(--ui-density, 1));min-width:100%}.reviews-table th:nth-child(1){width:calc(190px * var(--ui-density, 1))}.reviews-table th:nth-child(2){width:calc(130px * var(--ui-density, 1))}.reviews-table th:nth-child(3){width:calc(280px * var(--ui-density, 1))}.reviews-table th:nth-child(4){width:calc(110px * var(--ui-density, 1))}.reviews-table th:nth-child(5){width:calc(135px * var(--ui-density, 1))}.reviews-table th:nth-child(6){width:calc(140px * var(--ui-density, 1))}
.review-panel .inventory-table{width:calc(850px * var(--ui-density, 1))}.inventory-table th:nth-child(1){width:calc(320px * var(--ui-density, 1))}.inventory-table th:nth-child(2){width:calc(140px * var(--ui-density, 1))}.inventory-table th:nth-child(3){width:calc(260px * var(--ui-density, 1))}.inventory-table th:nth-child(4){width:calc(130px * var(--ui-density, 1))}
.scripts-table{width:calc(1035px * var(--ui-density, 1))}.scripts-table th:nth-child(1){width:calc(180px * var(--ui-density, 1))}.scripts-table th:nth-child(2){width:calc(250px * var(--ui-density, 1))}.scripts-table th:nth-child(3){width:calc(85px * var(--ui-density, 1))}.scripts-table th:nth-child(4){width:calc(110px * var(--ui-density, 1))}.scripts-table th:nth-child(5){width:calc(150px * var(--ui-density, 1))}.scripts-table th:nth-child(6){width:calc(260px * var(--ui-density, 1))}
.apps-table{width:calc(940px * var(--ui-density, 1))}.apps-table th:nth-child(1){width:calc(220px * var(--ui-density, 1))}.apps-table th:nth-child(2){width:calc(350px * var(--ui-density, 1))}.apps-table th:nth-child(3){width:calc(90px * var(--ui-density, 1))}.apps-table th:nth-child(4){width:calc(280px * var(--ui-density, 1))}
.catalog-table{width:calc(850px * var(--ui-density, 1))}.catalog-table th:nth-child(1){width:calc(230px * var(--ui-density, 1))}.catalog-table th:nth-child(2){width:calc(130px * var(--ui-density, 1))}.catalog-table th:nth-child(3){width:calc(240px * var(--ui-density, 1))}.catalog-table th:nth-child(4){width:calc(250px * var(--ui-density, 1))}
#workspace .section-heading{gap:calc(10px * var(--ui-density, 1));margin-bottom:calc(12px * var(--ui-density, 1))}#workspace h1{font-size:calc(26px * var(--ui-density, 1))}
#workspace .device-panel .section-heading{padding:calc(14px * var(--ui-density, 1))}
.device-filter-bar{gap:calc(10px * var(--ui-density, 1));padding:0 calc(14px * var(--ui-density, 1)) calc(12px * var(--ui-density, 1))}.device-filter-bar label{font-size:calc(11px * var(--ui-density, 1));min-width:calc(150px * var(--ui-density, 1));gap:calc(4px * var(--ui-density, 1))}.device-filter-bar select{padding:calc(7px * var(--ui-density, 1)) calc(10px * var(--ui-density, 1))}
#workspace .ticket-filters{gap:calc(10px * var(--ui-density, 1))}#workspace .ticket-filter{font-size:calc(11px * var(--ui-density, 1))}
#workspace .stats-grid{gap:calc(12px * var(--ui-density, 1));margin-bottom:calc(20px * var(--ui-density, 1))}#workspace .stat{padding:calc(15px * var(--ui-density, 1)) calc(18px * var(--ui-density, 1))}#workspace .stat strong{font-size:calc(26px * var(--ui-density, 1));margin:calc(7px * var(--ui-density, 1)) 0}
.desktop-status.idle-warning{color:#926000;background:#fff3d5;padding:calc(8px * var(--ui-density, 1));border-radius:calc(6px * var(--ui-density, 1))}
.background-dialog{width:min(calc(1120px * var(--ui-density, 1)),96vw);padding:0;max-height:95vh;overflow:auto}.background-shell{padding:calc(18px * var(--ui-density, 1));display:flex;flex-direction:column;gap:calc(10px * var(--ui-density, 1));box-sizing:border-box}.background-toolbar{display:flex;align-items:center;justify-content:space-between;gap:calc(12px * var(--ui-density, 1))}.background-toolbar h2{font-size:calc(18px * var(--ui-density, 1));margin:0}.background-shell p{font-size:calc(12px * var(--ui-density, 1));margin:0}.background-shell .client-form{margin:0;gap:calc(8px * var(--ui-density, 1))}.background-shell label{font-size:calc(12px * var(--ui-density, 1))}.background-shell textarea{font-size:calc(13px * var(--ui-density, 1));padding:calc(10px * var(--ui-density, 1))}.background-shell .button{font-size:calc(12px * var(--ui-density, 1));padding:calc(8px * var(--ui-density, 1)) calc(12px * var(--ui-density, 1))}.background-shell .background-output{font-size:calc(13px * var(--ui-density, 1));margin:0;height:38vh;padding:calc(12px * var(--ui-density, 1))}.background-shell:fullscreen{width:100vw;height:100vh;background:white;overflow:auto}.background-shell:fullscreen .background-output{flex:1;min-height:calc(120px * var(--ui-density, 1));height:auto}.background-shell .desktop-help{font-size:calc(11px * var(--ui-density, 1))}
#files-view{min-width:0}#files-view>p{font-size:calc(12px * var(--ui-density, 1));line-height:1.5;max-width:calc(900px * var(--ui-density, 1))}#files-view h1{font-size:calc(26px * var(--ui-density, 1))}#files-view .files-form{display:grid;grid-template-columns:repeat(3,minmax(calc(180px * var(--ui-density, 1)),1fr));gap:calc(12px * var(--ui-density, 1));max-width:calc(1050px * var(--ui-density, 1));background:white;border:1px solid #dce5eb;border-radius:calc(10px * var(--ui-density, 1));padding:calc(16px * var(--ui-density, 1));margin:calc(16px * var(--ui-density, 1)) 0}#files-view label{display:flex;flex-direction:column;gap:calc(5px * var(--ui-density, 1));font-size:calc(11px * var(--ui-density, 1));color:#536676}#files-view input,#files-view select{box-sizing:border-box;width:100%;min-width:0;border:1px solid #d1dee6;border-radius:calc(6px * var(--ui-density, 1));padding:calc(8px * var(--ui-density, 1));font:calc(12px * var(--ui-density, 1)) inherit;background:white}#files-view .files-summary{grid-column:1/-1;font-size:calc(12px * var(--ui-density, 1));margin:0}#files-view .button{font-size:calc(12px * var(--ui-density, 1));padding:calc(8px * var(--ui-density, 1)) calc(12px * var(--ui-density, 1))}#files-view .files-toolbar{display:flex;justify-content:space-between;align-items:center;gap:calc(10px * var(--ui-density, 1));margin:calc(14px * var(--ui-density, 1)) 0}#files-view .files-toolbar h2{font-size:calc(16px * var(--ui-density, 1));margin:0}#files-view .notice{font-size:calc(12px * var(--ui-density, 1))}#files-view .table-wrap{overflow-x:auto;max-width:100%}#files-view .files-table{table-layout:fixed;width:calc(1300px * var(--ui-density, 1));min-width:100%;font-size:calc(11px * var(--ui-density, 1))}#files-view .files-table th,#files-view .files-table td{height:calc(52px * var(--ui-density, 1));box-sizing:border-box;padding:calc(8px * var(--ui-density, 1)) calc(10px * var(--ui-density, 1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#files-view .files-table th{font-size:calc(10px * var(--ui-density, 1))}#files-view .files-table th:nth-child(1){width:calc(190px * var(--ui-density, 1))}#files-view .files-table th:nth-child(2){width:calc(160px * var(--ui-density, 1))}#files-view .files-table th:nth-child(3){width:calc(80px * var(--ui-density, 1))}#files-view .files-table th:nth-child(4){width:calc(140px * var(--ui-density, 1))}#files-view .files-table th:nth-child(5),#files-view .files-table th:nth-child(6){width:calc(145px * var(--ui-density, 1))}#files-view .files-table th:nth-child(7){width:calc(330px * var(--ui-density, 1))}#files-view .files-table th:nth-child(8){width:calc(110px * var(--ui-density, 1))}@media(max-width:750px){#files-view .files-form{grid-template-columns:1fr}.background-toolbar{flex-wrap:wrap}}
/* Support workflows use the same compact table density as Devices. */
.support-chat-dialog{width:min(calc(700px * var(--ui-density, 1)),94vw);padding:calc(18px * var(--ui-density, 1));border:1px solid #dbe4ea;border-radius:calc(14px * var(--ui-density, 1));color:var(--text,#263c49)}
.support-chat-dialog h2{font-size:calc(17px * var(--ui-density, 1));margin:0;flex:1}.support-chat-dialog .device-panel-toolbar{display:flex;gap:calc(8px * var(--ui-density, 1));align-items:center}
.support-messages{height:45vh;min-height:calc(200px * var(--ui-density, 1));overflow:auto;background:#f4f7f9;padding:calc(12px * var(--ui-density, 1));border-radius:calc(10px * var(--ui-density, 1));margin:calc(12px * var(--ui-density, 1)) 0}
.chat-bubble{max-width:85%;border-radius:calc(12px * var(--ui-density, 1));padding:calc(10px * var(--ui-density, 1)) calc(12px * var(--ui-density, 1));margin:calc(8px * var(--ui-density, 1)) 0;background:#fff;font-size:calc(13px * var(--ui-density, 1));border:1px solid #dde6eb}.chat-bubble.operator{margin-left:auto;background:#e8f5f2}.chat-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:calc(6px * var(--ui-density, 1)) 0}.chat-bubble small{font-size:calc(10px * var(--ui-density, 1));color:#607985}
.support-composer{display:grid;grid-template-columns:1fr auto;gap:calc(8px * var(--ui-density, 1))}.support-composer textarea{grid-column:1/-1;width:100%;font-size:calc(13px * var(--ui-density, 1))}.support-composer input{font-size:calc(12px * var(--ui-density, 1));max-width:100%}
.chat-image-dialog{max-width:90vw;max-height:90vh}.chat-image-dialog img{display:block;max-width:80vw;max-height:75vh}
.support-history-filters{display:flex;flex-wrap:wrap;gap:calc(12px * var(--ui-density, 1));align-items:end;margin:calc(16px * var(--ui-density, 1)) 0}.support-history-filters label{display:grid;gap:calc(6px * var(--ui-density, 1));font-size:calc(12px * var(--ui-density, 1))}.support-history-filters select,.support-history-filters input{max-width:calc(260px * var(--ui-density, 1));padding:calc(8px * var(--ui-density, 1));font-size:calc(12px * var(--ui-density, 1))}
.support-history-table{table-layout:fixed;min-width:calc(1050px * var(--ui-density, 1));width:100%}.support-history-table td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-history-table th:nth-child(3){width:calc(240px * var(--ui-density, 1))}.support-history-table th:nth-child(5){width:calc(290px * var(--ui-density, 1))}
.finding-editor{font-size:calc(13px * var(--ui-density, 1))}.finding-editor .ticket-description{background:#f5f8fa;border:1px solid #dfe7ec;padding:calc(12px * var(--ui-density, 1));border-radius:calc(8px * var(--ui-density, 1));max-height:calc(180px * var(--ui-density, 1));overflow:auto}.finding-editor .client-form{gap:calc(10px * var(--ui-density, 1))}.finding-editor textarea{min-height:calc(80px * var(--ui-density, 1));font-size:calc(13px * var(--ui-density, 1))}.finding-editor .device-panel-toolbar{display:flex;gap:calc(8px * var(--ui-density, 1));margin-bottom:calc(12px * var(--ui-density, 1))}.finding-editor .button{font-size:calc(12px * var(--ui-density, 1));padding:calc(8px * var(--ui-density, 1)) calc(12px * var(--ui-density, 1))}
.review-tasks-table{table-layout:fixed;min-width:calc(850px * var(--ui-density, 1));width:100%}.review-tasks-table th:first-child{width:calc(220px * var(--ui-density, 1))}.review-tasks-table th:last-child{width:calc(260px * var(--ui-density, 1))}.review-tasks-table td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.support-composer textarea{font-family:inherit;border:1px solid #cbd9e1;border-radius:calc(8px * var(--ui-density, 1));padding:calc(10px * var(--ui-density, 1));resize:vertical}.support-composer input::file-selector-button{font:inherit;border:1px solid #dbe4ea;border-radius:calc(6px * var(--ui-density, 1));background:#fff;padding:calc(7px * var(--ui-density, 1)) calc(10px * var(--ui-density, 1));margin-right:calc(8px * var(--ui-density, 1));color:#365363}
.support-history-table .result-preview{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.state-badge.open,.state-badge.queued,.state-badge.draft{background:#edf1f4;color:#68808d}.state-badge.closed{background:#e4f5ed;color:#24896f}
.support-history-table th:nth-child(1){width:calc(180px * var(--ui-density, 1))}.support-history-table th:nth-child(2){width:calc(90px * var(--ui-density, 1))}.support-history-table th:nth-child(4){width:calc(110px * var(--ui-density, 1))}.support-history-table th:nth-child(6){width:calc(120px * var(--ui-density, 1))}.review-tasks-table tbody td{height:calc(52px * var(--ui-density, 1))}

.support-chat-launcher{position:fixed;right:calc(20px * var(--ui-density, 1));bottom:calc(20px * var(--ui-density, 1));z-index:1000;background:#197f79!important;color:white!important;border-radius:calc(24px * var(--ui-density, 1))!important;box-shadow:0 calc(4px * var(--ui-density, 1)) calc(18px * var(--ui-density, 1)) #0003;max-width:calc(320px * var(--ui-density, 1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-chat-launcher[hidden]{display:none}

.client-metrics{display:grid;grid-template-columns:1fr 1fr;gap:calc(14px * var(--ui-density, 1)) calc(18px * var(--ui-density, 1));margin:calc(16px * var(--ui-density, 1)) 0 calc(20px * var(--ui-density, 1))}.client-metrics>div{display:flex;flex-direction:column;gap:calc(4px * var(--ui-density, 1))}.client-metrics strong{font-size:calc(22px * var(--ui-density, 1));color:#253f49}.client-metrics span{font-size:calc(12px * var(--ui-density, 1));color:#6e8390}.client-card h3{margin-bottom:calc(8px * var(--ui-density, 1))}

.ai-panel{margin:0 0 0 auto;height:100dvh;max-height:100dvh;width:min(calc(720px * var(--ui-density, 1)),96vw);max-width:96vw;border:1px solid #dce5e9;padding:calc(20px * var(--ui-density, 1));color:#253f49;overflow:auto}.ai-panel .device-panel-toolbar{display:flex;justify-content:space-between;align-items:center}.ai-panel h2{font-size:calc(18px * var(--ui-density, 1))}.ai-panel label{display:flex;flex-direction:column;gap:calc(5px * var(--ui-density, 1));font-size:calc(12px * var(--ui-density, 1));margin:calc(8px * var(--ui-density, 1)) 0}.ai-panel input[type=checkbox]{align-self:flex-start}.ai-panel select,.ai-panel textarea,.ai-panel input:not([type=checkbox]){font:inherit;padding:calc(8px * var(--ui-density, 1));border:1px solid #cbd9df;border-radius:calc(7px * var(--ui-density, 1));max-width:100%;box-sizing:border-box}.ai-panel textarea{width:100%;font-size:calc(13px * var(--ui-density, 1))}.ai-filters{display:grid;grid-template-columns:1fr 1fr;gap:calc(8px * var(--ui-density, 1))}.ai-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:calc(11px * var(--ui-density, 1));max-height:calc(240px * var(--ui-density, 1));overflow:auto;background:#f4f7f9;padding:calc(10px * var(--ui-density, 1))}.ai-sources{max-height:calc(250px * var(--ui-density, 1));overflow:auto;margin:calc(12px * var(--ui-density, 1)) 0}.ai-sources table{table-layout:fixed;width:100%;min-width:calc(540px * var(--ui-density, 1))}.ai-sources td{max-width:calc(150px * var(--ui-density, 1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:calc(36px * var(--ui-density, 1));cursor:pointer}.ai-answer{white-space:pre-wrap;line-height:1.5;font-size:calc(13px * var(--ui-density, 1))}.ai-panel .ai-code{font-family:Consolas,monospace;font-size:calc(12px * var(--ui-density, 1))}.ai-panel .notice{font-size:calc(12px * var(--ui-density, 1))}.ai-output{margin-top:calc(16px * var(--ui-density, 1))}

/* Compact controls and device totals */
#scripts-view .controls{display:flex;align-items:end;gap:calc(10px * var(--ui-density, 1));margin:calc(12px * var(--ui-density, 1)) 0;flex-wrap:wrap}
#scripts-view .controls label{display:grid;gap:calc(5px * var(--ui-density, 1));font-size:calc(12px * var(--ui-density, 1));color:#607785}
#scripts-view .controls input,#scripts-view .controls select,#scripts-view .controls button{font:inherit;font-size:calc(12px * var(--ui-density, 1));height:calc(36px * var(--ui-density, 1));box-sizing:border-box;padding:calc(7px * var(--ui-density, 1)) calc(10px * var(--ui-density, 1));border:1px solid #d8e2e8;border-radius:calc(7px * var(--ui-density, 1));background:white;color:#344f5c}
#script-search{width:calc(260px * var(--ui-density, 1));max-width:100%}
.device-summary-actions{display:flex;align-items:center;justify-content:flex-end;gap:calc(12px * var(--ui-density, 1));flex-wrap:wrap}
.device-summary{display:flex;gap:calc(14px * var(--ui-density, 1));align-items:center;flex-wrap:wrap;font-size:calc(11px * var(--ui-density, 1));color:#6c8190}
.device-summary span{display:flex;gap:calc(5px * var(--ui-density, 1));align-items:center}.device-summary strong{font-size:calc(15px * var(--ui-density, 1));color:#243d48}
#devices-view .page-heading{margin-bottom:calc(12px * var(--ui-density, 1))}#devices-view .archive-filter{font-size:calc(12px * var(--ui-density, 1))}
.updates-table{min-width:calc(1000px * var(--ui-density, 1));table-layout:fixed;width:100%}.updates-table th:first-child{width:calc(220px * var(--ui-density, 1))}.updates-table th:nth-child(2){width:calc(300px * var(--ui-density, 1))}.updates-table td{height:calc(52px * var(--ui-density, 1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.updates-table td .button{font-size:calc(11px * var(--ui-density, 1));padding:calc(6px * var(--ui-density, 1)) calc(9px * var(--ui-density, 1))}.updates-table th:last-child{width:calc(260px * var(--ui-density, 1))}

.device-title-line{display:flex;align-items:center;gap:calc(12px * var(--ui-density, 1));flex-wrap:wrap}.device-title-line h1{margin-bottom:0}.device-title-line .pill{font-size:calc(11px * var(--ui-density, 1));padding:calc(5px * var(--ui-density, 1)) calc(9px * var(--ui-density, 1))}#devices-view .section-heading .controls{flex-wrap:wrap}

#customer-language-settings,#manage-departments,#add-device,#refresh-devices{font-size:calc(12px * var(--ui-density, 1));padding:calc(8px * var(--ui-density, 1)) calc(12px * var(--ui-density, 1));min-height:calc(34px * var(--ui-density, 1));line-height:1.2}
.endpoint-dialog.departments-dialog{width:min(calc(560px * var(--ui-density, 1)),94vw);box-sizing:border-box;padding:calc(22px * var(--ui-density, 1));border:1px solid #dbe5eb;border-radius:calc(14px * var(--ui-density, 1));color:#29424f;font-size:calc(13px * var(--ui-density, 1))}
.departments-dialog h2{font-size:calc(20px * var(--ui-density, 1));margin:0 0 calc(6px * var(--ui-density, 1))}.departments-dialog h3{font-size:calc(14px * var(--ui-density, 1));margin:0 0 calc(12px * var(--ui-density, 1))}.departments-dialog .department-client{color:#087e78;font-weight:650;margin:0 0 calc(8px * var(--ui-density, 1))}.departments-dialog .footnote{font-size:calc(12px * var(--ui-density, 1));line-height:1.5}
.departments-dialog label{font-size:calc(12px * var(--ui-density, 1));margin:calc(12px * var(--ui-density, 1)) 0 calc(6px * var(--ui-density, 1))}.departments-dialog input{font:inherit;font-size:calc(13px * var(--ui-density, 1));box-sizing:border-box;height:calc(36px * var(--ui-density, 1));padding:calc(8px * var(--ui-density, 1)) calc(10px * var(--ui-density, 1));background:#fff}.departments-dialog .button{font-size:calc(12px * var(--ui-density, 1));padding:calc(8px * var(--ui-density, 1)) calc(12px * var(--ui-density, 1));margin:calc(10px * var(--ui-density, 1)) 0 0}
.department-list{border:1px solid #dfe7ec;border-radius:calc(9px * var(--ui-density, 1));max-height:calc(230px * var(--ui-density, 1));overflow:auto;background:#fff}.department-row{display:flex;align-items:center;justify-content:space-between;gap:calc(12px * var(--ui-density, 1));padding:calc(11px * var(--ui-density, 1)) calc(12px * var(--ui-density, 1));border-bottom:1px solid #edf1f4}.department-row:last-child{border-bottom:0}.department-row>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.department-tag{font-size:calc(10px * var(--ui-density, 1));color:#637f8c;background:#f0f5f7;padding:calc(4px * var(--ui-density, 1)) calc(7px * var(--ui-density, 1));border-radius:calc(5px * var(--ui-density, 1));flex-shrink:0}.department-list>p{padding:calc(10px * var(--ui-density, 1))}.department-create{margin-top:calc(16px * var(--ui-density, 1));background:#f5f9fa;border:1px solid #e0e9ed;border-radius:calc(9px * var(--ui-density, 1));padding:calc(14px * var(--ui-density, 1))}.department-message{font-size:calc(12px * var(--ui-density, 1));color:#087e78}.departments-dialog>button:last-child{display:block;margin-left:auto}

#create-dialog{width:min(calc(560px * var(--ui-density, 1)),94vw);box-sizing:border-box;max-height:90vh;overflow:auto;padding:calc(22px * var(--ui-density, 1));border:1px solid #dbe5eb;border-radius:calc(14px * var(--ui-density, 1));color:#29424f;font-size:calc(13px * var(--ui-density, 1))}
#create-dialog h2{font-size:calc(20px * var(--ui-density, 1));margin:0 0 calc(8px * var(--ui-density, 1))}#create-dialog>.muted{font-size:calc(12px * var(--ui-density, 1));line-height:1.5;margin:0 0 calc(18px * var(--ui-density, 1))}
#create-dialog .client-form{gap:calc(7px * var(--ui-density, 1))}#create-dialog label{font-size:calc(12px * var(--ui-density, 1));font-weight:600;margin-top:calc(7px * var(--ui-density, 1))}#create-dialog input,#create-dialog select,#create-dialog textarea{font-family:inherit;font-size:calc(13px * var(--ui-density, 1));padding:calc(8px * var(--ui-density, 1)) calc(10px * var(--ui-density, 1));box-sizing:border-box;border:1px solid #d4e0e6;border-radius:calc(7px * var(--ui-density, 1));width:100%;margin:0}
#create-dialog input,#create-dialog select{height:calc(36px * var(--ui-density, 1))}#create-dialog .footnote{font-size:calc(11px * var(--ui-density, 1));line-height:1.4;margin:2px 0 calc(6px * var(--ui-density, 1))}
#create-dialog .initial-departments-section{background:#f5f9fa;border:1px solid #e0e9ed;border-radius:calc(9px * var(--ui-density, 1));padding:calc(14px * var(--ui-density, 1));margin-top:calc(8px * var(--ui-density, 1));display:grid;gap:calc(8px * var(--ui-density, 1))}#create-dialog .initial-departments-section label{margin:0}#create-dialog textarea{min-height:calc(86px * var(--ui-density, 1));resize:vertical;background:#fff;line-height:1.5}
#create-dialog .form-actions{display:flex;justify-content:flex-end;gap:calc(8px * var(--ui-density, 1));margin-top:calc(14px * var(--ui-density, 1))}#create-dialog .button{font-size:calc(12px * var(--ui-density, 1));padding:calc(8px * var(--ui-density, 1)) calc(12px * var(--ui-density, 1));min-height:calc(34px * var(--ui-density, 1))}

.department-add-row,.initial-department-row{display:flex;align-items:center;gap:calc(8px * var(--ui-density, 1))}.department-add-row input{flex:1;min-width:0}.initial-department-list{display:grid;gap:calc(6px * var(--ui-density, 1));max-height:calc(180px * var(--ui-density, 1));overflow:auto}.initial-department-row{background:white;border:1px solid #dce6eb;border-radius:calc(7px * var(--ui-density, 1));padding:calc(5px * var(--ui-density, 1)) calc(9px * var(--ui-density, 1));justify-content:space-between}.initial-department-row span{overflow-wrap:anywhere;font-size:calc(13px * var(--ui-density, 1))}#create-dialog .department-add-row .button,#create-dialog .initial-department-row .button{margin:0;flex-shrink:0;width:calc(34px * var(--ui-density, 1));height:calc(34px * var(--ui-density, 1));padding:0;font-size:calc(20px * var(--ui-density, 1))}

.departments-dialog .department-row .button,.departments-dialog .department-add-row .button{margin:0;width:calc(34px * var(--ui-density, 1));height:calc(34px * var(--ui-density, 1));padding:0;font-size:calc(20px * var(--ui-density, 1));flex-shrink:0}
.departments-dialog .department-add-row input{margin:0}
#monitoring-view{font-size:calc(13px * var(--ui-density, 1))}#monitoring-view h1{font-size:calc(24px * var(--ui-density, 1))} .monitoring-toolbar{display:flex;gap:calc(10px * var(--ui-density, 1));align-items:center;flex-wrap:wrap;margin:calc(16px * var(--ui-density, 1)) 0}.monitoring-toolbar input,.monitoring-settings input:not([type=checkbox]){border:1px solid #d6e1e8;border-radius:calc(7px * var(--ui-density, 1));padding:calc(8px * var(--ui-density, 1));font:inherit}.monitoring-settings{display:grid;grid-template-columns:repeat(2,minmax(calc(200px * var(--ui-density, 1)),1fr));gap:calc(16px * var(--ui-density, 1));max-width:calc(760px * var(--ui-density, 1));background:white;padding:calc(20px * var(--ui-density, 1));border:1px solid #dce6eb;border-radius:calc(12px * var(--ui-density, 1))}.monitoring-settings label{font-size:calc(12px * var(--ui-density, 1));display:block}.monitoring-settings input:not([type=checkbox]){display:block;width:100%;margin-top:calc(6px * var(--ui-density, 1))}.monitoring-table{width:100%;min-width:calc(950px * var(--ui-density, 1));border-collapse:collapse;background:white;font-size:calc(12px * var(--ui-density, 1))}.monitoring-table td,.monitoring-table th{padding:calc(10px * var(--ui-density, 1));text-align:left;border-bottom:1px solid #e5ecef;white-space:nowrap}.monitoring-table th{background:#f6f9fa;color:#748898}.monitoring-table td{max-width:calc(240px * var(--ui-density, 1));overflow:hidden;text-overflow:ellipsis}#monitoring-view .button{font-size:calc(12px * var(--ui-density, 1));padding:calc(7px * var(--ui-density, 1)) calc(10px * var(--ui-density, 1))}#monitoring-view .compact-table-scroll{margin:calc(16px * var(--ui-density, 1)) 0;border:1px solid #dce6eb;border-radius:calc(9px * var(--ui-density, 1))}@media(max-width:650px){.monitoring-settings{grid-template-columns:1fr}}
.notification-center{order:10;position:relative;margin-left:auto}.notification-center>.button{font-size:calc(12px * var(--ui-density, 1));padding:calc(7px * var(--ui-density, 1)) calc(10px * var(--ui-density, 1))}#notification-count{background:#0c817b;color:white;border-radius:calc(12px * var(--ui-density, 1));padding:2px calc(7px * var(--ui-density, 1));margin-left:calc(5px * var(--ui-density, 1));font-size:calc(11px * var(--ui-density, 1))}#notification-inbox{position:absolute;right:0;top:calc(42px * var(--ui-density, 1));width:min(calc(380px * var(--ui-density, 1)),85vw);max-height:65vh;overflow:auto;background:white;border:1px solid #dce6eb;box-shadow:0 calc(12px * var(--ui-density, 1)) calc(40px * var(--ui-density, 1)) #17323c26;border-radius:calc(10px * var(--ui-density, 1));padding:calc(14px * var(--ui-density, 1));z-index:1500;font-size:calc(13px * var(--ui-density, 1))}#notification-inbox>button{float:right}.notification-item{display:block;float:none!important;text-align:left;width:100%;background:white;border:0;border-bottom:1px solid #e5ecef;padding:calc(12px * var(--ui-density, 1)) calc(8px * var(--ui-density, 1));font:inherit;color:#304652;cursor:pointer}.notification-item.unread{background:#eef9f6;border-left:calc(3px * var(--ui-density, 1)) solid #12857e}.notification-item span,.notification-item small{display:block;margin-top:calc(4px * var(--ui-density, 1))}.notification-item small{color:#7c8f9a;font-size:calc(11px * var(--ui-density, 1))}#notification-toasts{position:fixed;right:calc(20px * var(--ui-density, 1));bottom:calc(20px * var(--ui-density, 1));z-index:2000;display:grid;gap:calc(8px * var(--ui-density, 1));width:min(calc(350px * var(--ui-density, 1)),90vw)}.notification-toast{display:flex;align-items:start;background:white;border:1px solid #b8d8d4;border-left:calc(4px * var(--ui-density, 1)) solid #12857e;border-radius:calc(8px * var(--ui-density, 1));box-shadow:0 calc(6px * var(--ui-density, 1)) calc(22px * var(--ui-density, 1)) #18394729;padding:calc(12px * var(--ui-density, 1))}.notification-toast button{background:none;border:0;cursor:pointer;color:#304652;font:inherit}.notification-toast-text{text-align:left;font-size:calc(12px * var(--ui-density, 1))!important;flex:1}.notification-toast-text span{display:block;margin-top:calc(5px * var(--ui-density, 1))}.notification-policy{max-width:calc(760px * var(--ui-density, 1));border:1px solid #dce6eb;border-radius:calc(12px * var(--ui-density, 1));background:white;padding:calc(18px * var(--ui-density, 1))}.notification-policy>label{font-size:calc(13px * var(--ui-density, 1));display:block;margin-bottom:calc(15px * var(--ui-density, 1))}.notification-rule{display:flex;gap:calc(20px * var(--ui-density, 1));align-items:center;border-top:1px solid #e7ecef;padding:calc(12px * var(--ui-density, 1)) 0}.notification-rule>label:first-child{display:flex;align-items:center;justify-content:space-between;flex:1;gap:calc(12px * var(--ui-density, 1))}.notification-rule label{font-size:calc(13px * var(--ui-density, 1))}.notification-rule select,.notification-rule input{font:inherit;padding:calc(7px * var(--ui-density, 1));border:1px solid #d2dee5;border-radius:calc(7px * var(--ui-density, 1));background:white}.notification-rule input{width:calc(75px * var(--ui-density, 1));margin-left:calc(8px * var(--ui-density, 1))}.notification-rule select{min-width:calc(128px * var(--ui-density, 1))}@media(max-width:650px){.notification-rule{flex-wrap:wrap}.notification-rule>label:first-child{flex-basis:100%}}
.report-tabs{display:flex;align-items:center;gap:calc(10px * var(--ui-density, 1));margin:calc(12px * var(--ui-density, 1)) 0 calc(18px * var(--ui-density, 1))}#monitoring-view h2{font-size:calc(17px * var(--ui-density, 1));margin:calc(22px * var(--ui-density, 1)) 0 calc(7px * var(--ui-density, 1))}#monitoring-view>select{font:inherit;padding:calc(8px * var(--ui-density, 1)) calc(12px * var(--ui-density, 1));border:1px solid #d6e1e8;border-radius:calc(7px * var(--ui-density, 1));background:white}.monitoring-toolbar label{font-size:calc(12px * var(--ui-density, 1));display:grid;gap:calc(5px * var(--ui-density, 1))}.monitoring-toolbar{align-items:end}#history-view h1{font-size:calc(24px * var(--ui-density, 1))}#history-view .muted{font-size:calc(13px * var(--ui-density, 1))}

.device-section-tabs{display:flex;gap:calc(4px * var(--ui-density, 1));border-bottom:1px solid var(--border);margin:0 0 calc(12px * var(--ui-density, 1));overflow-x:auto}.device-section-tab{font:inherit;font-size:calc(12px * var(--ui-density, 1));font-weight:600;padding:calc(9px * var(--ui-density, 1)) calc(17px * var(--ui-density, 1));border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);white-space:nowrap}.device-section-tab[aria-selected="true"]{color:var(--accent);border-bottom-color:var(--accent);background:#eaf5f2}.device-section-tab:hover{background:#edf3f5}

#files-view .files-form>button[type=submit]{width:auto;justify-self:start;align-self:start;padding:calc(8px * var(--ui-density, 1)) calc(14px * var(--ui-density, 1))}
.ticket-dialog{width:min(calc(760px * var(--ui-density, 1)),94vw);padding:calc(24px * var(--ui-density, 1));font-size:calc(13px * var(--ui-density, 1));border:1px solid var(--border);border-radius:calc(12px * var(--ui-density, 1));color:#253f49}.ticket-dialog h2{font-size:calc(20px * var(--ui-density, 1));margin:0}.ticket-dialog h3{font-size:calc(14px * var(--ui-density, 1));margin:calc(18px * var(--ui-density, 1)) 0 calc(10px * var(--ui-density, 1))}.ticket-dialog p,.ticket-dialog label,.ticket-dialog select,.ticket-dialog textarea{font-size:calc(13px * var(--ui-density, 1))}.ticket-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:calc(12px * var(--ui-density, 1))}.ticket-meta{display:flex;align-items:center;gap:calc(12px * var(--ui-density, 1));flex-wrap:wrap;margin-bottom:calc(12px * var(--ui-density, 1))}.ticket-dialog .button{font-size:calc(12px * var(--ui-density, 1));padding:calc(8px * var(--ui-density, 1)) calc(12px * var(--ui-density, 1))}.ticket-dialog .client-form{display:grid;gap:calc(12px * var(--ui-density, 1));margin:calc(16px * var(--ui-density, 1)) 0}.ticket-dialog label{display:grid;gap:calc(6px * var(--ui-density, 1))}.ticket-dialog .client-form>button{justify-self:start}.ticket-dialog select{width:max-content}.ticket-dialog .ticket-description{padding:calc(12px * var(--ui-density, 1));line-height:1.5}.ticket-dialog .ticket-event{padding:calc(12px * var(--ui-density, 1)) 0}.ticket-dialog .ticket-event p{margin:calc(6px * var(--ui-density, 1)) 0}.restart-dialog{width:min(calc(460px * var(--ui-density, 1)),94vw);border:1px solid var(--border);border-radius:calc(12px * var(--ui-density, 1));padding:calc(22px * var(--ui-density, 1));font-size:calc(13px * var(--ui-density, 1))}.restart-dialog h2{font-size:calc(18px * var(--ui-density, 1))}.restart-dialog form{margin:calc(20px * var(--ui-density, 1)) 0}.restart-dialog label{display:grid;gap:calc(8px * var(--ui-density, 1))}.restart-dialog input{padding:calc(9px * var(--ui-density, 1));border:1px solid var(--border);border-radius:calc(6px * var(--ui-density, 1))}

.dashboard-refresh-settings{border:1px solid var(--border);border-radius:calc(8px * var(--ui-density, 1));background:white;padding:calc(16px * var(--ui-density, 1));margin-bottom:calc(20px * var(--ui-density, 1));max-width:calc(720px * var(--ui-density, 1))}.dashboard-refresh-settings h2{font-size:calc(15px * var(--ui-density, 1))}.dashboard-refresh-settings label{display:flex;align-items:center;gap:calc(14px * var(--ui-density, 1));font-size:calc(13px * var(--ui-density, 1));flex-wrap:wrap}.dashboard-refresh-settings select{font-size:calc(13px * var(--ui-density, 1));padding:calc(8px * var(--ui-density, 1)) calc(12px * var(--ui-density, 1));border:1px solid var(--border);border-radius:calc(6px * var(--ui-density, 1))}.dashboard-refresh-settings p{margin:calc(10px * var(--ui-density, 1)) 0 0;font-size:calc(12px * var(--ui-density, 1))}

.sidebar .nav-item{display:flex;align-items:center;gap:calc(10px * var(--ui-density, 1))}.nav-item::before{content:'◇';font-size:calc(17px * var(--ui-density, 1));width:calc(20px * var(--ui-density, 1));text-align:center;flex-shrink:0;line-height:1}#nav-clients::before{content:'▣'}#nav-issues::before{content:'⚑'}#nav-scripts::before{content:'⌘'}#nav-files::before{content:'↥'}#nav-apps::before{content:'▦'}#nav-alerts::before{content:'♧'}#nav-reports::before{content:'▤'}#nav-settings::before{content:'⚙'}#nav-integrations::before{content:'⇄'}.sidebar .issue-child{padding:calc(8px * var(--ui-density, 1)) calc(12px * var(--ui-density, 1)) calc(8px * var(--ui-density, 1)) calc(42px * var(--ui-density, 1));font-size:calc(12px * var(--ui-density, 1))}.issue-child::before{display:none}.nav-count{margin-left:auto}.issue-filters{display:flex;gap:calc(10px * var(--ui-density, 1));flex-wrap:wrap;margin:calc(16px * var(--ui-density, 1)) 0}.issue-filters input,.issue-filters select{font-size:calc(13px * var(--ui-density, 1));padding:calc(8px * var(--ui-density, 1)) calc(12px * var(--ui-density, 1));border:1px solid var(--border);border-radius:calc(6px * var(--ui-density, 1))}.monitoring-table td{max-width:calc(300px * var(--ui-density, 1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

#nav-clients::before{content:"";height:calc(18px * var(--ui-density, 1));width:calc(18px * var(--ui-density, 1));background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203h18v13H3z%20M8%2021h8%20M12%2016v5%22/%3E%3C/svg%3E") center/contain no-repeat;}
#nav-issues::before{content:"";height:calc(18px * var(--ui-density, 1));width:calc(18px * var(--ui-density, 1));background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203%202%2021h20L12%203z%20M12%209v5%20M12%2017v1%22/%3E%3C/svg%3E") center/contain no-repeat;}
#nav-scripts::before{content:"";height:calc(18px * var(--ui-density, 1));width:calc(18px * var(--ui-density, 1));background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m8%206-6%206%206%206%20m8-12%206%206-6%206%20M14%203l-4%2018%22/%3E%3C/svg%3E") center/contain no-repeat;}
#nav-files::before{content:"";height:calc(18px * var(--ui-density, 1));width:calc(18px * var(--ui-density, 1));background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h6l2%202h8v12H4z%20M12%2016V2%20m-4%204%204-4%204%204%22/%3E%3C/svg%3E") center/contain no-repeat;}
#nav-apps::before{content:"";height:calc(18px * var(--ui-density, 1));width:calc(18px * var(--ui-density, 1));background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203h7v7H3z%20M14%203h7v7h-7z%20M3%2014h7v7H3z%20M14%2014h7v7h-7z%22/%3E%3C/svg%3E") center/contain no-repeat;}
#nav-alerts::before{content:"";height:calc(18px * var(--ui-density, 1));width:calc(18px * var(--ui-density, 1));background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2017h14l-2-3V9a5%205%200%200%200-10%200v5z%20M10%2021h4%22/%3E%3C/svg%3E") center/contain no-repeat;}
#nav-reports::before{content:"";height:calc(18px * var(--ui-density, 1));width:calc(18px * var(--ui-density, 1));background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%203h16v18H4z%20M8%208h8%20M8%2012h8%20M8%2016h5%22/%3E%3C/svg%3E") center/contain no-repeat;}
#nav-integrations::before{content:"";height:calc(18px * var(--ui-density, 1));width:calc(18px * var(--ui-density, 1));background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%203v5%20M16%203v5%20M5%208h14v3a7%207%200%200%201-14%200z%20M12%2018v4%22/%3E%3C/svg%3E") center/contain no-repeat;}
#nav-settings::before{content:"";height:calc(18px * var(--ui-density, 1));width:calc(18px * var(--ui-density, 1));background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16%20M4%2012h16%20M4%2018h16%20M8%203v6%20M16%209v6%20M10%2015v6%22/%3E%3C/svg%3E") center/contain no-repeat;}
.column-resizer{position:absolute;right:0;top:0;height:100%;width:calc(8px * var(--ui-density, 1));min-width:0;min-height:0;border-radius:0;box-shadow:none;cursor:col-resize;border:0;border-right:1px solid #cbd9dd;background:transparent;color:#75949a;font-size:calc(10px * var(--ui-density, 1));padding:0;touch-action:none}.column-resizer:hover,.column-resizer:focus{background:#d5eeea}th{padding-right:calc(12px * var(--ui-density, 1))!important}th[aria-sort=ascending]>button:not(.column-resizer):after{content:' ↑'}th[aria-sort=descending]>button:not(.column-resizer):after{content:' ↓'}.ticket-replied td{background:#fff0df!important;border-bottom-color:#edb881!important}.ticket-replied td:first-child{box-shadow:inset calc(4px * var(--ui-density, 1)) 0 #ca6717}.ticket-replied strong{color:#924110}table td{overflow:hidden;text-overflow:ellipsis}table{max-width:none!important}
.monitoring-table th > .button:not(.column-resizer){background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;margin:0;min-height:0;font:inherit;color:inherit;line-height:inherit;text-align:left}

/* Shared dashboard density: body 13px, controls 12px, table headings 11px. */
#app-view{font-size:calc(13px * var(--ui-density, 1))}#workspace h1{font-size:calc(26px * var(--ui-density, 1));line-height:1.2}#workspace h2{font-size:calc(18px * var(--ui-density, 1))}#workspace h3{font-size:calc(15px * var(--ui-density, 1))}
#app-view input:not([type=checkbox]):not([type=radio]):not([type=range]),#app-view select,dialog input:not([type=checkbox]):not([type=radio]),dialog select{font-family:inherit;font-size:calc(12px * var(--ui-density, 1));line-height:1.3;padding:calc(7px * var(--ui-density, 1)) calc(10px * var(--ui-density, 1));min-height:calc(32px * var(--ui-density, 1));box-sizing:border-box}
#app-view textarea,dialog textarea{font-family:inherit;font-size:calc(13px * var(--ui-density, 1));line-height:1.5}#app-view label,dialog label{font-size:calc(12px * var(--ui-density, 1))}
#app-view .button,dialog .button{font-size:calc(12px * var(--ui-density, 1));line-height:1.25;padding:calc(7px * var(--ui-density, 1)) calc(10px * var(--ui-density, 1));min-height:calc(32px * var(--ui-density, 1))}
#app-view table thead th,dialog table thead th{font-size:calc(11px * var(--ui-density, 1));line-height:1.2;padding:calc(7px * var(--ui-density, 1)) calc(10px * var(--ui-density, 1))!important;height:calc(32px * var(--ui-density, 1));vertical-align:middle}
#app-view table thead th button:not(.column-resizer),dialog table thead th button:not(.column-resizer){font:inherit!important;line-height:1.2!important;padding:0!important;min-height:0!important;margin:0!important;background:transparent;border:0;box-shadow:none}
#app-view table td,dialog table td{font-size:calc(12px * var(--ui-density, 1))}#app-view .muted{font-size:calc(13px * var(--ui-density, 1))}.monitoring-toolbar select{font-size:calc(12px * var(--ui-density, 1))}
#app-view table thead th button:not(.column-resizer),dialog table thead th button:not(.column-resizer){height:auto!important}

.app-install-dialog{width:min(calc(620px * var(--ui-density, 1)),94vw);padding:calc(22px * var(--ui-density, 1));font-size:calc(13px * var(--ui-density, 1))}.app-install-dialog h2{font-size:calc(20px * var(--ui-density, 1));padding-right:calc(35px * var(--ui-density, 1))}.app-install-form{display:grid;grid-template-columns:1fr 1fr;gap:calc(12px * var(--ui-density, 1)) calc(16px * var(--ui-density, 1))}.app-install-form>label{margin:0;font-size:calc(12px * var(--ui-density, 1))}.app-install-form>label:first-child,.app-install-form>.install-recipients,.app-install-form>p,.app-install-form>label:has(input[type=checkbox]){grid-column:1/-1}.app-install-form input,.app-install-form select{font-weight:400}.install-recipients{max-height:calc(180px * var(--ui-density, 1));overflow:auto;background:#f5f9f8;border:1px solid #dce7e3;border-radius:calc(8px * var(--ui-density, 1));padding:calc(12px * var(--ui-density, 1))}.install-recipients p{margin:0;padding:calc(6px * var(--ui-density, 1)) 0;font-size:calc(12px * var(--ui-density, 1))}.app-install-form .notice{padding:calc(9px * var(--ui-density, 1)) calc(12px * var(--ui-density, 1));font-size:calc(12px * var(--ui-density, 1))}.app-install-form>button{justify-self:start}.app-install-dialog>button:last-child{margin-top:calc(16px * var(--ui-density, 1))}dialog>.dialog-close-x{position:sticky;top:0;float:right;z-index:3;margin:calc(-8px * var(--ui-density, 1)) calc(-8px * var(--ui-density, 1)) 0 calc(8px * var(--ui-density, 1));width:calc(30px * var(--ui-density, 1));height:calc(30px * var(--ui-density, 1));border:1px solid #dce5e9;border-radius:calc(7px * var(--ui-density, 1));background:white;color:#45616b;font-size:calc(21px * var(--ui-density, 1));line-height:1;padding:0}.process-center{order:9;margin-left:auto;position:relative}.process-center+.notification-center{margin-left:0}.process-inbox{position:absolute;right:0;top:calc(42px * var(--ui-density, 1));width:min(calc(430px * var(--ui-density, 1)),90vw);max-height:70vh;overflow:auto;background:white;border:1px solid var(--border);border-radius:calc(10px * var(--ui-density, 1));padding:calc(16px * var(--ui-density, 1));z-index:1500;box-shadow:0 calc(12px * var(--ui-density, 1)) calc(40px * var(--ui-density, 1)) #17323c26;font-size:calc(13px * var(--ui-density, 1))}.process-inbox>button{float:right}.process-item{display:grid;gap:calc(7px * var(--ui-density, 1));border-top:1px solid var(--border);padding:calc(12px * var(--ui-density, 1)) 0}.process-item small{color:var(--muted);overflow-wrap:anywhere}.process-item .state-badge{justify-self:start}.process-item progress{width:100%;height:calc(7px * var(--ui-density, 1));accent-color:var(--accent)}@media(max-width:540px){.app-install-form{grid-template-columns:1fr}.process-inbox{position:fixed;right:calc(10px * var(--ui-density, 1));top:calc(100px * var(--ui-density, 1))}}
@media(max-width:760px){.process-inbox{position:fixed;right:calc(16px * var(--ui-density, 1));left:calc(16px * var(--ui-density, 1));top:calc(100px * var(--ui-density, 1));width:auto;max-height:70vh}}

.tools-dialog,.monthly-report{width:min(calc(1100px * var(--ui-density, 1)),94vw);max-height:88vh;overflow:auto;padding:calc(24px * var(--ui-density, 1))}.tools-actions{display:flex;flex-wrap:wrap;gap:calc(8px * var(--ui-density, 1));margin:calc(16px * var(--ui-density, 1)) 0}.tools-dialog td{max-width:calc(320px * var(--ui-density, 1));white-space:normal;overflow-wrap:anywhere}.tools-dialog pre{max-height:45vh;overflow:auto}.monthly-report th,.monthly-report td{font-size:calc(12px * var(--ui-density, 1));padding:calc(8px * var(--ui-density, 1))}

.maintenance-row{display:flex;justify-content:space-between;align-items:center;gap:calc(12px * var(--ui-density, 1));padding:calc(10px * var(--ui-density, 1));border-bottom:1px solid #dce5e3}.maintenance-targets{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(200px * var(--ui-density, 1)),1fr));max-height:calc(180px * var(--ui-density, 1));overflow:auto;gap:calc(8px * var(--ui-density, 1))}.maintenance-targets label{display:flex;align-items:center;gap:calc(6px * var(--ui-density, 1))}.maintenance-targets input{width:auto}.ticket-overdue{background:#fff5e5}

#table-wrap th .device-sort{border:0;background:transparent;color:inherit;font:inherit;font-weight:600;padding:0;min-height:0;height:auto;cursor:pointer;text-align:left}#table-wrap th[aria-sort="ascending"] .device-sort::after{content:" ↑"}#table-wrap th[aria-sort="descending"] .device-sort::after{content:" ↓"}
.device-map{width:min(calc(1200px * var(--ui-density, 1)),94vw);max-width:calc(1200px * var(--ui-density, 1));background:#fff}.map-canvas{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(220px * var(--ui-density, 1)),1fr));gap:calc(18px * var(--ui-density, 1));margin-top:calc(20px * var(--ui-density, 1))}.map-group{border-top:calc(3px * var(--ui-density, 1)) solid #108e87;background:#f5f9f8;border-radius:calc(10px * var(--ui-density, 1));padding:calc(14px * var(--ui-density, 1))}.map-group h3{font-size:calc(14px * var(--ui-density, 1));margin:0 0 calc(14px * var(--ui-density, 1))}.map-device{display:flex;flex-direction:column;gap:calc(7px * var(--ui-density, 1));text-align:left;width:100%;padding:calc(14px * var(--ui-density, 1));margin:0 0 calc(10px * var(--ui-density, 1));border:1px solid #dce7e5;border-radius:calc(9px * var(--ui-density, 1));background:white;color:inherit;cursor:pointer;overflow-wrap:anywhere}.map-device:hover,.map-device:focus-visible{border-color:#108e87;box-shadow:0 0 0 2px #d9eeeb}.map-device small,.map-connection{font-size:calc(12px * var(--ui-density, 1));color:#647c85}.map-network{grid-column:1/-1;border-top:1px solid #dce7e5;padding-top:calc(15px * var(--ui-density, 1))}.map-network p{font-size:calc(13px * var(--ui-density, 1))}.map-inspector:not(:empty){margin-top:calc(20px * var(--ui-density, 1));padding:calc(20px * var(--ui-density, 1));border:1px solid #cfe4df;border-radius:calc(12px * var(--ui-density, 1));background:#f6faf9}.map-selected-row{outline:2px solid #108e87;outline-offset:-2px}
/* Organizational diagram: each department owns one horizontal device branch. */
.device-map .map-canvas{display:block;background:#fff}
.device-map .map-group{background:none;border:0;border-radius:0;padding:calc(20px * var(--ui-density, 1)) 0 calc(32px * var(--ui-density, 1));margin:0 0 calc(12px * var(--ui-density, 1));text-align:center;overflow-x:auto}
.device-map .map-group h3{display:inline-block;position:relative;background:#edf7f5;border:1px solid #cbe3df;border-radius:calc(8px * var(--ui-density, 1));padding:calc(10px * var(--ui-density, 1)) calc(22px * var(--ui-density, 1));margin:0 0 calc(30px * var(--ui-density, 1));color:#166f68;font-size:calc(14px * var(--ui-density, 1))}
.device-map .map-group h3:after{content:'';position:absolute;height:calc(30px * var(--ui-density, 1));width:1px;background:#b6d5d0;top:100%;left:50%}
.device-map .map-branches{display:flex;justify-content:center;align-items:flex-start;width:max-content;min-width:100%;padding:0 calc(16px * var(--ui-density, 1))}
.device-map .map-device{position:relative;align-items:center;flex:0 0 calc(180px * var(--ui-density, 1));width:calc(180px * var(--ui-density, 1));border:0;background:transparent;border-radius:calc(8px * var(--ui-density, 1));margin:0;padding:calc(26px * var(--ui-density, 1)) calc(12px * var(--ui-density, 1)) calc(12px * var(--ui-density, 1));text-align:center;box-shadow:none;gap:calc(6px * var(--ui-density, 1))}
.device-map .map-device:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:#b6d5d0}
.device-map .map-device:first-child:before{left:50%}.device-map .map-device:last-child:before{right:50%}
.device-map .map-device:after{content:'';position:absolute;top:0;left:50%;width:1px;height:calc(23px * var(--ui-density, 1));background:#b6d5d0}
.device-map .map-device:hover,.device-map .map-device:focus-visible{background:#f0f8f6;box-shadow:none}
.device-map .map-device strong{font-size:calc(13px * var(--ui-density, 1));font-weight:600}.device-map .map-device small{font-size:calc(11px * var(--ui-density, 1));max-width:calc(156px * var(--ui-density, 1));overflow-wrap:anywhere}
.device-map .map-computer{display:block;position:relative;width:calc(57px * var(--ui-density, 1));height:calc(38px * var(--ui-density, 1));border:calc(3px * var(--ui-density, 1)) solid #607c8b;border-radius:calc(4px * var(--ui-density, 1));background:linear-gradient(135deg,#eff5f7,#d1e2e8);margin:calc(3px * var(--ui-density, 1)) 0 calc(15px * var(--ui-density, 1))}
.device-map .map-computer:before{content:'';position:absolute;width:calc(4px * var(--ui-density, 1));height:calc(9px * var(--ui-density, 1));background:#607c8b;bottom:calc(-11px * var(--ui-density, 1));left:calc(24px * var(--ui-density, 1))}
.device-map .map-computer:after{content:'';position:absolute;width:calc(32px * var(--ui-density, 1));height:calc(3px * var(--ui-density, 1));background:#607c8b;border-radius:calc(3px * var(--ui-density, 1));bottom:calc(-13px * var(--ui-density, 1));left:calc(10px * var(--ui-density, 1))}
.device-map .is-online .map-computer{border-color:#168f81;background:linear-gradient(135deg,#e8faf5,#b1ddd3)}
.device-map .controls input{font-size:calc(12px * var(--ui-density, 1));padding:calc(9px * var(--ui-density, 1)) calc(12px * var(--ui-density, 1));border:1px solid #d7e1e8;border-radius:calc(7px * var(--ui-density, 1));min-width:calc(220px * var(--ui-density, 1))}
/* Compact map with independently scrolling details, preserving canvas position. */
dialog.device-map[open]{display:flex;flex-direction:column;height:min(calc(850px * var(--ui-density, 1)),90vh);max-height:90vh;overflow:hidden;padding:calc(22px * var(--ui-density, 1))}
.device-map>.footnote{margin:calc(8px * var(--ui-density, 1)) 0 calc(12px * var(--ui-density, 1))}.device-map>.dialog-heading h2{font-size:calc(20px * var(--ui-density, 1));margin-bottom:calc(6px * var(--ui-density, 1))}
.map-layout{display:flex;gap:calc(16px * var(--ui-density, 1));flex:1;min-height:0;overflow:hidden}
.device-map .map-canvas{flex:1;min-width:0;overflow:auto;margin:0;padding-right:calc(5px * var(--ui-density, 1))}
.device-map .map-inspector:not(:empty){flex:0 0 calc(280px * var(--ui-density, 1));width:calc(280px * var(--ui-density, 1));align-self:stretch;overflow:auto;margin:0;padding:calc(14px * var(--ui-density, 1));background:#f7faf9;border-radius:calc(9px * var(--ui-density, 1))}
.device-map .map-inspector h3{font-size:calc(14px * var(--ui-density, 1));margin:calc(4px * var(--ui-density, 1)) 0;overflow-wrap:anywhere}.device-map .map-inspector .icon-button{flex-shrink:0;width:calc(25px * var(--ui-density, 1));height:calc(25px * var(--ui-density, 1));font-size:calc(18px * var(--ui-density, 1))}
.device-map .map-inspector .detail-grid{display:block;margin:calc(12px * var(--ui-density, 1)) 0}.device-map .map-inspector .detail-grid>div{padding:calc(7px * var(--ui-density, 1)) 0;border-bottom:1px solid #e2ece9}.device-map .map-inspector dt{font-size:calc(9px * var(--ui-density, 1))}.device-map .map-inspector dd{font-size:calc(12px * var(--ui-density, 1));margin-top:calc(3px * var(--ui-density, 1))}
.device-map .map-group{padding:calc(10px * var(--ui-density, 1)) 0 calc(17px * var(--ui-density, 1));margin-bottom:calc(4px * var(--ui-density, 1))}.device-map .map-group h3{font-size:calc(12px * var(--ui-density, 1));padding:calc(7px * var(--ui-density, 1)) calc(15px * var(--ui-density, 1));margin-bottom:calc(20px * var(--ui-density, 1))}.device-map .map-group h3:after{height:calc(20px * var(--ui-density, 1))}
.device-map .map-device{flex-basis:calc(140px * var(--ui-density, 1));width:calc(140px * var(--ui-density, 1));padding:calc(18px * var(--ui-density, 1)) calc(8px * var(--ui-density, 1)) calc(9px * var(--ui-density, 1));gap:calc(4px * var(--ui-density, 1))}.device-map .map-device:after{height:calc(15px * var(--ui-density, 1))}
.device-map .map-device strong{font-size:calc(12px * var(--ui-density, 1))}.device-map .map-device small,.device-map .map-connection{font-size:calc(10px * var(--ui-density, 1));max-width:calc(124px * var(--ui-density, 1))}
.device-map .map-computer{width:calc(42px * var(--ui-density, 1));height:calc(28px * var(--ui-density, 1));border-width:2px;margin:2px 0 calc(11px * var(--ui-density, 1))}.device-map .map-computer:before{left:calc(18px * var(--ui-density, 1));height:calc(6px * var(--ui-density, 1));bottom:calc(-8px * var(--ui-density, 1));width:calc(3px * var(--ui-density, 1))}.device-map .map-computer:after{left:calc(7px * var(--ui-density, 1));width:calc(24px * var(--ui-density, 1));height:2px;bottom:calc(-9px * var(--ui-density, 1))}
.device-map .map-device.is-selected{background:#e6f5f1;box-shadow:inset 0 0 0 1px #80bdb1}
@media(max-width:650px){.device-map .map-inspector:not(:empty){flex-basis:calc(210px * var(--ui-density, 1));width:calc(210px * var(--ui-density, 1));padding:calc(10px * var(--ui-density, 1))}.map-layout{gap:calc(8px * var(--ui-density, 1))}dialog.device-map[open]{padding:calc(16px * var(--ui-density, 1))}.device-map .controls input{min-width:0;width:100%}}
.device-map .map-device:has(.map-live){flex-basis:calc(260px * var(--ui-density, 1));width:calc(260px * var(--ui-density, 1));padding-right:calc(128px * var(--ui-density, 1))}.device-map .map-device:has(.map-live):after{left:calc(66px * var(--ui-density, 1))}.device-map .map-live{position:absolute;left:calc(136px * var(--ui-density, 1));top:calc(24px * var(--ui-density, 1));width:calc(118px * var(--ui-density, 1));display:flex;flex-direction:column;gap:calc(5px * var(--ui-density, 1));text-align:left}.device-map .map-live-item{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:calc(10px * var(--ui-density, 1));line-height:1.4;padding:calc(5px * var(--ui-density, 1)) calc(7px * var(--ui-density, 1));border-radius:calc(5px * var(--ui-density, 1));background:#eef3f7;color:#436274;border-left:2px solid #7f9fae}.device-map .map-live-item.running,.device-map .map-live-item.in_progress{background:#e5f5ef;border-color:#18977d;color:#146c5b}.device-map .map-live-item.replied{background:#fff0e9;border-color:#d16b30;color:#994712}.device-map .map-activity-note{margin:calc(5px * var(--ui-density, 1)) 0;font-size:calc(10px * var(--ui-density, 1))}
/* Keep connector anchors centered regardless of adjacent activity. */
.device-map .map-node{position:relative;flex:0 0 calc(260px * var(--ui-density, 1));width:calc(260px * var(--ui-density, 1));display:flex;justify-content:center;padding-top:calc(18px * var(--ui-density, 1))}
.device-map .map-node:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:#b6d5d0}.device-map .map-node:first-child:before{left:50%}.device-map .map-node:last-child:before{right:50%}
.device-map .map-node:after{content:'';position:absolute;top:0;left:50%;height:calc(21px * var(--ui-density, 1));width:1px;background:#b6d5d0}
.device-map .map-node .map-device{flex:0 0 calc(140px * var(--ui-density, 1));width:calc(140px * var(--ui-density, 1));padding:0 calc(8px * var(--ui-density, 1)) calc(9px * var(--ui-density, 1))}.device-map .map-node .map-device:before,.device-map .map-node .map-device:after{display:none}
.device-map .map-node .map-live{left:calc(50% + calc(30px * var(--ui-density, 1)));top:calc(20px * var(--ui-density, 1));width:auto;max-width:calc(110px * var(--ui-density, 1));gap:calc(4px * var(--ui-density, 1));align-items:flex-start}
.device-map .map-live-item{display:block;white-space:nowrap;-webkit-line-clamp:unset;font-size:calc(9px * var(--ui-density, 1));line-height:1.25;padding:calc(3px * var(--ui-density, 1)) calc(5px * var(--ui-density, 1));border:1px solid #d8e4e8;border-left:2px solid #7f9fae;border-radius:calc(4px * var(--ui-density, 1));width:max-content;max-width:calc(110px * var(--ui-density, 1));cursor:pointer}.device-map .map-live-item:hover{filter:brightness(.95)}
.diagnostic-result{font-size:calc(12px * var(--ui-density, 1));min-width:0}.diagnostic-scroll{overflow:auto;max-height:55vh;border:1px solid #e1e9ed;border-radius:calc(7px * var(--ui-density, 1))}.diagnostic-table{font-size:calc(12px * var(--ui-density, 1))}.diagnostic-table td,.diagnostic-table th{padding:calc(8px * var(--ui-density, 1)) calc(10px * var(--ui-density, 1));white-space:normal;overflow-wrap:anywhere}.diagnostic-table th{position:sticky;top:0;background:#f3f7f8;z-index:1}.diagnostic-table meter{display:block;width:calc(85px * var(--ui-density, 1));height:calc(6px * var(--ui-density, 1));margin-top:calc(5px * var(--ui-density, 1))}.diagnostic-fields{margin:0}.diagnostic-fields>div{padding:calc(8px * var(--ui-density, 1));border-bottom:1px solid #e4ebee}.diagnostic-fields dt{font-weight:600;color:#607583}.diagnostic-fields dd{margin:calc(5px * var(--ui-density, 1)) 0 0}.diagnostic-result details{margin-top:calc(12px * var(--ui-density, 1))}.diagnostic-message{white-space:pre-wrap;overflow-wrap:anywhere}.diagnostic-result pre{max-height:calc(200px * var(--ui-density, 1))}.diagnostic-result summary{cursor:pointer;color:#587c86;font-size:calc(11px * var(--ui-density, 1))}
#results-dialog,dialog:has(.diagnostic-result){width:min(calc(1180px * var(--ui-density, 1)),94vw);max-width:96vw;min-width:min(calc(520px * var(--ui-density, 1)),90vw);max-height:92vh;resize:both;overflow:auto;font-size:calc(13px * var(--ui-density, 1))}#results-dialog h2{font-size:calc(22px * var(--ui-density, 1))}#results-dialog h3{font-size:calc(16px * var(--ui-density, 1))}#results-dialog p{font-size:calc(13px * var(--ui-density, 1))}#results-dialog .diagnostic-table{width:max-content;min-width:100%;table-layout:auto}#results-dialog .diagnostic-table th,#results-dialog .diagnostic-table td{min-width:calc(95px * var(--ui-density, 1));white-space:normal;word-break:normal;overflow-wrap:normal}#results-dialog .diagnostic-table td:nth-child(2){min-width:calc(230px * var(--ui-density, 1))}.diagnostic-table th{white-space:nowrap!important}
.device-map .map-live-item{background:#fff;color:#526b78;border:1px solid #dae5e7;padding:2px calc(3px * var(--ui-density, 1))}.device-map .map-status{display:inline-block;padding:2px calc(4px * var(--ui-density, 1));border-radius:calc(3px * var(--ui-density, 1));background:#eaf0f5;color:#567082}.device-map .map-status.running,.device-map .map-status.in_progress{background:#fff1c9;color:#956100}.device-map .map-status.replied{background:#ffe2df;color:#a5352e}.device-map .map-status.new{background:#e0efff;color:#286498}.device-map .map-status.waiting,.device-map .map-status.queued{background:#edf0f3;color:#647483}
dialog.device-map{position:fixed}.device-map>.dialog-close-x{position:absolute!important;top:calc(12px * var(--ui-density, 1))!important;right:calc(12px * var(--ui-density, 1))!important;left:auto!important;margin:0!important;z-index:5}.device-map>.dialog-heading{padding-right:calc(40px * var(--ui-density, 1))}
.map-viewport{position:relative;flex:1;min-width:0;overflow:auto;cursor:grab;touch-action:none}.map-viewport.dragging{cursor:grabbing;user-select:none}.device-map .map-viewport .map-canvas{overflow:visible;min-width:calc(600px * var(--ui-density, 1));padding:calc(12px * var(--ui-density, 1)) calc(100px * var(--ui-density, 1)) calc(80px * var(--ui-density, 1));margin:0}.device-map .map-group{overflow:visible}.map-navigation{position:sticky;bottom:calc(12px * var(--ui-density, 1));left:calc(8px * var(--ui-density, 1));width:calc(92px * var(--ui-density, 1));display:grid;grid-template-columns:repeat(3,calc(28px * var(--ui-density, 1)));gap:calc(3px * var(--ui-density, 1));padding:calc(5px * var(--ui-density, 1));background:#fff;border:1px solid #d4e3e1;border-radius:calc(8px * var(--ui-density, 1));box-shadow:0 2px calc(8px * var(--ui-density, 1)) #203e4020;z-index:4;cursor:default}.map-navigation button{border:0;background:#edf5f3;border-radius:calc(4px * var(--ui-density, 1));width:calc(26px * var(--ui-density, 1));height:calc(26px * var(--ui-density, 1));color:#24685f;font-size:calc(16px * var(--ui-density, 1))}.map-navigation span{grid-column:1/-1;text-align:center;font-size:calc(10px * var(--ui-density, 1))}
.device-tab-controls{display:flex;align-items:center;flex:1;gap:calc(8px * var(--ui-density, 1));padding-left:calc(8px * var(--ui-density, 1))}.device-tab-icon{display:inline-flex;align-items:center;justify-content:center;width:calc(30px * var(--ui-density, 1));height:calc(30px * var(--ui-density, 1));padding:0;border:1px solid #d7e3e8;border-radius:calc(6px * var(--ui-density, 1));background:#fff;color:#557482;font-size:calc(20px * var(--ui-density, 1));cursor:pointer}.device-tab-icon:hover{background:#e8f4f1;color:#087f78}.device-tab-controls #tasks-close{margin-left:auto}#tasks-dialog>.form-actions:empty{display:none}
.device-name-line{display:flex;align-items:center;gap:calc(5px * var(--ui-density, 1));flex-wrap:wrap}.device-name-line strong{min-width:0}.device-activity-badge{display:inline-block;flex-shrink:0;font-size:calc(9px * var(--ui-density, 1));font-weight:600;line-height:1.25;padding:2px calc(4px * var(--ui-density, 1));border-radius:calc(4px * var(--ui-density, 1));background:#e6f3f0;color:#23776d;border:1px solid #d2e9e3;white-space:nowrap}
/* Compact, separated map controls. */
.map-navigation{width:max-content;display:flex;align-items:stretch;gap:calc(7px * var(--ui-density, 1));padding:0;background:transparent;border:0;box-shadow:none}.map-zoom-controls,.map-move-controls{padding:calc(5px * var(--ui-density, 1));border:1px solid #d4e3e1;border-radius:calc(7px * var(--ui-density, 1));background:#fff;box-shadow:0 2px calc(6px * var(--ui-density, 1)) #203e4015}.map-zoom-controls{display:flex;flex-direction:column;justify-content:center;gap:calc(5px * var(--ui-density, 1));align-items:center}.map-directions{display:grid;grid-template-columns:repeat(3,calc(24px * var(--ui-density, 1)));grid-template-rows:repeat(3,calc(24px * var(--ui-density, 1)));gap:2px}.map-navigation button{width:calc(24px * var(--ui-density, 1));height:calc(24px * var(--ui-density, 1));font-size:calc(15px * var(--ui-density, 1))}.map-directions [data-direction='↑']{grid-area:1/2}.map-directions [data-direction='←']{grid-area:2/1}.map-directions [data-direction='→']{grid-area:2/3}.map-directions [data-direction='↓']{grid-area:3/2}.map-navigation .map-reset{width:100%;height:calc(23px * var(--ui-density, 1));font-size:calc(10px * var(--ui-density, 1));margin-bottom:calc(4px * var(--ui-density, 1));background:#f5f8f7}.device-map .map-refresh-icon{padding:0;width:calc(28px * var(--ui-density, 1));height:calc(28px * var(--ui-density, 1));min-width:calc(28px * var(--ui-density, 1));font-size:calc(18px * var(--ui-density, 1));align-self:center}
.device-section-tabs{align-items:center;min-width:0;position:relative;padding-right:calc(4px * var(--ui-density, 1))}.device-tab-controls{min-width:calc(54px * var(--ui-density, 1));padding-left:calc(4px * var(--ui-density, 1));padding-right:calc(4px * var(--ui-density, 1));gap:calc(4px * var(--ui-density, 1))}.device-tab-controls .device-tab-icon{flex:0 0 calc(23px * var(--ui-density, 1));width:calc(23px * var(--ui-density, 1));height:calc(23px * var(--ui-density, 1));font-size:calc(16px * var(--ui-density, 1));line-height:1;border-radius:calc(5px * var(--ui-density, 1))}.device-tab-controls #tasks-close{position:static!important;inset:auto!important;margin:0 0 0 auto!important;transform:none!important}.device-expanded{min-width:0;max-width:100%}
.process-item,.notification-row{position:relative;padding-right:calc(28px * var(--ui-density, 1))}.activity-dismiss{position:absolute;right:calc(3px * var(--ui-density, 1));top:calc(8px * var(--ui-density, 1));width:calc(22px * var(--ui-density, 1));height:calc(22px * var(--ui-density, 1));border:0;background:transparent;color:#647a85;font-size:calc(17px * var(--ui-density, 1));cursor:pointer}.notification-row .notification-item{width:100%}
.diagnostic-check.pass{color:#188263}.diagnostic-check.fail{color:#b33737}.diagnostic-check.warning{color:#a87508}.diagnostic-check.unknown{color:#697e89}
.device-activity-badge{background:#087f78;color:#fff;border-color:#087f78}
.device-activity-badge.device-task-badge{background:#194b7a;color:#fff;border-color:#194b7a}
.device-map .map-live-item.map-ticket-activity{background:#087f78;color:#fff;border-color:#087f78}.device-map .map-live-item.map-task-activity{background:#194b7a;color:#fff;border-color:#194b7a}
/* Keep personal access visible while long navigation scrolls independently. */
.sidebar{height:100dvh;min-height:0;overflow:hidden}
.sidebar>.brand{flex-shrink:0;margin-bottom:calc(24px * var(--ui-density, 1))}
.sidebar>nav{min-height:0;overflow-y:auto;flex:1;scrollbar-width:thin}
.sidebar>.sidebar-note{flex-shrink:0;margin:calc(8px * var(--ui-density, 1)) 0;padding:calc(8px * var(--ui-density, 1)) calc(10px * var(--ui-density, 1))}
.sidebar>.account{display:flex;flex-shrink:0;width:100%;background:transparent;border:0;border-top:1px solid #29404e;text-align:left;padding:calc(14px * var(--ui-density, 1)) calc(4px * var(--ui-density, 1)) calc(8px * var(--ui-density, 1));color:inherit;border-radius:0}
.sidebar>.account:hover{background:#203d49}
.sidebar>.account strong{white-space:normal;overflow-wrap:anywhere}
.sidebar>.account small{white-space:normal;line-height:1.4}
.sidebar>.logout,.sidebar>#nav-settings{flex-shrink:0}
.profile-tabs{display:flex;flex-wrap:wrap;gap:calc(8px * var(--ui-density, 1));margin-bottom:calc(22px * var(--ui-density, 1))}
.profile-tabs+div{margin-bottom:calc(24px * var(--ui-density, 1))}
@media(max-width:760px){.sidebar{height:auto;overflow:visible}.sidebar>nav{max-height:35vh;flex:auto}.sidebar>.account{width:auto;border:0;margin-left:auto}.sidebar>.brand{margin-bottom:0}}
@media(min-width:761px) and (max-height:700px){.sidebar{padding-top:calc(18px * var(--ui-density, 1))}.sidebar>.sidebar-note,.sidebar>.nav-label{display:none}.sidebar>.brand{margin-bottom:calc(16px * var(--ui-density, 1))}}
/* Profile launcher and its top-layer dropdown remain available at every viewport. */
.sidebar>.sidebar-note{display:none}
.sidebar>.account{margin-top:calc(12px * var(--ui-density, 1));min-height:calc(64px * var(--ui-density, 1));padding:calc(12px * var(--ui-density, 1)) calc(8px * var(--ui-density, 1));border-radius:calc(8px * var(--ui-density, 1));gap:calc(12px * var(--ui-density, 1))}
.sidebar>.account::after{content:'⌃';margin-left:auto;color:#a5bdc9}
.sidebar>.account>div{flex:1;min-width:0}
.sidebar>.account strong{font-size:calc(13px * var(--ui-density, 1));line-height:1.4}
.sidebar>.account small{font-size:calc(10px * var(--ui-density, 1))}
.profile-menu{position:fixed;inset:auto;margin:0;width:min(calc(220px * var(--ui-density, 1)),calc(100vw - calc(16px * var(--ui-density, 1))));max-height:calc(100dvh - calc(100px * var(--ui-density, 1)));overflow-x:hidden;overflow-y:auto;padding:calc(6px * var(--ui-density, 1));background:white;color:#213242;border:1px solid #dce4ea;border-radius:calc(9px * var(--ui-density, 1));box-shadow:0 calc(8px * var(--ui-density, 1)) calc(24px * var(--ui-density, 1)) #10253426}
.profile-menu::backdrop{background:transparent}
.profile-menu-name{display:block;padding:calc(8px * var(--ui-density, 1)) calc(10px * var(--ui-density, 1));overflow-wrap:anywhere;border-bottom:1px solid #e2e8ee;margin-bottom:calc(4px * var(--ui-density, 1));font-size:calc(13px * var(--ui-density, 1))}
.profile-menu-option{display:flex;align-items:center;gap:calc(10px * var(--ui-density, 1));width:100%;min-width:0;padding:calc(8px * var(--ui-density, 1)) calc(10px * var(--ui-density, 1));border:0;border-radius:calc(6px * var(--ui-density, 1));background:transparent;color:inherit;text-align:left;font-size:calc(13px * var(--ui-density, 1));line-height:1.4;overflow-wrap:anywhere}
.profile-menu-option:hover,.profile-menu-option:focus-visible{background:#edf5f4}
.profile-menu-icon{width:calc(18px * var(--ui-density, 1));flex-shrink:0;text-align:center;font-size:calc(18px * var(--ui-density, 1))}
.profile-menu-option:last-child{border-top:1px solid #e2e8ee;border-radius:0;margin-top:calc(4px * var(--ui-density, 1));padding-top:calc(10px * var(--ui-density, 1))}
@media(max-width:760px){.sidebar>.account{margin-top:0;min-height:calc(48px * var(--ui-density, 1));max-width:100%}}

/* SoltechDesk wordmark: letter tiles are part of the name. */
.brand{gap:2px;font-size:calc(27px * var(--ui-density, 1));letter-spacing:-1px;white-space:nowrap}.brand .brand-symbol{width:calc(34px * var(--ui-density, 1));height:calc(35px * var(--ui-density, 1));flex:0 0 calc(34px * var(--ui-density, 1));font-size:calc(29px * var(--ui-density, 1));border-radius:calc(8px * var(--ui-density, 1));background:#1faaa0;color:#102c36}.brand .brand-d{background:#fff;margin-left:2px}.brand-word{color:#fff}.sidebar .brand{font-size:calc(21px * var(--ui-density, 1));letter-spacing:-.8px;gap:1px}.sidebar .brand-symbol{width:calc(27px * var(--ui-density, 1));height:calc(29px * var(--ui-density, 1));flex-basis:calc(27px * var(--ui-density, 1));font-size:calc(25px * var(--ui-density, 1));border-radius:calc(6px * var(--ui-density, 1))}

/* Shared password controls and actionable form feedback. */
.password-wrap{position:relative;display:block;width:100%;min-width:0}
.password-wrap input{width:100%;padding-right:calc(48px * var(--ui-density, 1))!important;box-sizing:border-box}
.password-wrap .password-eye{position:absolute;inset:50% calc(8px * var(--ui-density, 1)) auto auto;transform:translateY(-50%);display:grid;place-items:center;width:calc(34px * var(--ui-density, 1));height:calc(34px * var(--ui-density, 1));padding:calc(6px * var(--ui-density, 1));margin:0;border:0;border-radius:calc(5px * var(--ui-density, 1));background:transparent;color:#536b7d;cursor:pointer}
.password-wrap .password-eye:hover{background:#eaf2f3}
.password-eye:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
input[aria-invalid="true"],select[aria-invalid="true"],fieldset[aria-invalid="true"]{border-color:#b42338!important;box-shadow:0 0 0 1px #b4233820}
.field-error{display:block;color:#a32338;font-size:calc(12px * var(--ui-density, 1));line-height:1.5;margin-top:calc(6px * var(--ui-density, 1));font-weight:400}

/* Compact desktop density. Viewport heights and responsive breakpoints stay unscaled. */
:root{--ui-density:0.9}
@media(max-width:760px){:root{--ui-density:1}}

/* Agent enrollment: compact choices share the dashboard's typography and controls. */
#enroll-dialog.enrollment-dialog{width:min(660px,calc(100vw - 32px));max-width:660px;padding:24px;box-sizing:border-box;max-height:90dvh;overflow-y:auto}
.enrollment-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
.enrollment-heading h2{margin:0 0 6px}.enrollment-heading p{margin:0}#enroll-dialog>.dialog-close-x{position:absolute;top:18px;right:18px;float:none;margin:0}.enrollment-heading{padding-right:36px}
.enrollment-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}
.enrollment-choice{font:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;background:#fff;border:1px solid #d7e3e9;border-radius:12px;padding:18px;color:#223a47;cursor:pointer}
.enrollment-choice svg{width:24px;height:24px;fill:none;stroke:#078882;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round;margin-bottom:4px}
.enrollment-choice strong{font-size:14px}.enrollment-choice span{font-size:13px;line-height:1.5;color:#647c8a;font-weight:400}
.enrollment-choice:hover,.enrollment-choice[aria-pressed=true]{border-color:#078882;background:#eef8f7}.enrollment-choice[aria-pressed=true]{box-shadow:0 0 0 1px #078882}
#enroll-form{display:block}#enroll-form>label[for="enroll-os"]{margin-top:14px}#enroll-email-field{margin-top:14px}#enroll-help{padding-top:8px}#enroll-form[hidden]{display:none}.enrollment-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#enroll-form label{display:block;margin:0 0 6px;font-size:13px}#enroll-form select,#enroll-form input{width:100%;box-sizing:border-box;font-size:14px;min-height:40px}
#enroll-form .footnote{margin:4px 0 8px;font-size:12px;line-height:1.6}#enroll-form .form-actions{display:flex;justify-content:flex-end;margin:8px 0 0}#enroll-form .form-actions button{width:auto;flex:none}
#enroll-dialog .notice{font-size:13px;line-height:1.5}#enroll-history{margin-top:20px;border-top:1px solid #e1e8ed;padding-top:16px;font-size:13px}#enroll-history summary{cursor:pointer;font-weight:600}.enrollment-history-toolbar{display:flex;justify-content:flex-end;margin:12px 0}
.enrollment-invitation{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #edf1f4}.enrollment-invitation>div{min-width:0;overflow-wrap:anywhere}.enrollment-invitation small{display:block;margin-top:5px;line-height:1.5}.enrollment-invitation button{flex:none}
.installer-landing{min-height:100dvh;display:grid;place-items:center;background:#f4f7fa;padding:24px;box-sizing:border-box}.installer-card{background:#fff;border:1px solid #dce6ec;border-radius:18px;padding:36px;max-width:480px;line-height:1.6}.installer-brand{color:#078882;font-weight:700}.installer-card h1{font-size:28px;line-height:1.2}.installer-card a{color:#078882}.installer-card .button{margin:12px 0}
@media(max-width:520px){.enrollment-choices,.enrollment-fields{grid-template-columns:1fr}#enroll-dialog.enrollment-dialog{padding:18px}.enrollment-choice{padding:14px}.installer-card{padding:24px}}

/* Client creation keeps checkbox dimensions independent from text inputs. */
#create-dialog{width:min(calc(740px * var(--ui-density,1)),94vw)}
#create-dialog>h2{padding-right:38px}
#create-dialog>.dialog-close-x{position:absolute;top:16px;right:16px;float:none;margin:0}
#create-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
#create-form>.footnote,#create-form>.initial-departments-section,#create-form>.company-user-fields,#create-form>.notice,#create-form>.form-actions{grid-column:1/-1}
#create-dialog .client-create-field>label{margin:0 0 6px}
#create-dialog .company-user-fields{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin:4px 0 0;padding:16px}
#create-dialog .company-user-fields>label{margin:0;display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0}
#create-dialog .company-user-fields>label:has(input[type=password]),#create-dialog .company-user-fields>label:has(.password-field),#create-dialog .company-user-fields>label:last-child{grid-column:1/-1}
#create-dialog .company-user-fields>label.accounts-checkbox{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:9px;font-weight:500;line-height:1.45}
#create-dialog .company-user-fields input[type=checkbox]{width:16px;height:16px;min-width:16px;min-height:16px;max-width:16px;flex:0 0 16px;padding:0;margin:0;accent-color:#078882;cursor:pointer}
#create-dialog .company-user-fields>label:has(input[autocomplete=new-password]){grid-column:1/-1}
#create-dialog .form-actions{margin-top:4px}
@media(max-width:560px){#create-form,#create-dialog .company-user-fields{grid-template-columns:minmax(0,1fr)}}

/* Shared app/script publication picker. */
dialog.publication-dialog{width:min(580px,94vw);max-height:88dvh;overflow:auto;padding:24px;box-sizing:border-box;font-size:13px;color:#29424f;border:1px solid #dbe5eb;border-radius:14px}
.publication-dialog h2{font-size:20px;line-height:1.35;margin:0 34px 12px 0;overflow-wrap:anywhere}
.publication-dialog .publication-description{font-size:13px;line-height:1.6;color:#647c8a;margin:0 0 18px}
.publication-dialog .publication-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.publication-dialog .button{font-size:13px;padding:8px 12px;min-height:34px;width:auto;margin:0}
.publication-dialog .publication-clients{display:grid;border:1px solid #dce5eb;border-radius:9px;max-height:260px;overflow:auto;padding:4px 12px}
.publication-dialog .publication-clients label{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:12px 0;margin:0;font-size:13px;font-weight:500;line-height:1.45;cursor:pointer;overflow-wrap:anywhere}
.publication-dialog .publication-clients label+label{border-top:1px solid #edf1f4}
.publication-dialog .publication-clients input[type=checkbox]{appearance:auto;width:16px;height:16px;min-width:16px;flex:0 0 16px;margin:0;padding:0;accent-color:#078882}
.publication-dialog .publication-count{font-size:12px;color:#647c8a;margin:10px 0}
.publication-dialog .publication-message{font-size:13px;color:#a33428;line-height:1.5}.publication-dialog .publication-message:empty{display:none}
.publication-dialog .form-actions{display:flex;justify-content:flex-end;gap:8px;margin:18px 0 0}
.publication-dialog>.dialog-close-x{position:absolute;right:16px;top:16px;float:none;margin:0}
.apps-table:has(th:nth-child(5)){width:100%;min-width:calc(1050px * var(--ui-density,1))}
.apps-table:has(th:nth-child(5)) th:nth-child(2){width:calc(260px * var(--ui-density,1))}
.apps-table:has(th:nth-child(5)) th:nth-child(4){width:calc(165px * var(--ui-density,1))}
.apps-table:has(th:nth-child(5)) th:nth-child(5){width:calc(315px * var(--ui-density,1))}
.apps-table .app-added-date{white-space:normal;line-height:1.5}
.apps-table:has(th:nth-child(5)) td:last-child{white-space:normal}
.apps-table:has(th:nth-child(5)) td:last-child .button{margin:3px}

.workspace-selector[hidden]{display:none}

.security-page {display:grid;gap:16px;min-width:0}.security-page p{margin:6px 0;line-height:1.5}.security-config{display:grid;gap:16px;max-width:850px}.security-card{border:1px solid #dbe5eb;border-radius:12px;padding:18px;background:white}.security-page .security-toggle{display:flex;align-items:center;gap:12px}.security-page input[type=checkbox]{width:18px;height:18px;min-height:0;flex:0 0 18px;margin:0;accent-color:#078681}.security-fields{display:flex;gap:20px;flex-wrap:wrap}.security-config label:not(.security-toggle){display:grid;gap:8px}.security-fields input{max-width:180px}.security-config>.button{justify-self:start}.security-review{display:grid;gap:8px;min-width:200px;max-width:320px;margin-top:10px}.security-review textarea{min-height:80px;resize:vertical}.security-page td{vertical-align:top;white-space:normal;overflow-wrap:anywhere}.security-page details p{white-space:pre-wrap}.security-page .form-actions{justify-content:flex-start;gap:10px}.security-page .button{width:auto}

.security-page .notice:empty{display:none}.security-page input:not([type=checkbox]),.security-page select,.security-page textarea{font:inherit;color:inherit;background:#fff;border:1px solid #cbdce6;border-radius:8px;padding:10px 12px;box-sizing:border-box;width:100%}.security-page input:focus-visible,.security-page select:focus-visible,.security-page textarea:focus-visible{outline:2px solid #28b3aa;outline-offset:2px}.security-page .security-fields input{width:160px}.security-config>label{max-width:620px}.security-page .security-card h2{font-size:1.1rem;margin:0 0 10px}

/* Security reports use the same compact, horizontally scrollable table pattern. */
.security-page .security-table-scroll{overflow-x:auto;max-width:100%;scrollbar-gutter:stable}
.security-page .security-table{table-layout:fixed;min-width:1480px;width:100%}
.security-page .security-table td,.security-page .security-table th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;overflow-wrap:normal}
.security-table th:nth-child(1){width:185px}.security-table th:nth-child(2){width:145px}.security-table th:nth-child(3){width:165px}.security-table th:nth-child(4){width:230px}.security-table th:nth-child(5){width:245px}.security-table th:nth-child(6){width:125px}.security-table th:nth-child(7){width:100px}.security-table th:nth-child(8){width:285px}
.security-comment-link{display:block;max-width:100%;border:0;background:none;padding:0;color:#087f7b;font:inherit;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.security-comment-link:hover{text-decoration:underline}
dialog.security-review-dialog{width:min(580px,94vw);max-height:88dvh;overflow:auto;padding:24px;box-sizing:border-box;font-size:13px;color:#29424f;border:1px solid #dbe5eb;border-radius:14px}
.security-review-dialog h2{font-size:20px;line-height:1.35;margin:0 36px 16px 0}.security-review-dialog form{display:grid;gap:16px}.security-review-dialog label{display:grid;gap:8px}.security-review-dialog .security-review-evidence{background:#f5f8fa;border-radius:8px;padding:12px;margin-bottom:18px;overflow-wrap:anywhere}.security-review-dialog textarea{resize:vertical;min-height:96px}.security-review-dialog .form-actions{display:flex;justify-content:flex-end;gap:8px;margin:0}.security-review-dialog .button{width:auto;font-size:13px;padding:8px 12px;min-height:34px;margin:0}.security-review-dialog>.dialog-close-x{position:absolute;right:16px;top:16px;float:none}.security-review-error:empty{display:none}.security-review-error{color:#b32d3b}.security-review-history{border-top:1px solid #dbe5eb;margin-top:18px;padding-top:14px}.security-review-history article{padding:12px 0;border-bottom:1px solid #edf1f4}.security-review-history p{white-space:pre-wrap;overflow-wrap:anywhere}


/* Compact Security configuration, aligned with dashboard typography. */
.security-config{gap:14px;max-width:780px}
.security-config>.security-card{padding:14px 16px;border-radius:10px}
.security-rule-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}
.security-rule-header>strong{font-size:inherit;line-height:1.4;font-weight:700}
.security-config>.security-card>p{font-size:12px;line-height:1.55;margin:0;color:#6b8190}
.security-config>p{font-size:12px;line-height:1.5;margin:0}
.security-page .security-rule-toggle,#monitoring-view .security-rule-toggle{position:relative;box-sizing:border-box;width:58px;min-width:58px;height:26px;min-height:26px;flex-shrink:0;margin:0;border:1px solid transparent;border-radius:999px;padding:0 5px 0 24px;font-size:10px;line-height:24px;font-weight:750;text-align:center;box-shadow:inset 0 1px 2px #0002;transition:background .15s}
.security-page .security-rule-toggle::after{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;background:white;border-radius:50%;box-shadow:0 1px 3px #0002;transition:transform .15s}
.security-page .security-rule-toggle.enabled,#monitoring-view .security-rule-toggle.enabled{background:#31b64d;border-color:#31b64d;color:#10481b;padding:0 24px 0 5px}
.security-page .security-rule-toggle.enabled::after{transform:translateX(32px)}
.security-page .security-rule-toggle.disabled{background:#d5d5d5;border-color:#d5d5d5;color:#454545}
.security-rule-toggle:focus-visible{outline:2px solid #248f83;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.security-page .security-rule-toggle,.security-page .security-rule-toggle::after{transition:none}}