html[data-mini]{--mini-bottom:max(env(safe-area-inset-bottom,0px),var(--tg-content-safe-area-inset-bottom,0px));--mini-top:var(--tg-content-safe-area-inset-top,0px);--muted:#536c78}
html[data-mini][data-theme=dark]{color-scheme:dark;--ink:#e5edf2;--muted:#a4b7c1;--accent:#83cfc0;--accent-soft:#203c38;--line:#32454f;--canvas:#111d24;--surface:#1a2a33;--danger:#ffaaa4}
.mini .sidebar,.mini .topbar,.mini footer{display:none}
.mini .workspace{margin:0;padding:0;min-width:0}
.mini #main{max-width:680px;margin:0 auto;padding:8px 20px calc(94px + var(--mini-bottom))}
.mini h1{font-size:23px;line-height:1.4;letter-spacing:-.4px;margin:0;font-weight:650;text-wrap:balance}
.mini h2{font-size:16px;line-height:1.4;margin:0;letter-spacing:0}
.mini p{color:var(--muted)}
.mini .page-heading{margin:14px 0 20px;display:block}
.mini .page-heading .eyebrow,.mini .page-heading h1,.mini .page-heading p,.mini .explanation,.mini .apps-heading{display:none}
.mini .page-heading a{font-size:13px;min-height:44px;display:inline-flex;align-items:center}
/* The home-only rule must stay weaker than the dedicated offline-view override. */
.mini [data-view=overview]>:not(:where(#mini-home)),.mini [data-view=settings]>:not(:where(#mini-my)){display:none!important}
.mini-header{width:100%;display:flex;align-items:center;gap:6px;max-width:680px;margin:0 auto;padding:calc(18px + var(--mini-top)) 16px 14px;min-height:78px}
.mini-header>div{flex:1;padding-left:4px;min-width:0}
.mini-header strong{display:block;font-size:17px;font-weight:650}
.mini-header span{display:block;font-size:11px;color:var(--muted);margin-top:1px}
.mini .icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;border:0;background:transparent;color:var(--ink);padding:10px}
.mini .icon{stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;flex-shrink:0}
.mini-greeting{padding:8px 0 22px}
.mini-greeting p{font-size:12px;margin:0 0 7px}
.mini-connection{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:17px 14px}
.mini-nas-icon{background:var(--accent-soft);color:var(--accent);width:44px;height:44px;border-radius:12px;display:grid;place-items:center}
.mini-connection>div{flex:1;min-width:0}
.mini-connection strong{font-size:14px;display:block;font-weight:600}
.mini-connection>div>span{display:block;font-size:12px;color:var(--muted);margin-top:3px}
.mini-connection>.icon{width:15px;color:var(--muted)}
.mini-status{font-size:11px;color:var(--muted);display:flex;gap:5px;align-items:center;white-space:nowrap}
.mini-status::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--muted)}
.mini-status.is-online{color:var(--accent)}.mini-status.is-online::before{background:var(--accent)}
.mini-section-title{display:flex;align-items:center;justify-content:space-between;margin:28px 0 15px}
.mini-section-title a{font-size:12px;color:var(--muted);min-height:44px;display:flex;align-items:center;gap:4px;margin:-12px 0}
.mini-section-title a .icon{width:14px}
.mini-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 8px;padding:6px 0 2px}
.mini-shortcut{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:12px;min-height:76px;text-align:center}
.mini-tool-icon{position:relative;display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:var(--surface);border:1px solid var(--line);color:var(--accent)}
.mini-tool-icon .icon{width:24px;height:24px}
.mini-tool-icon i{position:absolute;right:0;top:0;width:8px;height:8px;border:2px solid var(--canvas);border-radius:50%;background:#b47c2d}
.mini-recent{border:1px solid var(--line);border-radius:15px;background:var(--surface);overflow:hidden}
.mini-recent-row{display:flex;gap:10px;align-items:center;min-height:78px;padding:14px}
.mini-recent-row+.mini-recent-row{border-top:1px solid var(--line)}
.mini-row-icon{width:35px;height:35px;display:grid;place-items:center;color:var(--accent);background:var(--accent-soft);border-radius:10px}
.mini-row-icon .icon{width:19px;height:19px}
.mini-recent-row>div{flex:1;min-width:0}
.mini-recent-row strong{display:block;font-size:13px;font-weight:550}
.mini-recent-row small{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.mini-recent-row>.icon{width:13px;color:var(--muted)}
.mini-job-status{font-size:11px;color:var(--muted)}.mini-job-status.done{color:var(--accent)}.mini-job-status.failed,.mini-job-status.unknown,.mini-job-status.unsuccessful{color:var(--danger)}
.mini-attention{display:flex;gap:10px;align-items:center;padding:14px 0 0;color:var(--danger);font-size:13px}
.mini-attention span{flex:1}.mini-attention>.icon{width:18px}
.mini-empty{text-align:center;padding:25px 16px;font-size:13px}.mini-empty span{display:block;font-size:12px;color:var(--muted);margin-top:5px}
.mini-footnote{text-align:center;font-size:11px;line-height:1.9;margin:24px 0 0;color:var(--muted)}
#mini-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:680px;padding:9px 12px calc(9px + var(--mini-bottom));display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border-top:1px solid var(--line);z-index:10}
#mini-nav a{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-height:48px;font-size:10px;color:var(--muted);border-radius:10px}
#mini-nav a.active{color:var(--accent);background:var(--accent-soft)}
#mini-nav .icon{width:21px;height:21px}
#mini-pending:not(:empty){position:absolute;top:1px;left:calc(50% + 10px);border-radius:10px;padding:0 5px;background:var(--accent);color:var(--surface);font-size:10px}
.mini #app-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px 0 0}
.mini .app-card{position:relative;display:block;padding:18px 15px;border:1px solid var(--line);border-radius:15px;background:var(--surface);min-width:0}
.mini .app-card .app-icon{display:grid;place-items:center;padding:0;width:38px;height:38px;margin-bottom:13px;border-radius:11px;background:var(--accent-soft);color:var(--accent)}
.mini .app-card h3{font-size:13px;line-height:1.5;margin:0 0 6px}
.mini .app-card p,.mini .app-card .fine{display:none}
.mini .app-card .pill{font-size:10px;padding:0;background:transparent;border:0;color:var(--muted)}
.mini .app-card .pill.good{color:var(--accent)}
.mini .app-card .text-button,.mini .app-card .text-link{font-size:0;margin:0;padding:0;position:absolute;inset:0;border-radius:15px;min-height:44px;background:transparent}
.mini #tool-panels{margin:0;display:block}
.mini .tool-panel{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:18px;min-width:0}
.mini .tool-panel summary{font-size:15px}.mini .tool-panel summary::after{display:none}
.mini .tool-panel summary .muted{font-size:11px}
.mini .tool-panel .tool-fields{grid-template-columns:1fr;gap:0}
.mini .tool-panel .tool-readings{gap:18px}.mini .tool-panel .tool-readings strong{font-size:20px}
.mini input,.mini select,.mini textarea{font-size:16px;background:var(--surface);color:var(--ink);min-height:44px;border-color:var(--line)}
.mini input[type=checkbox]{min-height:auto}
.mini .primary,.mini .secondary,.mini .danger{min-height:44px;font-size:13px;border-radius:10px}
.mini .primary{background:var(--accent);color:var(--surface)}.mini .secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}
.mini .tool-table th{background:var(--canvas)}.mini .tool-chart text,.mini .ledger-chart text{fill:var(--muted)}
.mini .table-scroll{max-width:100%;background:var(--surface)}
.mini .panel,.mini .toolbar,.mini .task-row,.mini .result-box,.mini .empty,.mini dialog,.mini pre{background:var(--surface);color:var(--ink);border-color:var(--line)}
.mini .toolbar{padding:12px;border-radius:12px;display:flex;gap:10px;flex-wrap:wrap}
.mini .toolbar select{flex:1 1 130px;margin:0;font-size:13px}.mini .toolbar .muted{font-size:11px}
.mini .task-row{grid-template-columns:minmax(0,1fr) auto auto;gap:9px;padding:16px 0}.mini .task-row .mono{display:none}
.mini .task-row strong{font-size:13px}.mini .task-row small{font-size:11px}
.mini .task-row .pill{font-size:10px}.mini .task-row .text-button{font-size:12px;min-height:44px}
.mini .pill:not(.good):not(.warn):not(.bad){background:var(--canvas);color:var(--muted);border-color:var(--line)}
.mini .event-row strong{font-size:13px}.mini .event-row p{font-size:12px}.mini .event-time{font-size:10px}
.mini .mini-profile{display:flex;align-items:center;gap:14px;padding:15px 0 28px}
.mini-profile h1{font-size:20px}.mini-profile p{font-size:12px;margin:4px 0 0}
.mini-profile-icon{display:grid;place-items:center;width:56px;height:56px;background:var(--accent-soft);color:var(--accent);border-radius:18px}
.mini-profile-icon .icon{width:27px;height:27px}
.mini-my-list{background:var(--surface);border:1px solid var(--line);border-radius:15px;overflow:hidden}
.mini-my-row{display:flex;align-items:center;gap:12px;min-height:60px;padding:14px 16px;width:100%;color:var(--ink);font-size:14px;background:transparent;border:0;text-align:left}
.mini-my-row+.mini-my-row{border-top:1px solid var(--line)}.mini-my-row>span{flex:1}.mini-my-row>strong,.mini-my-row>small{font-size:12px;font-weight:400;color:var(--muted)}
.mini-my-row>.icon{width:20px;color:var(--muted)}.mini-my-row>.icon:last-child{width:15px}
.mini .login-shell{min-height:100dvh;padding:24px}.mini .login-card{max-width:360px;width:100%;padding:32px 24px;border-radius:18px;box-shadow:none;background:var(--surface);border:1px solid var(--line)}
.mini .login-brand,.mini .login-fields,.mini #login-error{display:none}
#mini-gate{text-align:center}#mini-gate h1{font-size:21px;margin:20px 0 12px}#mini-gate p{font-size:13px;min-height:45px;margin-bottom:24px}#mini-gate .primary{width:100%}
.mini-gate-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:var(--accent-soft);color:var(--accent);margin:auto}
.mini-gate-icon .icon{width:29px;height:29px}
.mini #toast{left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);bottom:calc(86px + var(--mini-bottom));font-size:13px}
html[data-mini-page=offline] .mini [data-view=overview]>#mini-home{display:none!important}
html[data-mini-page=offline] .mini [data-view=overview]>.overview-columns{display:block!important}
html[data-mini-page=offline] .mini .overview-columns>.activity{display:none}
html[data-mini-page=offline] .mini #quick-composer:not([hidden]){display:block!important}
html[data-mini-page=offline] .mini .composer{padding:20px;border-radius:15px}
@media(min-width:680px){.mini #main{padding-left:28px;padding-right:28px}.mini-header{padding-left:24px;padding-right:24px}.mini #app-list{grid-template-columns:repeat(3,minmax(0,1fr))}}

.mini .pill.good{background:var(--accent-soft);color:var(--accent)}
.mini .pill.bad{color:var(--danger);background:var(--canvas)}
.mini .app-card .pill.good{background:transparent}

.mini-brand-mark{display:block;width:64px;height:64px;margin:0 auto 20px}

html[data-mini-page=detail] #app-controls,html[data-mini-page=detail] #app-results-count,html[data-mini-page=detail] #app-empty{display:none!important}
.mini .app-controls{margin-top:8px}
.mini .app-results-count{margin-bottom:14px}
.mini .app-empty{background:var(--surface)}