/* Active only after mobile hardware and the existing driver authorization agree. */
@layer dc-tokens {
body.dm36-active #dct-overlay>[data-dm36-overlay-home]{position:absolute;left:12px;top:calc(12px + env(safe-area-inset-top));z-index:2}
body.dm36-active [data-dm36-overlay-home]{min-height:44px!important;padding:8px 12px!important}
body.dm36-active>.dm36-shell{grid-template-rows:auto auto minmax(0,1fr)!important}
body.dm36-active>.dm36-shell>#view{padding:12px max(12px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;scrollbar-gutter:auto;scroll-padding-top:12px}
.dm36-shell>.dm36-header{grid-row:1;grid-column:1;position:relative;z-index:22;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;align-items:center;padding:calc(10px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));background:linear-gradient(125deg,var(--ui-card),color-mix(in srgb,#368bff 15%,var(--ui-card)));border-bottom:1px solid var(--ui-line)}
.dm36-person{min-width:0;display:flex;gap:8px;align-items:center}.dm36-person>div{min-width:0}.dm36-person b{display:block;font-size:14px;line-height:1.25;overflow-wrap:anywhere}.dm36-person small{display:block;color:var(--ui-muted)!important;font-size:12px}.dm36-avatar{width:34px;height:40px;display:grid;place-items:center;font-size:28px;flex-shrink:0}
.dm36-header>button{display:grid!important;justify-items:center;gap:2px;min-width:44px;min-height:48px!important;padding:6px!important}.dm36-header>button>span{font-size:24px;line-height:1}.dm36-header>button>small{font-size:10px;max-width:58px;line-height:1.15;text-align:center}.dm36-return{grid-column:1/-1}.dm36-return[hidden]{display:none!important}.dm36-return button{min-height:44px!important;padding:8px 16px!important}
.dm36-home{min-width:0;max-width:100%;padding-bottom:4px}.dm36-welcome{background:linear-gradient(125deg,color-mix(in srgb,#3d85ff 15%,var(--ui-card)),var(--ui-card));border:1px solid var(--ui-line);border-radius:17px;padding:16px;margin-bottom:14px}.dm36-welcome small,.dm36-welcome time{color:var(--ui-muted)!important;font-size:12px}.dm36-welcome h2{font-size:clamp(22px,6vw,30px);margin:5px 0;line-height:1.2}.dm36-welcome p{margin:6px 0;font-size:14px}.dm36-welcome time{display:block}
.dm36-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}.dm36-shell .dm36-grid .dm36-card{--dm-color:#39bfff;--dm-start:#0758c9;--dm-end:#09265f;position:relative;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:8px!important;min-height:165px!important;min-width:0!important;max-width:100%;padding:15px 12px!important;text-align:left!important;border:1px solid var(--dm-color)!important;border-radius:18px!important;background:linear-gradient(135deg,var(--dm-start),var(--dm-end))!important;box-shadow:inset 0 1px 1px #ffffff38,0 4px 14px #0003!important;overflow-wrap:anywhere;white-space:normal!important;transform:none!important}
.dm36-shell .dm36-card :is(strong,small,span){color:#fff!important}.dm36-shell .dm36-card strong{font-size:17px;line-height:1.2;max-width:100%;padding-right:12px}.dm36-shell .dm36-card small{font-size:12px;line-height:1.35;max-width:100%;padding-right:12px}.dm36-card-icon{font-size:35px;line-height:1.1;margin-bottom:4px}.dm36-arrow{position:absolute;right:10px;bottom:12px;display:grid;place-items:center;border:1px solid #ffffff65;border-radius:50%;width:23px;height:23px;background:#ffffff18;font-size:23px;line-height:1}
.dm36-shell .dm36-grid .dm36-tone-1{--dm-color:#c16dff;--dm-start:#6d1ac2;--dm-end:#25114f}.dm36-shell .dm36-grid .dm36-tone-2{--dm-color:#32e6ad;--dm-start:#007858;--dm-end:#073c3c}.dm36-shell .dm36-grid .dm36-tone-3{--dm-color:#ffc54c;--dm-start:#895000;--dm-end:#442310}.dm36-shell .dm36-grid .dm36-tone-4{--dm-color:#ff739a;--dm-start:#a81e48;--dm-end:#491238}.dm36-shell .dm36-grid .dm36-tone-5{--dm-color:#53dedb;--dm-start:#00666e;--dm-end:#073f5b}
@media(max-width:350px){.dm36-grid{gap:9px}.dm36-shell .dm36-grid .dm36-card{padding:12px 10px!important;min-height:155px!important}.dm36-shell .dm36-card strong{font-size:15px}.dm36-header{gap:6px!important}.dm36-person b{font-size:13px}.dm36-avatar{width:27px;font-size:24px}}
}