:root{--green:#0daf83;--dark:#087258;--ink:#18232c;--muted:#75828c;--line:#e5ebee;--bg:#f3f6f7;--white:#fff;--red:#e4555c;--yellow:#eba828;--purple:#756be8}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}a{text-decoration:none;color:var(--dark)}button,.btn{cursor:pointer}.btn{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 14px;color:#394750;font-size:12px;font-weight:700}.btn.primary{border-color:var(--green);background:var(--green);color:#fff}.btn.light{background:#fff;color:var(--dark);border:0}.btn:disabled{opacity:.55;cursor:not-allowed}
#sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:30;transition:.25s}.brand{height:78px;padding:18px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.brand>span,.login-brand>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#13ba8d,#087258);color:#fff;font-size:21px;font-weight:900;box-shadow:0 9px 22px #0daf8330}.brand b,.brand small{display:block}.brand small,.user-card small,.login-brand small{font-size:10px;color:var(--muted);margin-top:3px}.brand .close{display:none;margin-left:auto;border:0;background:none;font-size:24px}.user-card{display:flex;align-items:center;gap:11px;margin:17px 13px 8px;padding:12px;background:#edf9f5;border-radius:13px}.user-card>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#d6f3ea;color:var(--dark);font-weight:800}.user-card b{display:block;font-size:12px}.user-card small{display:block}nav{padding:9px 12px;overflow:auto}nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:10px;color:#596873;font-size:12px;margin:2px 0}nav a i{font-style:normal;width:20px;text-align:center;font-size:17px}nav a:hover{background:#f5f8f7}nav a.active{background:#e7f7f2;color:#08785d;font-weight:800}.side-foot{margin-top:auto;padding:16px 22px;border-top:1px solid var(--line);font-size:12px}.app-main{margin-left:245px;min-height:100vh}.app-main header{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;position:sticky;top:0;z-index:20}.app-main header h1{font-size:18px;margin:4px 0 0}.app-main header>div>small{font-size:8px;color:#0b8f6d;font-weight:800;letter-spacing:.12em}.time{margin-left:auto;text-align:right}.time b,.time span{display:block}.time span{font-size:10px;color:var(--muted);margin-top:3px}.hamburger{display:none;border:0;background:none;font-size:21px;margin-right:10px}.backdrop{display:none}.info{height:32px;padding:0 30px;display:flex;align-items:center;gap:10px;background:#edf8f4;color:#3e7869;font-size:10px;border-bottom:1px solid #dcebe6}.info b{font-size:8px;background:#d5f0e7;color:#087359;padding:4px 8px;border-radius:20px}.content{max-width:1400px;margin:auto;padding:24px 28px 50px}.hero,.clock-hero,.page-head{background:linear-gradient(110deg,#073f34,#0e8264);color:#fff;border-radius:19px;padding:25px 28px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 12px 28px #0b634f1b;overflow:hidden;position:relative}.hero:after,.clock-hero:after{content:"";position:absolute;width:260px;height:260px;border:40px solid #ffffff10;border-radius:50%;right:90px;top:-180px}.hero h2,.clock-hero h2,.page-head h2{font-size:22px;margin:10px 0 6px}.hero p,.clock-hero p,.page-head p{font-size:12px;color:#d6eee7;margin:0}.pill{display:inline-block;background:#ffffff18;padding:5px 9px;border-radius:20px;font-size:9px;font-weight:700}.pill.dark{background:#d8f4eb;color:#087359}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:16px 0}.stats article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;display:flex;align-items:center;gap:12px}.stats article>span{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-weight:800}.stats article>span.green{color:var(--green);background:#e2f7f0}.stats article>span.yellow{color:var(--yellow);background:#fff3db}.stats article>span.purple{color:var(--purple);background:#eeecff}.stats article>span.red{color:var(--red);background:#ffe9ea}.stats article b{display:block;font-size:21px}.stats article small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:19px;margin-top:16px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-head h3{margin:0;font-size:15px}.panel-head p{margin:5px 0 0;color:var(--muted);font-size:10px}.panel-head>a{font-size:10px;font-weight:700}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:650px;margin-top:11px}th{text-align:left;padding:10px;font-size:9px;color:#97a1a8;letter-spacing:.05em;border-bottom:1px solid var(--line)}td{padding:10px;font-size:11px;border-bottom:1px solid #eff2f3}td b,td small{display:block}td small{color:var(--muted);font-size:9px;margin-top:3px}.badge{display:inline-block;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:700}.badge.hadir{background:#e2f7f0;color:#08795e}.badge.terlambat{background:#fff1d4;color:#946100}.badge.izin,.badge.sakit,.badge.cuti{background:#efedff;color:#5d56c3}.badge.belum-hadir,.badge.alpa{background:#ffe8e9;color:#be444a}.page-head{margin-bottom:16px}.page-head:after{content:"50 m";font-size:44px;font-weight:900;color:#ffffff1b}.form-panel summary{font-size:14px;font-weight:800;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:17px}.form-grid label,.form-stack label,.login-card label{font-size:10px;color:#65737d;font-weight:700}.form-grid input,.form-grid select,.form-stack input,.form-stack textarea,.login-card input,.inline-form input{width:100%;display:block;margin-top:6px;border:1px solid var(--line);border-radius:9px;padding:10px 11px;background:#fff;outline:none}.form-grid input:focus,.form-grid select:focus,.form-stack input:focus,.login-card input:focus{border-color:var(--green)}.form-action{display:flex;align-items:end}.form-stack{display:grid;gap:13px;margin-top:18px}.form-stack textarea{min-height:70px;resize:vertical}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.map-card{margin-top:0}.map-visual{height:250px;background:repeating-linear-gradient(24deg,#edf4f1 0 31px,#dfe9e5 32px 34px);position:relative;border-radius:13px;overflow:hidden}.radius{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:165px;height:165px;border-radius:50%;background:#0daf8323;border:2px solid #0daf8360;display:grid;place-items:center}.radius:after{content:"";position:absolute;width:48px;height:48px;background:var(--dark);border-radius:50% 50% 50% 0;transform:rotate(-45deg)}.radius b{z-index:1;color:#fff}.radius span{position:absolute;bottom:18px;color:var(--dark);font-weight:800}.map-card h3{margin-bottom:5px}.map-card p{color:var(--muted);font-size:11px}.coordinates{display:inline-block;background:#eef5f3;padding:7px 9px;border-radius:8px;font-size:10px;color:#4b6c62}.inline-form{display:flex;gap:7px;align-items:center}.inline-form input{margin:0;width:auto}.clock-hero{min-height:330px}.clock-circle{z-index:2;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#23a681,#08664f 55%,#053e32);border:11px solid #bff4df;outline:4px solid #1ec18f;box-shadow:0 0 35px #42e7b273;display:flex;flex-direction:column;align-items:center;justify-content:center}.clock-circle b{font-size:29px;letter-spacing:.06em}.clock-circle span{font-size:9px;letter-spacing:.12em;margin:9px 0 15px}.clock-circle .btn{background:#fff;color:var(--dark);border:0}.clock-status{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.clock-status>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px}.clock-status span{display:block;color:var(--muted);font-size:10px}.clock-status b{display:block;font-size:18px;margin-top:7px}.empty{text-align:center;background:#fff;border:1px solid var(--line);border-radius:17px;padding:80px 20px}.empty>span{font-size:40px;color:var(--green)}.empty h2{font-size:20px}.empty p{color:var(--muted);font-size:12px}.alert{border-radius:10px;padding:11px 13px;margin-bottom:15px;font-size:11px}.alert.success{background:#e1f7ef;color:#087359}.alert.error{background:#ffe8e9;color:#b83f46}#toast{position:fixed;right:22px;bottom:20px;z-index:50}.toast{background:#063d31;color:#fff;border-radius:10px;padding:12px 15px;box-shadow:0 10px 30px #03271f48;font-size:11px;margin-top:8px}.toast.error{background:#9b343a}
.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#d5f5ea,transparent 28%),radial-gradient(circle at 85% 80%,#dceff7,transparent 30%),#f5f8f7;padding:20px}.login-card{width:min(520px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px;box-shadow:0 24px 70px #153c3222}.login-brand{display:flex;align-items:center;gap:11px;margin-bottom:24px}.login-brand b,.login-brand small{display:block}.login-card h1{font-size:25px;margin:0}.login-card>p{color:var(--muted);font-size:12px;margin:8px 0 18px}.login-card form{display:grid;gap:14px}.login-card .btn{margin-top:4px}.demo-note{margin-top:20px;background:#f2f8f6;border-radius:11px;padding:12px}.demo-note b,.demo-note span{display:block;font-size:10px}.demo-note span{color:var(--muted);margin-top:5px}.portal-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.portal-choice label{cursor:pointer}.portal-choice input{position:absolute;opacity:0;pointer-events:none}.portal-choice label>span{height:86px;border:1px solid var(--line);border-radius:12px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.portal-choice i{font-size:18px;font-style:normal}.portal-choice b{font-size:10px;margin-top:5px;color:#2e3e47}.portal-choice small{font-size:8px;color:var(--muted);margin-top:3px}.portal-choice input:checked+span{border-color:#0daf83;background:#e9f8f3;box-shadow:0 0 0 2px #0daf8320}.portal-choice input:checked+span b{color:#08785d}
.prayer-widget{position:relative;margin-left:auto;display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:13px;background:linear-gradient(135deg,#e8fbf4,#eef8ff);border:1px solid #bfeadd;box-shadow:0 6px 20px #0d9a7320}.prayer-widget>i{font-style:normal;font-size:25px;filter:drop-shadow(0 3px 5px #0a7d5840)}.prayer-widget span small,.prayer-widget span b,.prayer-widget span mark{display:block}.prayer-widget span small{font-size:7px;color:#08785d;font-weight:900;letter-spacing:.06em}.prayer-widget span b{font-size:10px;margin:2px 0}.prayer-widget span b strong{color:#08785d}.prayer-widget span b em{font-style:normal;color:#425a63}.prayer-widget span mark{width:max-content;border:0;border-radius:20px;background:#0b8b69;color:#fff;padding:2px 6px;font-size:7px;font-weight:800}.prayer-popover{display:none;position:absolute;z-index:80;right:0;top:calc(100% + 8px);width:315px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 16px 40px #12382e2b;grid-template-columns:repeat(5,1fr);gap:5px}.prayer-widget:hover .prayer-popover,.prayer-widget:focus-within .prayer-popover{display:grid}.prayer-popover span{text-align:center;padding:7px 4px;border-radius:9px;background:#f3faf7}.prayer-popover i{display:block;font-style:normal;font-size:16px}.prayer-popover small{font-size:7px;margin:3px 0}.prayer-popover b{font-size:9px}.weather-widget{margin-left:10px;display:flex;align-items:center;gap:8px;padding:7px 11px;border-radius:12px;background:#f1f8fb;border:1px solid #e0edf2}.weather-widget>i{font-style:normal;font-size:25px}.weather-widget span small,.weather-widget span b,.weather-widget span em{display:block}.weather-widget span small{font-size:7px;color:#508094;font-weight:800}.weather-widget span b{font-size:10px;margin:2px 0}.weather-widget span em{font-size:7px;color:var(--muted);font-style:normal}.time{margin-left:14px}.inspiration{height:28px;display:flex;align-items:center;gap:12px;padding:0 30px;background:#fffdf4;border-bottom:1px solid #f0e8c8;color:#786b35;font-size:9px;overflow:hidden}.inspiration>b{flex:none;background:#fff1b9;color:#806b1d;border-radius:20px;padding:4px 8px;font-size:7px}.inspiration>div{overflow:hidden;white-space:nowrap}.inspiration span{display:inline-block;padding-left:100%;animation:inspiration-scroll 32s linear infinite}@keyframes inspiration-scroll{to{transform:translateX(-100%)}}
.location-strip{max-width:820px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between}.location-strip>div{display:flex;align-items:center;gap:10px}.location-strip i{width:38px;height:38px;border-radius:11px;background:#e2f7ef;color:#07805f;display:grid;place-items:center;font-style:normal;font-size:19px}.location-strip span small,.location-strip span b,.location-strip span em{display:block}.location-strip span small{color:#07805f;font-size:8px;font-weight:800}.location-strip span b{font-size:12px;margin:3px 0}.location-strip span em{font-style:normal;color:var(--muted);font-size:9px}.location-strip strong{background:#e2f7ef;color:#08785d;border-radius:20px;padding:6px 9px;font-size:9px}.personal-grid{max-width:820px;margin:14px auto 0;display:grid;grid-template-columns:1fr 1.4fr;gap:14px}.personal-profile,.personal-clock,.average-panel,.quick-menu{background:#fff;border:1px solid var(--line);border-radius:18px}.personal-profile{padding:22px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.profile-photo{width:92px;height:92px;border-radius:50%;background:linear-gradient(145deg,#d8f5ec,#98dccc);border:5px solid #fff;outline:2px solid #72d7ba;box-shadow:0 0 25px #3ed1a757;display:grid;place-items:center;color:#08745a;font-size:24px;font-weight:900}.personal-profile>span{font-size:9px;color:var(--muted);margin-top:13px}.personal-profile h2{font-size:18px;margin:7px 0 3px}.personal-profile p{font-size:10px;color:var(--muted);margin:0}.personal-profile em{font-style:normal;background:#e3f7f0;color:#08785d;border-radius:20px;padding:6px 9px;font-size:9px;font-weight:700;margin-top:12px}.personal-clock{grid-row:span 2;padding:20px}.personal-clock .clock-circle{width:250px;height:250px}.personal-clock .clock-circle small{font-size:9px;letter-spacing:.12em;color:#bcefdc}.average-panel{padding:18px}.average-panel>div:first-child{display:flex;justify-content:space-between;align-items:center}.average-panel span{font-size:10px;color:#52796d}.average-panel b{font-size:15px}.average-track{height:8px;margin-top:17px;border-radius:10px;background:#d9eee8;position:relative}.average-track i{position:absolute;left:6%;top:0;width:72%;height:8px;border-radius:10px;background:#0e9974}.average-labels{display:flex;justify-content:space-between;margin-top:8px}.average-labels span{font-size:8px}.personal-grid>.clock-status{grid-column:1/-1;margin:0}.quick-menu{grid-column:1/-1;padding:15px;display:grid;grid-template-columns:repeat(4,1fr)}.quick-menu a{display:flex;flex-direction:column;align-items:center;gap:7px;color:#34444c;font-size:9px}.quick-menu i{width:38px;height:38px;border-radius:50%;background:#e5f5f0;color:#08785d;display:grid;place-items:center;font-style:normal;font-size:16px}
.device-strip{max-width:820px;margin:10px auto 0;background:#fff;border:1px solid var(--line);border-radius:15px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.device-strip>div{display:flex;align-items:center;gap:10px}.device-strip i{width:38px;height:38px;border-radius:11px;background:#e8f2ff;color:#2671b8;display:grid;place-items:center;font-style:normal}.device-strip span small,.device-strip span b,.device-strip span em{display:block}.device-strip span small{font-size:8px;color:#2671b8;font-weight:800}.device-strip span b{font-size:12px;margin:3px 0}.device-strip span em{font-size:9px;color:var(--muted);font-style:normal}.device-strip strong{font-size:9px;border-radius:20px;padding:6px 9px}.device-strip.trusted strong{background:#e2f7ef;color:#08785d}.device-strip.review strong{background:#fff1d4;color:#946100}.risk-tag{display:inline-block;margin-top:4px;border-radius:10px;background:#ffe8e9;color:#b53c45;padding:3px 6px;font-size:8px}.btn.compact{padding:7px 10px;font-size:9px}
.span-2{grid-column:1/-1}.branch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.branch-card{margin:0}.branch-top{display:flex;align-items:flex-start;gap:10px}.branch-top>span{width:38px;height:38px;border-radius:11px;background:#e2f7ef;color:#08775d;display:grid;place-items:center;font-size:18px}.branch-top div{min-width:0}.branch-top small{color:#0a8969;font-size:8px;font-weight:800}.branch-top h3{margin:3px 0;font-size:13px}.branch-top p{margin:0;color:var(--muted);font-size:9px}.branch-top em{margin-left:auto;background:#e5f7f1;color:#08775d;border-radius:20px;padding:5px 7px;font-size:8px;font-style:normal}.branch-map{height:100px;margin:13px 0;border-radius:11px;background:repeating-linear-gradient(25deg,#edf4f1 0 25px,#dce8e3 26px 28px);position:relative;overflow:hidden}.branch-map>div{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;background:#0daf8322;border:1px solid #0daf8366;display:grid;place-items:center;color:#08765a}.branch-card>p{font-size:9px;color:var(--muted);height:28px}.branch-foot{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--line)}.branch-foot span,.branch-foot a{font-size:8px}.branch-foot a{margin-left:auto;font-weight:800}
.brand>img,.login-brand>img{width:42px;height:42px;border-radius:11px;object-fit:contain;background:#fff;padding:3px;box-shadow:0 7px 18px #0daf8326}.login-card{position:relative}.login-theme{position:absolute;right:20px;top:20px;width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:var(--white);font-size:17px}.theme-toggle{margin-left:auto;display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:11px;background:var(--white);color:var(--ink);padding:7px 9px}.theme-toggle i{font-style:normal}.theme-toggle span{font-size:8px;font-weight:800}.prayer-widget{margin-left:8px}
html[data-theme="dark"]{--ink:#e7f0ed;--muted:#91a49e;--line:#294039;--bg:#0d1714;--white:#15231f;--dark:#37d5a7;color-scheme:dark}html[data-theme="dark"] body,html[data-theme="dark"] .login-page{background:#0d1714;color:var(--ink)}html[data-theme="dark"] #sidebar,html[data-theme="dark"] .app-main header,html[data-theme="dark"] .panel,html[data-theme="dark"] .stats article,html[data-theme="dark"] .login-card,html[data-theme="dark"] .location-strip,html[data-theme="dark"] .device-strip,html[data-theme="dark"] .personal-profile,html[data-theme="dark"] .personal-clock,html[data-theme="dark"] .average-panel,html[data-theme="dark"] .quick-menu,html[data-theme="dark"] .clock-status>div,html[data-theme="dark"] .empty,html[data-theme="dark"] .prayer-popover{background:#15231f;color:var(--ink)}html[data-theme="dark"] .user-card,html[data-theme="dark"] .demo-note,html[data-theme="dark"] nav a:hover{background:#1b312a}html[data-theme="dark"] nav a{color:#b5c6c0}html[data-theme="dark"] nav a.active{background:#174337;color:#56e0b8}html[data-theme="dark"] .app-main header,html[data-theme="dark"] #sidebar,html[data-theme="dark"] .panel,html[data-theme="dark"] .login-card{border-color:#294039}html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,html[data-theme="dark"] .btn{background:#10201b;color:var(--ink);border-color:#365148}html[data-theme="dark"] .weather-widget{background:#172b30;border-color:#29484d}html[data-theme="dark"] .prayer-widget{background:linear-gradient(135deg,#17372d,#172d37);border-color:#2a6653}html[data-theme="dark"] .prayer-popover span{background:#1c302a}html[data-theme="dark"] .inspiration{background:#292615;border-color:#4b4522;color:#e1cd77}html[data-theme="dark"] .info{background:#153027;border-color:#285044;color:#9cd9c7}html[data-theme="dark"] td{border-color:#263a34}html[data-theme="dark"] .portal-choice label>span{background:#14241f}html[data-theme="dark"] .portal-choice input:checked+span{background:#174337}
@media(max-width:900px){#sidebar{transform:translateX(-100%);box-shadow:10px 0 40px #17382f22}#sidebar.open{transform:none}#sidebar .close,.hamburger{display:block}.backdrop.show{display:block;position:fixed;inset:0;z-index:25;background:#081d1980;border:0}.app-main{margin-left:0}.content{padding:18px}.stats{grid-template-columns:1fr 1fr}.location-grid{grid-template-columns:1fr}.branch-grid{grid-template-columns:1fr 1fr}.info,.inspiration{padding:0 18px}.app-main header{padding:0 16px}.weather-widget{display:none}}
@media(max-width:600px){.portal-choice{grid-template-columns:1fr}.portal-choice label>span{height:58px;flex-direction:row;gap:8px;text-align:left}.portal-choice small{display:none}.app-main header{height:68px}.app-main header h1{font-size:14px}.app-main header>div:first-of-type{max-width:105px}.theme-toggle{padding:5px}.theme-toggle span{display:none}.prayer-widget{padding:5px 7px;margin-left:5px}.prayer-widget>i{font-size:20px}.prayer-widget span small{font-size:6px}.prayer-widget span b{font-size:8px}.prayer-widget span mark{font-size:6px}.prayer-popover{position:fixed;left:10px;right:10px;top:72px;width:auto}.hero,.clock-hero,.page-head{padding:21px;display:block}.hero h2,.clock-hero h2,.page-head h2{font-size:20px}.hero .btn{margin-top:18px}.stats{gap:8px}.stats article{padding:12px}.stats article>span{width:38px;height:38px}.panel{padding:14px}.panel-head{align-items:flex-start}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.clock-hero{text-align:center}.clock-circle{width:205px;height:205px;margin:28px auto 0}.clock-status{grid-template-columns:1fr 1fr;gap:8px}.location-grid{gap:0}.branch-grid{grid-template-columns:1fr}.inline-form{flex-wrap:wrap}.time{display:none}.personal-grid{grid-template-columns:1fr}.personal-clock{grid-row:auto}.personal-clock .clock-circle{width:215px;height:215px}.personal-grid>.clock-status,.quick-menu{grid-column:auto}.location-strip,.device-strip{align-items:flex-start}.location-strip strong,.device-strip strong{white-space:nowrap}.device-strip span em{max-width:180px}.inspiration{height:26px}}