:root{color-scheme:dark;--bg:#17191b;--panel:#24282b;--panel2:#303437;--stroke:#3a4042;--text:#f5f7f7;--muted:#a2abad;--green:#badc04;--green2:#d0ec45;--red:#f48c86;--radius:18px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif}*{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);min-width:320px}button,input,textarea,select{font:inherit;font-size:16px}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}h1,h2,h3,h4,p{margin:0}h1{font-size:clamp(1.5rem,2.6vw,2.1rem);letter-spacing:-.04em}h2{font-size:1.5rem;letter-spacing:-.035em}h3{font-size:1.05rem;margin:24px 0 14px}h4{font-size:.95rem}p{line-height:1.5;color:var(--muted)}.green{color:var(--green)}.eyebrow{color:var(--muted);font-size:.65rem;letter-spacing:.12em;font-weight:750}.app-body{display:flex;min-height:100dvh}.sidebar{width:260px;background:#1d2022;border-right:1px solid var(--stroke);height:100dvh;position:sticky;top:0;display:flex;flex-direction:column;padding:26px 15px;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;margin:0 6px 35px}.brand img{width:62px;height:42px;object-fit:contain;background:#181818;border-radius:9px}.brand strong{font-size:.9rem;display:block;letter-spacing:.02em}.brand small{font-size:.56rem;color:var(--muted);letter-spacing:.08em}.sidebar nav{display:grid;gap:4px}.sidebar nav a{padding:13px 16px;border-radius:12px;color:#b4bcbf;font-weight:600;display:flex;gap:14px;align-items:center}.sidebar nav a.active,.sidebar nav a:hover{background:#303730;color:var(--green)}.nav-label{font-size:.64rem;letter-spacing:.13em;color:#7e8a8d;margin:23px 14px 7px}.sidebar-user{margin-top:auto;border-top:1px solid var(--stroke);padding:18px 12px 0;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.8rem}.main{width:100%;min-width:0;max-width:1500px;margin:0 auto}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2e3335;padding:20px clamp(20px,4vw,50px)}.topbar h1{margin-top:5px}.avatar{width:40px;height:40px;border-radius:50%;background:#354037;color:var(--green);display:grid;place-items:center;font-weight:800}.content{padding:30px clamp(20px,4vw,50px) 90px;max-width:1120px}.welcome{margin:0 0 25px}.welcome h2{font-size:clamp(1.7rem,3vw,2.4rem);margin:7px 0}.module-hero{background:linear-gradient(140deg,#2a332d,#252a2b 65%);border:1px solid #455041;border-radius:23px;padding:25px;max-width:840px}.hero-head{display:flex;align-items:center;gap:12px}.module-icon,.item-icon{width:44px;height:44px;border-radius:13px;background:#3c4737;color:var(--green);display:grid;place-items:center;font-size:1.3rem;flex-shrink:0}.hero-head strong,.hero-head small{display:block}.hero-head small{color:var(--muted);font-size:.8rem;margin-top:4px}.tag{margin-left:auto;background:#405036;color:var(--green);font-size:.63rem;letter-spacing:.06em;border-radius:30px;padding:7px 10px;font-weight:800}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:25px 0}.metrics>div{min-width:0}.metrics strong{display:block;font-size:clamp(1.5rem,3.5vw,2.4rem);letter-spacing:-.05em;line-height:1.1}.metrics small{display:block;color:var(--muted);font-size:.75rem;margin-top:8px}.metrics.compact{padding:18px 0;border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke)}.metrics.compact strong{font-size:1.35rem;overflow-wrap:anywhere}.primary,.secondary{border:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 17px;font-weight:750;min-height:49px}.primary{background:var(--green);color:#17191b}.primary:hover{background:var(--green2)}.secondary{background:#39433b;color:var(--green)}.primary.action{width:100%;justify-content:space-between}.primary.mini{min-height:40px;padding:10px 14px;font-size:.86rem}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 13px}.section-heading h3{margin:0}.section-heading a:not(.primary){color:var(--green);font-size:.8rem}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:840px}.quick-grid a{background:var(--panel);border:1px solid var(--stroke);border-radius:15px;padding:18px;display:flex;align-items:center;gap:14px;font-size:.88rem;font-weight:650}.quick-grid span{color:var(--green);font-size:1.5rem}.items{display:grid;gap:9px;margin:12px 0 24px}.item{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--stroke);border-radius:14px;padding:14px;min-width:0}.item:hover{border-color:#58644c}.item-main{flex:1;min-width:0;display:grid;gap:4px}.item-main strong{font-size:.9rem;overflow-wrap:anywhere}.item-main small{color:var(--muted);font-size:.74rem;overflow-wrap:anywhere;line-height:1.4}.pill{color:var(--green);background:#3a4335;padding:7px 9px;border-radius:20px;font-size:.7rem;white-space:nowrap}.count{white-space:nowrap;font-weight:750;color:var(--green);font-size:.86rem}.panel{border:1px solid var(--stroke);background:var(--panel);border-radius:18px;margin:15px 0}.padded{padding:22px}.padded h2{margin:8px 0}.padded p{margin:10px 0}.panel summary{padding:19px 22px;font-weight:750;cursor:pointer;color:var(--green)}.form-pad{padding:0 22px 22px}.stack{display:grid;gap:15px}.stack label{display:grid;gap:7px;color:#d8ddde;font-size:.82rem;font-weight:650}input,textarea,select{width:100%;min-height:48px;background:#32373a;border:1px solid #4a5254;color:var(--text);border-radius:11px;padding:12px 13px;outline:none;appearance:auto}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 2px #badc0420}input::placeholder,textarea::placeholder{color:#889497}.two,.two-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.two-panels>.panel{margin:0}.back{display:inline-block;color:var(--green);font-size:.82rem;margin:0 0 15px}.muted{font-size:.83rem;margin:12px 0}.search{display:flex;gap:9px;margin:17px 0}.search button{border:0;border-radius:10px;padding:0 17px;background:var(--green);color:#16191a;font-weight:700}.tabs{display:flex;gap:6px;background:#222628;padding:5px;border-radius:13px;width:max-content;max-width:100%;margin:15px 0}.tabs a{padding:10px 16px;color:var(--muted);font-size:.8rem;border-radius:9px}.tabs .selected{background:#394434;color:var(--green);font-weight:750}.empty{background:var(--panel);border:1px dashed var(--stroke);border-radius:13px;padding:25px;color:var(--muted);font-size:.87rem}.alert{padding:14px 16px;border-radius:12px;background:#36422c;color:#d3f2ac;margin:0 0 16px}.alert.bad{background:#4d2b2b;color:#ffb6b2}.ghost{border:1px solid var(--stroke);background:transparent;color:var(--muted);border-radius:9px;padding:11px 14px}.ghost.small{font-size:.72rem;padding:8px 10px}.suggestions{display:flex;gap:8px;flex-wrap:wrap}.suggestions small{width:100%;color:var(--muted)}.chip{background:#394332;color:var(--green);border:1px solid #59684b;padding:8px 10px;border-radius:20px;font-size:.75rem;text-align:left}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:18px 0}.info-grid>div{display:grid;gap:6px;min-width:0}.info-grid small{color:var(--muted)}.info-grid strong{overflow-wrap:anywhere;font-size:.86rem}.transport-form{background:#2b3032;border-radius:12px;padding:15px}.bottom-nav{display:none}.auth-body{min-height:100dvh;display:grid;place-items:center;padding:18px;background:radial-gradient(ellipse at 50% -20%,#30382c 0%,#17191b 58%);overflow-x:hidden}.auth-card{width:min(100%,430px);padding:clamp(16px,4vh,32px);border:1px solid #333b3b;border-radius:24px;background:#202426;box-shadow:0 20px 70px #0005}.auth-logo{display:block;width:140px;height:72px;object-fit:contain;margin:0 auto 10px}.auth-card>.eyebrow{text-align:center;font-size:.59rem}.auth-card h1{font-size:1.9rem;margin:22px 0 8px}.auth-card p{font-size:.82rem;margin-bottom:24px}.auth-card .primary{justify-content:space-between;margin-top:4px}.auth-foot{text-align:center;color:#788588;letter-spacing:.12em;font-size:.58rem;margin-top:28px}@media(max-width:850px){.sidebar{display:none}.topbar{height:auto;min-height:83px;padding:calc(env(safe-area-inset-top) + 15px) 18px 16px}.content{padding:22px 16px calc(92px + env(safe-area-inset-bottom))}.bottom-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);padding:9px 6px calc(8px + env(safe-area-inset-bottom));background:#222628f5;border-top:1px solid #394042;backdrop-filter:blur(16px)}.bottom-nav a{display:grid;justify-items:center;gap:4px;color:#9ba6a7;font-size:.65rem;font-weight:650}.bottom-nav a span{font-size:1.4rem;line-height:1.2}.bottom-nav a.active{color:var(--green)}.module-hero{padding:19px}.quick-grid a{flex-direction:column;align-items:center;gap:9px;text-align:center;padding:17px 7px;font-size:.75rem}.pill{display:none}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.two,.two-panels{grid-template-columns:1fr}.padded{padding:18px}.metrics{gap:8px}.metrics small{font-size:.69rem}.item{padding:12px;gap:9px}.item-icon{width:39px;height:39px}.auth-body{padding:10px 16px;align-items:center}.auth-card{padding:18px;border-radius:18px}.auth-logo{height:60px;margin-bottom:6px}.auth-card h1{margin:15px 0 6px;font-size:1.65rem}.auth-card p{margin-bottom:16px}.auth-card .stack{gap:12px}.auth-foot{margin-top:17px}}@media(max-height:660px){.auth-card{padding:12px 18px}.auth-logo{height:42px}.auth-card h1{margin:10px 0 5px;font-size:1.4rem}.auth-card p{margin-bottom:11px}.auth-card .stack{gap:9px}.auth-card input{min-height:43px;padding:8px 12px}.auth-foot{margin-top:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* 4061 Finder */
.mic-module-link{display:flex;align-items:center;gap:14px;background:#24282b;border:1px solid #3a4042;border-radius:17px;padding:18px;max-width:840px}.mic-module-icon{display:grid;place-items:center;background:#3a4335;border-radius:12px;width:48px;height:48px;font-size:1.4rem}.mic-module-link strong,.mic-module-link small{display:block}.mic-module-link small{color:#a2abad;font-size:.78rem;margin-top:4px}.mic-arrow{margin-left:auto;color:#badc04;font-size:1.3rem}.mic-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.mic-head h2{margin:6px 0}.mic-search{display:flex;align-items:center;gap:10px;background:#303437;border:1px solid #4a5254;border-radius:14px;padding:0 14px;margin:14px 0 10px}.mic-search:focus-within{border-color:#badc04}.mic-search input{border:0;background:transparent;box-shadow:none!important;padding:14px 0}.mic-search span{color:#badc04;font-size:1.25rem}.mic-meta{font-size:.78rem;color:#a2abad;margin:12px 0}.mic-list{display:grid;gap:9px}.mic-row{display:flex;align-items:center;gap:13px;padding:14px;background:#24282b;border:1px solid #3a4042;border-radius:15px;min-width:0}.mic-row:hover{border-color:#647354}.mic-stripe{width:7px;align-self:stretch;min-height:58px;border-radius:10px;background:#596165;flex-shrink:0}.mic-text{flex:1;min-width:0}.mic-text strong,.mic-text small{display:block;overflow-wrap:anywhere}.mic-text strong{font-size:.94rem}.mic-text small{color:#a2abad;font-size:.77rem;margin-top:5px}.mic-sticker{display:grid;justify-items:center;gap:5px;flex-shrink:0;min-width:67px}.mic-dot{display:block;width:34px;height:34px;border-radius:50%;border:2px solid #80878a;background:#4d5355}.mic-sticker small{font-size:.7rem;color:#d5dadb;text-align:center}.mic-muted{color:#a2abad}.mic-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.mic-admin-link{color:#badc04;font-size:.84rem}.mic-legend{display:grid;gap:9px}.mic-legend-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #3a4042;border-radius:12px;background:#24282b}.mic-legend-row .mic-dot{width:27px;height:27px}.mic-legend-row strong{min-width:110px}.mic-legend-row small{color:#a2abad}.mic-form{max-width:720px}.mic-form .stack{padding:20px}.mic-error{background:#4d2b2b;color:#ffb6b2;padding:14px;border-radius:12px;margin:12px 0}.mic-note{font-size:.8rem;color:#a2abad;margin:12px 0 18px}.mic-pagination{display:flex;justify-content:center;gap:10px;margin:18px 0}.mic-pagination a{background:#303437;padding:10px 14px;border-radius:10px}.mic-inline{display:flex;gap:8px;align-items:center}.mic-inline select{flex:1}.mic-inline .mic-dot{flex-shrink:0}.mic-subtitle{color:#a2abad;font-size:.83rem}.mic-pill{display:inline-flex;padding:6px 10px;border-radius:20px;background:#3a4335;color:#badc04;font-size:.72rem}.mic-action{display:flex;gap:10px;flex-wrap:wrap}.mic-action>*{flex:1}.mic-noresult{padding:30px 16px;text-align:center;color:#a2abad;background:#24282b;border-radius:15px}.mic-spinner{color:#badc04}.mic-row[hidden]{display:none}@media(max-width:580px){.mic-row{padding:12px;gap:10px}.mic-head{align-items:flex-start}.mic-head .primary{font-size:.78rem;padding:10px 12px}.mic-sticker{min-width:52px}.mic-dot{width:30px;height:30px}.mic-legend-row strong{min-width:94px}.mic-form .stack{padding:16px}}
/* 4061 Finder 1.0.5 */
.mic-preview{display:flex;align-items:center;gap:20px;margin:18px 0;padding:18px;background:#303638;border:1px solid #47504c;border-radius:16px}.mic-preview-circle{width:88px;height:88px;flex-shrink:0;border:3px solid #697476;border-radius:50%;background:#535b5c;box-shadow:0 7px 25px #0004}.mic-preview>div{display:grid;gap:6px}.mic-preview small{font-size:.65rem;letter-spacing:.12em;color:#a2abad}.mic-preview strong{font-size:1.35rem}.mic-preview span:not(.mic-preview-circle){color:#a2abad;font-size:.82rem}.mic-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mic-stats-grid .panel{margin:0}.mic-stats-grid small{color:#a2abad;font-size:.76rem}.mic-stats-grid h2{font-size:2rem;color:#badc04}.mic-stat-row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #3a4042;padding:12px 0;font-size:.88rem}.mic-stat-row strong{color:#badc04}@media(max-width:580px){.mic-stats-grid{grid-template-columns:1fr 1fr}.mic-stats-grid .panel:last-child{grid-column:span 2}.mic-preview-circle{width:70px;height:70px}}


/* TIM CONTROL 1.0.6 — iPhone-first app polish */
html,body{width:100%;max-width:100%;overscroll-behavior-x:none}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{-webkit-font-smoothing:antialiased}
input,select,textarea{font-size:16px!important}
button,input,select,textarea{touch-action:manipulation}
a,button{-webkit-touch-callout:none}
button:active,.primary:active,.quick-grid a:active,.bottom-nav a:active{transform:scale(.985)}
button,.primary,.quick-grid a,.bottom-nav a{transition:transform .13s ease,background .15s ease}
.app-body{overflow-x:clip}
.main,.content,.panel,.item,.mic-row{min-width:0}
.auth-body{height:100vh;height:100dvh;min-height:0;max-height:100dvh;overflow:hidden;overscroll-behavior:none;display:flex;align-items:center;justify-content:center;padding:clamp(8px,2.5vh,22px) 16px calc(clamp(8px,2.5vh,22px) + env(safe-area-inset-bottom))}
.auth-card{max-height:100%;overflow:hidden;flex-shrink:1}
.auth-card .remember-option{display:flex!important;align-items:center;gap:10px;min-height:28px;font-size:.82rem;line-height:1.3;cursor:pointer}
.auth-card .remember-option input[type=checkbox]{appearance:none!important;-webkit-appearance:none!important;display:inline-grid!important;place-content:center!important;flex:0 0 18px!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;max-width:18px!important;max-height:18px!important;margin:0!important;padding:0!important;border:1.5px solid #7a8583!important;border-radius:5px!important;background:#303638!important;box-shadow:none!important}
.auth-card .remember-option input[type=checkbox]:checked{background:var(--green)!important;border-color:var(--green)!important}
.auth-card .remember-option input[type=checkbox]:checked:after{content:"";display:block;width:8px;height:4px;border-left:2px solid #17191b;border-bottom:2px solid #17191b;transform:translateY(-1px) rotate(-45deg)}
.auth-card .remember-option span{display:inline!important;font-weight:600}
.auth-card .remember-option small{font-weight:400}
@media(max-width:850px){
  .bottom-nav{padding-bottom:calc(8px + env(safe-area-inset-bottom));touch-action:manipulation}
  .bottom-nav a{min-height:48px;align-content:center}
  .topbar{padding-top:calc(13px + env(safe-area-inset-top))}
}
@media(max-width:580px){
  .auth-card{width:min(100%,410px);padding:clamp(12px,3vh,22px)}
  .auth-logo{height:clamp(38px,8vh,64px)}
  .auth-card h1{font-size:clamp(1.35rem,5.5vw,1.75rem);margin:clamp(8px,2vh,18px) 0 5px}
  .auth-card p{margin-bottom:clamp(9px,2vh,18px)}
  .auth-card .stack{gap:clamp(8px,1.8vh,14px)}
  .auth-card input:not([type=checkbox]){min-height:44px}
  .auth-foot{margin-top:clamp(9px,2vh,18px)}
}
@media(max-height:620px){
  .auth-card{padding:10px 15px}
  .auth-logo{height:32px;margin-bottom:2px}
  .auth-card h1{font-size:1.3rem;margin:6px 0 2px}
  .auth-card p{margin-bottom:6px;font-size:.75rem}
  .auth-card .stack{gap:6px}
  .auth-card .stack label{gap:3px}
  .auth-card input:not([type=checkbox]){min-height:39px;padding:7px 10px}
  .auth-card .primary{min-height:41px;padding:9px 12px}
  .auth-foot{margin-top:7px}
}
@media(max-height:480px){.auth-card .eyebrow,.auth-foot{display:none}.auth-logo{height:25px}.auth-card h1{margin:4px 0}.auth-card p{margin-bottom:4px}}
@media(prefers-reduced-motion:reduce){button,.primary,.quick-grid a,.bottom-nav a{transition:none}}

/* TIM CONTROL 1.0.8 — sticky app header; append AFTER existing CSS including 1.0.7 */
@media (max-width: 850px) {
  .main { overflow: visible; }
  .topbar {
    position: sticky;
    top: 0;
    z-index: 90;
    background: rgba(23,25,27,.94);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    border-bottom: 1px solid rgba(85,95,96,.38);
    isolation: isolate;
  }
  /* Prevent content from visually bleeding over the header while scrolling. */
  .content { position: relative; z-index: 0; }
}

/* TIM CONTROL 1.0.7 — compact and consistent mobile navigation */
@media(max-width:850px){
  .bottom-nav{
    position:fixed!important;
    inset:auto 0 0 0!important;
    width:100%;
    margin:0!important;
    padding:6px 6px max(7px,env(safe-area-inset-bottom))!important;
    min-height:0!important;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    align-items:start;
    z-index:100;
    transform:translateZ(0);
    -webkit-transform:translateZ(0);
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    box-shadow:0 -3px 18px #0002;
  }
  .bottom-nav a{
    display:flex!important;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:3px!important;
    min-height:51px!important;
    padding:3px 1px!important;
    line-height:1.15;
    text-align:center;
    white-space:nowrap;
  }
  .bottom-nav a span{font-size:1.25rem!important;line-height:1.2!important}
  .content{padding-bottom:calc(75px + env(safe-area-inset-bottom))!important}
}


/* TIM CONTROL 1.0.17 — one authoritative mobile layout.
   Replaces contradictory 1.0.9–1.0.16 navigation experiments.
   Never place navigation outside the measured web viewport. */
@media (max-width:850px) {
 html {height:100%;overflow:hidden}
 body.app-body {
   position:fixed!important; inset:0!important; width:100%!important;
   height:100dvh!important; min-height:0!important;
   overflow:hidden!important; display:flex!important; flex-direction:column!important;
   padding:0!important; margin:0!important;
 }
 .app-body .main {
   flex:1 1 auto!important; position:relative!important; inset:auto!important;
   width:100%!important; height:auto!important; min-height:0!important;
   max-height:none!important; margin:0!important;
   display:flex!important; flex-direction:column!important; overflow:hidden!important;
 }
 .app-body .topbar {
   flex:0 0 auto!important; position:relative!important; top:auto!important;
   z-index:5!important; background:rgba(23,25,27,.96)!important;
   -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
 }
 .app-body .content {
   flex:1 1 auto!important; height:auto!important; min-height:0!important;
   overflow-y:auto!important; overflow-x:hidden!important;
   -webkit-overflow-scrolling:touch; overscroll-behavior-y:contain;
   padding-bottom:20px!important;
 }
 .app-body .bottom-nav {
   flex:0 0 auto!important; position:relative!important;
   inset:auto!important; bottom:auto!important; left:auto!important; right:auto!important;
   transform:none!important; width:100%!important;
   height:calc(58px + env(safe-area-inset-bottom))!important;
   min-height:calc(58px + env(safe-area-inset-bottom))!important;
   max-height:none!important;
   margin:0!important; padding:4px 6px calc(4px + env(safe-area-inset-bottom))!important;
   display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important;
   align-items:stretch!important; background:#222628!important;
   border-top:1px solid #394042!important;z-index:10!important;
 }
 .app-body .bottom-nav a {
   display:flex!important;flex-direction:column!important;
   align-items:center!important;justify-content:center!important;
   height:100%!important;min-height:0!important;
   gap:2px!important;padding:0!important;line-height:1.15!important;
   font-size:.65rem!important;
 }
 .app-body .bottom-nav a span {font-size:1.25rem!important;line-height:1.1!important}
}

/* TIM CONTROL 1.0.21 — floating glass capsule.
   Keep v1.0.20 viewport behavior unchanged (no viewport-fit=cover).
   The bottom margin is inside the viewport, not a negative offset. */
@media(max-width:850px){
  body.app-body .bottom-nav{
    width:calc(100% - 28px)!important;
    max-width:480px!important;
    align-self:center!important;
    flex:0 0 70px!important;
    height:70px!important;
    min-height:70px!important;
    margin:0 auto 12px!important;
    padding:6px!important;
    border:1px solid rgba(255,255,255,.25)!important;
    border-radius:999px!important;
    background:rgba(103,109,110,.48)!important;
    -webkit-backdrop-filter:blur(28px) saturate(175%)!important;
    backdrop-filter:blur(28px) saturate(175%)!important;
    box-shadow:0 12px 32px rgba(0,0,0,.42),inset 0 1px 1px rgba(255,255,255,.18)!important;
    overflow:hidden!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:3px!important;
  }
  body.app-body .bottom-nav a{
    border-radius:999px!important;
    color:rgba(255,255,255,.86)!important;
    text-align:center!important;
    font-size:.60rem!important;
    font-weight:700!important;
    min-width:0!important;
    white-space:nowrap!important;
    gap:3px!important;
    transition:background .2s ease,color .2s ease!important;
  }
  body.app-body .bottom-nav a span{font-size:1.28rem!important}
  body.app-body .bottom-nav a.active{
    background:rgba(231,236,234,.34)!important;
    color:#d0ed35!important;
    box-shadow:inset 0 1px 1px rgba(255,255,255,.5),0 1px 6px rgba(0,0,0,.18)!important;
    border:1px solid rgba(255,255,255,.36)!important;
  }
  body.app-body .content{padding-bottom:22px!important}
}
@media(max-width:360px){
  body.app-body .bottom-nav{width:calc(100% - 16px)!important;margin-bottom:8px!important}
  body.app-body .bottom-nav a{font-size:.54rem!important}
}

/* TIM CONTROL v1.0.22 — platform launcher; Liquid Glass nav untouched */
.platform-welcome{margin-bottom:24px}
.platform-welcome .eyebrow{letter-spacing:.14em}
.platform-welcome p{font-size:1rem;color:#b7c0be;margin-top:10px}
.platform-launcher{display:grid;gap:16px;max-width:850px}
.platform-tile{position:relative;display:flex;align-items:center;gap:20px;min-height:134px;padding:25px 25px;border-radius:24px;color:#18200b;background:linear-gradient(130deg,#d6fa31 0%,#bde900 60%,#9ed000 100%);border:1px solid rgba(245,255,181,.56);box-shadow:0 10px 28px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.45);overflow:hidden;isolation:isolate;transition:transform .23s cubic-bezier(.2,.85,.25,1),box-shadow .23s,filter .23s;animation:platformTileIn .48s both;animation-delay:calc(var(--tile-order)*90ms)}
.platform-tile:nth-child(2){background:linear-gradient(130deg,#c3ef20 0%,#a8da00 62%,#8cc400 100%)}
.platform-tile::before{content:"";position:absolute;inset:-80% auto auto -50%;width:90%;height:260%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);transform:rotate(20deg) translateX(-140%);transition:transform .5s;pointer-events:none}
.platform-tile:hover::before,.platform-tile.is-leaving::before{transform:rotate(20deg) translateX(230%)}
.platform-tile:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(0,0,0,.27),0 0 0 1px rgba(219,255,93,.24)}
.platform-tile:active,.platform-tile.is-leaving{transform:scale(.972);filter:brightness(1.07)}
.platform-tile:focus-visible{outline:3px solid white;outline-offset:4px}
.platform-tile-icon{width:76px;height:76px;border-radius:23px;background:rgba(22,40,7,.14);border:1px solid rgba(255,255,255,.28);display:grid;place-items:center;font-size:2.25rem;flex:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.24)}
.platform-tile-copy{display:grid;gap:7px;min-width:0;flex:1}
.platform-tile-copy strong{font-size:clamp(1.2rem,2.7vw,1.65rem);letter-spacing:-.025em;font-weight:850;line-height:1.05}
.platform-tile-copy small{font-size:.88rem;font-weight:620;color:rgba(24,32,11,.75);line-height:1.35}
.platform-tile-arrow{font-size:1.7rem;line-height:1;flex:none;align-self:center;transition:transform .22s}
.platform-tile:hover .platform-tile-arrow,.platform-tile.is-leaving .platform-tile-arrow{transform:translate(4px,-4px)}
.platform-footnote{max-width:850px;color:#929f9e;font-size:.78rem;margin:21px 4px;line-height:1.5}
@keyframes platformTileIn{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:580px){.platform-launcher{gap:13px}.platform-tile{min-height:118px;gap:14px;padding:18px 16px;border-radius:21px}.platform-tile-icon{width:62px;height:62px;border-radius:19px;font-size:1.85rem}.platform-tile-copy strong{font-size:1.15rem}.platform-tile-copy small{font-size:.76rem}.platform-tile-arrow{font-size:1.35rem}.platform-welcome p{font-size:.91rem}}
@media(prefers-reduced-motion:reduce){.platform-tile{animation:none!important;transition:none!important}.platform-tile::before,.platform-tile-arrow{transition:none!important}}

/* v1.0.23 Access Control Center */
.permissions-form{max-width:740px;gap:14px}.permission-module{margin:0}.permission-module h3{margin:0 0 15px}.permission-switch{display:flex;align-items:center;gap:12px;padding:10px 0;cursor:pointer;font-size:14px}.permission-switch input[type=checkbox]{width:21px;height:21px;min-width:21px;accent-color:#b7e900}.permission-features{border-top:1px solid rgba(255,255,255,.12);padding-top:6px}.permission-features .permission-switch{padding-left:10px}.permissions-form>.primary{position:sticky;bottom:12px;z-index:2;box-shadow:0 6px 30px #0008}

/* TIM CONTROL v1.0.24 — user creation screen */
.user-new-link{display:flex;align-items:center;justify-content:center;text-decoration:none;margin-top:18px;min-height:54px;border-radius:16px}
.new-user-intro{margin-bottom:16px}
.user-create-form{margin-bottom:22px}
.user-create-form input,.user-create-form select{min-height:48px}
.user-create-form button{min-height:52px}

/* v1.0.25: admin navigation in mobile PWA; existing Liquid Glass preserved. */
.platform-admin-link{display:flex;align-items:center;justify-content:space-between;gap:12px;
 margin:18px 0 8px;padding:16px 18px;border:1px solid #566d2c;border-radius:17px;
 color:var(--green);background:#283329;font-weight:750;text-decoration:none}
.platform-admin-link span{font-size:1.2rem}
.beheer-launcher{margin-top:20px}
@media(max-width:850px){
 body.app-body .bottom-nav.bottom-nav-admin{
   grid-template-columns:repeat(5,minmax(0,1fr))!important;
 }
 body.app-body .bottom-nav.bottom-nav-admin a{
   font-size:.55rem!important;
   letter-spacing:-.025em;
 }
 body.app-body .bottom-nav.bottom-nav-admin a span{
   font-size:1.18rem!important;
 }
}

/* v1.0.27 — compact mobile permissions panel */
.permissions-intro{padding:20px!important;margin-bottom:14px}
.permissions-intro h2{font-size:clamp(22px,5.5vw,29px);margin:8px 0}
.permissions-intro p{font-size:13px;line-height:1.5;margin:0 0 14px}
.permissions-user-select label{font-size:13px;font-weight:700;display:block}
.permissions-user-select select{margin-top:6px;min-height:44px;font-size:14px}
.permissions-compact{gap:10px!important;max-width:740px}
.permissions-compact .permission-card{padding:0!important;overflow:hidden;border-radius:17px}
.permission-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;cursor:pointer}
.permission-card-info{display:flex;flex-direction:column;gap:3px;min-width:0}
.permission-card-info strong{font-size:16px;line-height:1.3}
.permission-card-info small{font-size:12px;color:var(--muted,#a0a7aa);font-weight:500}
.permission-toggle{display:inline-flex;position:relative;flex:0 0 auto}
.permission-toggle input{position:absolute!important;inset:0;width:100%!important;height:100%!important;opacity:0;z-index:1;cursor:pointer}
.permission-toggle-track{display:block;width:46px;height:27px;border-radius:99px;background:#555d5c;border:1px solid #7b8580;transition:background .2s}
.permission-toggle-track:after{content:"";display:block;position:relative;top:3px;left:3px;width:19px;height:19px;background:#e6e9e7;border-radius:50%;transition:transform .2s}
.permission-toggle input:checked+.permission-toggle-track{background:#b8e600;border-color:#b8e600}
.permission-toggle input:checked+.permission-toggle-track:after{transform:translateX(19px);background:#1c2311}
.permission-toggle input:focus-visible+.permission-toggle-track{outline:2px solid white;outline-offset:3px}
.permission-card-features{padding:0 18px 10px;border-top:1px solid rgba(255,255,255,.10)}
.permission-card-features[hidden]{display:none!important}
.permission-card-subtitle{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#a2aaa9;padding:13px 0 4px}
.permission-feature-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:43px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:13px;cursor:pointer}
.permission-feature-row:last-child{border-bottom:0}
.permission-feature-row input[type=checkbox]{width:20px!important;height:20px!important;min-width:20px!important;flex:0 0 20px;accent-color:#b8e600}
.permissions-compact .permission-save-wrap{position:sticky;bottom:0;z-index:3;padding:8px 0 12px;background:linear-gradient(transparent,#17191b 22%)}
.permissions-compact .permission-save-wrap button{width:100%;min-height:48px;font-size:15px;border-radius:14px}
@media(max-width:850px){
 .permissions-intro{padding:17px!important}
 .permissions-compact .permission-save-wrap{bottom:0;padding-bottom:8px}
}

/* TIM CONTROL 1.0.28 — Logboek */
.logbook-head{margin-bottom:16px}.logbook-head h2{margin:5px 0;font-size:clamp(25px,6vw,36px)}
.logbook-head p{margin:0;font-size:14px}.logbook-search{display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid #495050;border-radius:15px;background:#292e30;margin:0 0 14px;min-height:51px}
.logbook-search span{font-size:24px;color:#b8e600}.logbook-search input{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;min-width:0;width:100%;font-size:15px!important}
.logbook-add-form{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;padding:17px!important}.logbook-add-form label{font-weight:750;font-size:14px}.logbook-add-form textarea{min-height:88px;resize:vertical;font-size:15px}.logbook-add-form button{min-height:46px;border-radius:13px}
.logbook-list{display:flex;flex-direction:column;gap:10px}.logbook-entry{padding:15px 17px!important;border-radius:16px;overflow-wrap:anywhere}.logbook-entry[hidden],#logbook-no-results[hidden]{display:none!important}
.logbook-entry-text{font-size:15px;line-height:1.55;white-space:normal}.logbook-meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:9px;font-size:10px;color:#9aa4a4;line-height:1.4}
.logbook-edit{margin-top:10px;padding-top:9px;border-top:1px solid rgba(255,255,255,.08)}.logbook-edit summary{cursor:pointer;color:#b8e600;font-size:12px;font-weight:700}.logbook-edit form{margin-top:10px}.logbook-edit textarea{font-size:14px}.logbook-edit button{min-height:42px}

/* v1.0.29 - profile avatar and compact popover */
.profile-menu-wrap{position:relative;flex-shrink:0;z-index:70}
.profile-trigger{border:0;padding:0;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;width:44px;height:44px}
.profile-trigger:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.profile-trigger .avatar{width:42px;height:42px;overflow:hidden;border:1px solid rgba(192,231,62,.35)}
.profile-trigger .avatar img,.profile-popover-avatar img,.profile-page-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.profile-popover{position:absolute;right:0;top:calc(100% + 12px);width:min(285px,calc(100vw - 24px));padding:9px;background:rgba(39,44,45,.96);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid #56605b;border-radius:18px;box-shadow:0 16px 38px #0009;z-index:80;animation:profile-pop .17s ease-out}
.profile-popover[hidden]{display:none!important}
@keyframes profile-pop{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.profile-popover-heading{display:flex;gap:12px;align-items:center;padding:10px 10px 13px;margin-bottom:6px;border-bottom:1px solid #48504d}
.profile-popover-heading span:last-child{min-width:0;display:grid;gap:3px}
.profile-popover-heading small{color:var(--muted);font-size:11px}
.profile-popover-heading strong{font-size:14px;overflow-wrap:anywhere}
.profile-popover-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;background:#354037;color:var(--green);overflow:hidden;font-weight:800}
.profile-popover a,.profile-popover button{display:flex;align-items:center;gap:10px;width:100%;padding:12px 11px;border:0;border-radius:11px;background:transparent;color:#e7ece8;text-align:left;font-size:14px;font-weight:650}
.profile-popover a:hover,.profile-popover button:hover{background:#39443b}
.profile-popover form{border-top:1px solid #48504d;margin-top:5px;padding-top:5px}
.profile-popover form button{color:#ffaaa5}
.profile-page-head{display:flex;align-items:center;gap:18px;margin-bottom:20px}
.profile-page-head h2{margin:5px 0}.profile-page-head p{font-size:13px;overflow-wrap:anywhere}
.profile-page-avatar{width:76px;height:76px;flex:0 0 76px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#354037;color:var(--green);font-size:27px;font-weight:800}
.profile-delete-form{margin-top:14px}
@media(prefers-reduced-motion:reduce){.profile-popover{animation:none}}
/* TIM CONTROL v1.0.30 - Wishlist */
.wishlist-heading{margin-bottom:20px}.wishlist-heading h2{font-size:clamp(30px,5vw,42px);margin:6px 0}.wishlist-heading p{margin:0}.wishlist-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.wishlist-stats .panel{display:flex;flex-direction:column;gap:8px}.wishlist-stats strong{font-size:30px}.wishlist-add{margin-bottom:22px}.wishlist-add>summary,.wishlist-purchased>summary{padding:18px;cursor:pointer;font-weight:700;list-style:none}.wishlist-add>summary::-webkit-details-marker,.wishlist-purchased>summary::-webkit-details-marker{display:none}.wishlist-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wishlist-check{display:flex!important;flex-direction:row!important;align-items:center;gap:10px}.wishlist-check input{width:auto}.wishlist-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:20px 0 12px}.wishlist-toolbar h3{margin:0}.wishlist-toolbar label{display:flex;align-items:center;gap:8px;font-size:13px}.wishlist-toolbar select{max-width:230px}.wishlist-list{display:grid;gap:10px}.wishlist-card{padding:16px;display:grid;gap:12px}.wishlist-card-top{display:flex;justify-content:space-between;align-items:start;gap:12px}.wishlist-card-top strong{font-size:16px}.wishlist-sub{font-size:12px;color:var(--muted,#999);margin-top:6px}.wishlist-prio{white-space:nowrap;color:#ff7e7e;background:#a9303025;border:1px solid #b93e3e55;padding:5px 9px;border-radius:9px;font-size:11px;font-weight:800}.wishlist-tags{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.wishlist-price{display:inline-flex;border-radius:9px;padding:6px 10px;font-size:12px;font-weight:700}.wishlist-green{color:#68e6a1;background:#164c3444}.wishlist-yellow{color:#ffe080;background:#6d571d44}.wishlist-orange{color:#ffb47d;background:#6d371d44}.wishlist-red{color:#ff8e8e;background:#6d1d1d44}.wishlist-product-link{font-size:13px}.wishlist-action{margin:0}.wishlist-purchased{margin-top:24px}.wishlist-purchased .wishlist-list{padding:0 12px 12px}.wishlist-done .wishlist-card{opacity:.86}.wishlist-settings-link{margin:18px 0}.wishlist-settings{display:grid;gap:16px;max-width:620px}.wishlist-settings label{display:grid;gap:7px}@media(max-width:480px){.wishlist-form-grid{grid-template-columns:1fr}.wishlist-toolbar label{width:100%;justify-content:space-between}.wishlist-toolbar select{max-width:65%}.wishlist-card-top{flex-wrap:wrap}}

/* TIM CONTROL 1.0.31 - dashboard customization */
.dashboard-customize{max-width:820px}.dashboard-customize h3{margin:26px 0 8px}.dashboard-sort-list,.dashboard-nav-choices{display:grid;gap:9px;margin-top:15px}.dashboard-sort-item,.dashboard-nav-choice,.dashboard-nav-fixed{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.035)}.dashboard-sort-name{font-weight:700}.dashboard-sort-controls{display:flex;gap:6px}.dashboard-sort-controls button{min-width:42px;min-height:38px}.dashboard-nav-choice{cursor:pointer}.dashboard-nav-choice input{width:20px;height:20px;accent-color:#c5f21e}.dashboard-nav-fixed{color:#c5f21e}.dashboard-nav-fixed small{color:#a0a4a6}.dashboard-save-button{margin-top:20px}.bottom-nav-custom a{min-width:0!important;flex:1 1 0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav-custom{display:flex!important}.bottom-nav-custom a span{display:block}.dashboard-customize .muted{line-height:1.5}

/* TIM CONTROL 1.0.33: compact header, draggable dashboard */
.app-body .topbar{min-height:76px;height:auto;padding-top:16px;padding-bottom:16px}
.app-body .topbar .eyebrow{font-size:.72rem;letter-spacing:.19em}
.dashboard-sort-item{justify-content:flex-start;touch-action:pan-y;user-select:none}
.dashboard-sort-name{flex:1}.dashboard-drag-handle{font-size:1.6rem;line-height:1;cursor:grab;color:var(--green);padding:10px 14px 10px 0;touch-action:none}
.dashboard-sort-item.is-dragging{opacity:.48;border-color:var(--green)}
.dashboard-sort-item.is-drag-over{border-color:var(--green);background:#35402d}

/* TIM CONTROL 1.0.34 - mobile-first users and usage analytics */
.tc-page-heading{margin:0 0 22px}.tc-page-heading h2{font-size:clamp(1.9rem,5vw,2.65rem);margin:6px 0;letter-spacing:-.045em}.tc-page-heading p{font-size:.86rem}
.tc-users-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:13px;margin-bottom:20px}
.tc-user-card{min-width:0;border:1px solid #42494a;border-radius:20px;background:#252a2c;padding:18px;display:grid;gap:18px}
.tc-user-identity{display:flex;align-items:center;gap:14px;min-width:0}.tc-user-avatar{width:54px;height:54px;flex:0 0 54px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#364337;color:var(--green);font-weight:800;font-size:1.1rem;border:1px solid #556c42}.tc-user-avatar img{width:100%;height:100%;object-fit:cover}
.tc-user-details{min-width:0;flex:1;display:grid;gap:6px}.tc-user-details strong{font-size:1.06rem;line-height:1.25;overflow-wrap:anywhere}.tc-user-details small{font-size:.76rem;color:var(--muted);overflow-wrap:anywhere;line-height:1.4}
.tc-user-badges{display:flex;gap:7px;flex-wrap:wrap}.tc-user-role,.tc-user-status{font-size:.68rem;border-radius:20px;padding:5px 9px;background:#353b3c;color:#cdd2d2;font-weight:700}.tc-user-status.is-active{background:#2d4431;color:#a8eb99}.tc-user-status.is-inactive{background:#493333;color:#ffadad}
.tc-user-actions{display:flex;align-items:center;gap:8px;border-top:1px solid #394142;padding-top:14px;min-width:0}.tc-user-actions>a{flex:1;min-width:0;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:.81rem;white-space:nowrap}.tc-user-more{position:relative;flex:0 0 auto}.tc-user-more>summary{list-style:none;border:1px solid #495153;border-radius:10px;min-height:44px;min-width:44px;display:grid;place-items:center;cursor:pointer;font-weight:800;letter-spacing:.1em}.tc-user-more>summary::-webkit-details-marker{display:none}.tc-user-more-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:10;width:max-content;max-width:75vw;padding:10px;background:#303638;border:1px solid #56605c;border-radius:12px;box-shadow:0 12px 30px #0008}.tc-user-more-panel button{width:100%;white-space:nowrap;min-height:42px}.tc-user-add{width:100%;max-width:500px;min-height:56px}
.tc-analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 24px}.tc-analytics-stat{padding:17px;background:var(--panel);border:1px solid var(--stroke);border-radius:16px;min-width:0}.tc-analytics-stat small{display:block;color:var(--muted);font-size:.74rem}.tc-analytics-stat strong{display:block;font-size:clamp(1.5rem,5vw,2rem);margin-top:8px;letter-spacing:-.04em}.tc-analytics-panel{background:var(--panel);border:1px solid var(--stroke);border-radius:18px;padding:18px;margin:14px 0}.tc-analytics-panel h3{margin:0 0 14px}.tc-analytics-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid #394142;font-size:.83rem}.tc-analytics-row:first-of-type{border-top:0}.tc-analytics-row span{overflow-wrap:anywhere}.tc-analytics-row strong{color:var(--green);white-space:nowrap}.tc-analytics-note{font-size:.76rem;color:var(--muted);line-height:1.55}
@media(max-width:420px){.tc-user-card{padding:15px}.tc-user-actions{gap:6px}.tc-user-actions>a{padding:9px 6px;font-size:.76rem}.tc-user-avatar{width:48px;height:48px;flex-basis:48px}.tc-analytics-stat{padding:13px}}

/* TIM CONTROL 1.0.36 — uniforme hoofd-paginatitels. */
.tc-page-heading h2, .mic-head h2, .logbook-head h2, .wishlist-heading h2, .welcome:not(.platform-welcome) h2, .permissions-intro h2 {
  font-size:clamp(1.9rem,5vw,2.65rem);font-weight:750;line-height:1.12;letter-spacing:-.045em;margin:6px 0 10px;
}
.tc-page-heading, .mic-head, .logbook-head, .wishlist-heading {margin-bottom:22px;}
.logbook-add-form[hidden] {display:none!important;}