/* Homepage rebuilt from the approved dashboard reference. */
[data-panel="command"] { --gold:#b98227; --ink:#172033; --muted:#7a8492; --line:#eceff3; color:var(--ink); }
[data-panel="command"] .command-showcase { position:relative; display:grid; grid-template-columns:250px 360px 1fr 250px; height:250px; overflow:hidden; border-radius:18px; color:#fff; background:linear-gradient(110deg,#090d13 0%,#17191d 56%,#090b0e 100%); box-shadow:0 12px 30px rgba(20,25,33,.16); }
[data-panel="command"] .command-showcase::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:48px 100%; pointer-events:none; }
[data-panel="command"] .showcase-rank { z-index:3; padding:22px 16px; border-right:1px solid rgba(255,255,255,.1); }
[data-panel="command"] .showcase-rank > p { margin:0 0 10px; color:#c9a665; font-size:10px; font-weight:800; letter-spacing:.14em; }
[data-panel="command"] .hero-ranking-list { display:grid; gap:8px; }
[data-panel="command"] .hero-rank-item { display:grid; grid-template-columns:30px 40px 1fr; gap:9px; align-items:center; min-height:60px; padding:8px 10px; border:1px solid rgba(255,255,255,.1); border-radius:10px; background:rgba(255,255,255,.045); }
[data-panel="command"] .hero-rank-item > b { color:#d7a849; font:700 20px Georgia,serif; }
[data-panel="command"] .hero-rank-avatar { display:grid; width:38px; height:38px; place-items:center; border-radius:50%; color:#171717; background:#d3b178; font-size:12px; font-weight:900; }
[data-panel="command"] .hero-rank-item strong,[data-panel="command"] .hero-rank-item small { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
[data-panel="command"] .hero-rank-item strong { font-size:13px; } [data-panel="command"] .hero-rank-item small { margin-top:3px; color:#aab1bb; font-size:10px; }
[data-panel="command"] .rank-placeholder { padding:25px 8px; color:#89919d; font-size:11px; text-align:center; }
[data-panel="command"] .showcase-focus { z-index:3; padding:30px 12px 20px 28px; }
[data-panel="command"] .showcase-focus > span { color:#b6bec9; font-size:10px; letter-spacing:.08em; }
[data-panel="command"] .showcase-focus h1 { margin:8px 0 2px; color:#e8bb69; font:700 46px Georgia,"Noto Serif TC",serif; }
[data-panel="command"] .showcase-focus > p { margin:0; color:#d8dde4; font-size:14px; } [data-panel="command"] .showcase-focus > p strong { color:#e7b45b; font-size:32px; }
[data-panel="command"] .showcase-meta { display:grid; grid-template-columns:auto 1fr; gap:3px 10px; margin-top:16px; padding:9px 12px; border:1px solid rgba(211,164,82,.28); border-radius:8px; background:rgba(0,0,0,.25); }
[data-panel="command"] .showcase-meta b { color:#949da9; font-size:8px; } [data-panel="command"] .showcase-meta strong { color:#e7c283; font-size:10px; text-align:right; }
[data-panel="command"] .showcase-meta i { grid-column:1/-1; height:2px; border-radius:9px; background:linear-gradient(90deg,#b78128 66%,rgba(255,255,255,.1) 66%); }
[data-panel="command"] .showcase-car { position:absolute; z-index:1; inset:0 180px 0 440px; }
[data-panel="command"] .showcase-car::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#17191d 0%,transparent 30%,transparent 72%,#0a0c0f 100%),linear-gradient(0deg,#090b0e,transparent 45%); }
[data-panel="command"] .showcase-car img { width:100%; height:100%; object-fit:cover; object-position:center; opacity:.76; filter:saturate(.7) contrast(1.18) brightness(.7); }
[data-panel="command"] .showcase-person { z-index:3; display:grid; align-content:center; justify-items:center; padding:20px; border-left:1px solid rgba(255,255,255,.08); background:linear-gradient(90deg,transparent,rgba(7,9,12,.8)); }
[data-panel="command"] .person-avatar { display:grid; width:105px; height:105px; place-items:center; border:1px solid rgba(211,169,92,.35); border-radius:50%; color:#b49157; background:radial-gradient(circle,#302a22,#0e1116 67%); font:700 34px Georgia,serif; }
[data-panel="command"] .showcase-person strong { margin-top:10px; color:#d8b375; font-size:11px; letter-spacing:.12em; } [data-panel="command"] .showcase-person span { margin-top:4px; color:#777f8a; font-size:8px; }

[data-panel="command"] .command-metrics { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); height:68px; overflow:hidden; border:1px solid var(--line); border-radius:14px; background:#fff; box-shadow:0 6px 18px rgba(32,39,49,.06); }
[data-panel="command"] .command-metrics .metric-card { position:relative; min-width:0; min-height:0; height:66px; padding:8px 12px 5px 54px; overflow:hidden; border:0; border-right:1px solid var(--line); border-radius:0; background:#fff; box-shadow:none; }
[data-panel="command"] .command-metrics .metric-card:last-child { border-right:0; }
[data-panel="command"] .command-metrics .metric-card > i { position:absolute; left:15px; top:14px; display:grid; width:30px; height:30px; place-items:center; border-radius:9px; color:#a16f1e; background:#fbf2e1; font-size:10px; font-style:normal; font-weight:900; }
[data-panel="command"] .command-metrics .metric-card > i svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
[data-panel="command"] .command-metrics span,[data-panel="command"] .command-metrics strong,[data-panel="command"] .command-metrics small { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
[data-panel="command"] .command-metrics span { color:#7d8795; font-size:10px; } [data-panel="command"] .command-metrics strong { margin:3px 0 0; color:#202837; font-size:20px; } [data-panel="command"] .command-metrics small { display:none; }

[data-panel="command"] .command-operations { display:grid; grid-template-columns:1.05fr 1.15fr 1fr 1.25fr; gap:12px; height:270px; }
[data-panel="command"] .command-bottom { display:grid; grid-template-columns:1.25fr 1fr; gap:12px; height:220px; }
[data-panel="command"] .command-card { min-width:0; height:100%; margin:0; padding:0; overflow:hidden; border:1px solid var(--line); border-radius:13px; background:#fff; box-shadow:0 5px 16px rgba(35,43,54,.05); }
[data-panel="command"] .command-card > header,[data-panel="command"] .command-notice > header { display:flex; height:42px; min-height:42px; align-items:center; justify-content:space-between; padding:0 14px; border-bottom:1px solid var(--line); background:#fff; }
[data-panel="command"] .command-card h2 { margin:0; color:#273043; font-size:14px; } [data-panel="command"] .command-card header button,[data-panel="command"] .command-card header span { border:0; color:#929aa6; background:transparent; font-size:10px; cursor:pointer; }
[data-panel="command"] .repair-content { display:grid; grid-template-columns:105px 1fr; gap:8px; height:calc(100% - 36px); align-items:center; padding:12px; }
[data-panel="command"] .repair-donut { position:relative; display:grid; width:90px; height:90px; place-content:center; border-radius:50%; text-align:center; background:conic-gradient(#c58d2e 0 72%,#e9edf2 72%); }
[data-panel="command"] .repair-donut::before { content:""; position:absolute; inset:10px; border-radius:inherit; background:#fff; }
[data-panel="command"] .repair-donut strong,[data-panel="command"] .repair-donut span { position:relative; z-index:1; display:block; } [data-panel="command"] .repair-donut strong { font-size:20px; } [data-panel="command"] .repair-donut span { color:#8f98a5; font-size:8px; }
[data-panel="command"] .status-summary { display:grid; gap:8px; } [data-panel="command"] .status-summary b { display:grid; grid-template-columns:8px 1fr auto; gap:6px; align-items:center; color:#697383; font-size:9px; } [data-panel="command"] .status-summary .dot { width:6px; height:6px; border-radius:50%; background:#c38a2c; }
[data-panel="command"] .risk-table { height:calc(100% - 36px); overflow:hidden; }
[data-panel="command"] .risk-table .dashboard-row { display:grid; grid-template-columns:1.5fr .45fr .6fr .45fr; min-height:34px; align-items:center; padding:3px 9px; border-bottom:1px solid #f0f2f4; color:#727b88; font-size:8px; }
[data-panel="command"] .risk-table .dashboard-head { min-height:26px; color:#9ca4ae; background:#fafbfc; }
[data-panel="command"] .dash-car { display:grid; grid-template-columns:36px 1fr; grid-template-rows:auto auto; gap:0 7px; min-width:0; align-items:center; } [data-panel="command"] .dash-car img,[data-panel="command"] .dash-car .avatar-placeholder { grid-row:1/3; width:34px; height:25px; border-radius:5px; object-fit:cover; background:#edf0f3; } [data-panel="command"] .dash-car strong,[data-panel="command"] .dash-car small { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } [data-panel="command"] .dash-car strong { color:#263044; font-size:8px; } [data-panel="command"] .dash-car small { color:#a1a8b1; font-size:7px; }
[data-panel="command"] .task-list { height:calc(100% - 36px); overflow:hidden; padding:5px 9px; } [data-panel="command"] .task-list article { display:grid; grid-template-columns:24px 1fr auto; gap:7px; min-height:52px; align-items:center; border-bottom:1px solid #f0f2f4; } [data-panel="command"] .task-list article > i { display:grid; width:22px; height:22px; place-items:center; border-radius:7px; color:#ac741e; background:#fbf1df; font-size:8px; font-style:normal; } [data-panel="command"] .task-list strong,[data-panel="command"] .task-list span { display:block; } [data-panel="command"] .task-list strong { font-size:9px; } [data-panel="command"] .task-list span,[data-panel="command"] .task-list time { color:#9ba2ac; font-size:7px; }
[data-panel="command"] .command-activity-column,[data-panel="command"] [data-command-traffic-slot] { min-width:0; height:100%; } [data-panel="command"] [data-command-traffic-slot] > * { height:100%; }
[data-panel="command"] .command-notice-list { height:calc(100% - 36px); overflow:hidden; padding:3px 9px; } [data-panel="command"] .command-notice-list article { display:grid; grid-template-columns:28px 1fr auto; gap:0 7px; min-height:40px; align-items:center; border-bottom:1px solid #f1f2f4; } [data-panel="command"] .command-notice-list article > span { display:grid; width:25px; height:25px; place-items:center; border-radius:7px; background:#fbf1df; font-size:7px; } [data-panel="command"] .command-notice-list article div { min-width:0; } [data-panel="command"] .command-notice-list strong,[data-panel="command"] .command-notice-list p { display:block; overflow:hidden; margin:0; white-space:nowrap; text-overflow:ellipsis; } [data-panel="command"] .command-notice-list strong { font-size:8px; } [data-panel="command"] .command-notice-list p,[data-panel="command"] .command-notice-list small { color:#9aa2ac; font-size:7px; }

[data-panel="command"] .sss-table { height:calc(100% - 36px); padding:8px 10px; } [data-panel="command"] .sss-vehicle-strip { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; height:100%; } [data-panel="command"] .sss-vehicle { position:relative; display:grid; grid-template-rows:auto auto; align-content:start; min-width:0; overflow:hidden; border:1px solid #eef0f3; border-radius:10px; background:#fafbfc; cursor:pointer; } [data-panel="command"] .sss-vehicle img,[data-panel="command"] .sss-vehicle .avatar-placeholder { display:block; width:100%; max-width:none; height:86px; object-fit:cover; background:#e9edf1; } [data-panel="command"] .sss-rank { position:absolute; top:6px; left:6px; display:grid; width:20px; height:20px; place-items:center; border-radius:50%; color:#fff; background:#b77d20; font-size:8px; font-weight:900; } [data-panel="command"] .sss-vehicle div:last-child { min-width:0; padding:5px 7px; } [data-panel="command"] .sss-vehicle strong,[data-panel="command"] .sss-vehicle small { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } [data-panel="command"] .sss-vehicle strong { font-size:8px; } [data-panel="command"] .sss-vehicle small { margin-top:2px; color:#929aa5; font-size:7px; }
[data-panel="command"] .finance-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); height:82px; } [data-panel="command"] .finance-summary article { position:relative; min-width:0; padding:12px 5px 8px 38px; border-right:1px solid var(--line); } [data-panel="command"] .finance-summary article:last-child { border-right:0; } [data-panel="command"] .finance-summary i { position:absolute; left:9px; top:14px; display:grid; width:23px; height:23px; place-items:center; border-radius:7px; color:#a47121; background:#fbf1de; font-size:7px; font-style:normal; } [data-panel="command"] .finance-summary span,[data-panel="command"] .finance-summary strong,[data-panel="command"] .finance-summary small { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } [data-panel="command"] .finance-summary span { color:#89929e; font-size:7px; } [data-panel="command"] .finance-summary strong { margin:4px 0 2px; font-size:10px; } [data-panel="command"] .finance-summary small { color:#a4abb4; font-size:6px; }
[data-panel="command"] .finance-summary i { color:transparent; font-size:0; background-color:#fbf1de; background-position:center; background-repeat:no-repeat; background-size:15px 15px; }
[data-panel="command"] .finance-summary article:nth-child(1) i { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a47121' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M12 7v10M9 9h4.5a2 2 0 010 4H11a2 2 0 000 4h4'/%3E%3C/svg%3E"); }
[data-panel="command"] .finance-summary article:nth-child(2) i { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a47121' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 18l5-5 3 3 7-9M15 7h4v4'/%3E%3C/svg%3E"); }
[data-panel="command"] .finance-summary article:nth-child(3) i { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a47121' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8l8-5 8 5v11H4zM8 19v-7h8v7M4 8h16'/%3E%3C/svg%3E"); }
[data-panel="command"] .finance-summary article:nth-child(4) i { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a47121' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M8 16l8-8M9 9h.01M15 15h.01'/%3E%3C/svg%3E"); }
[data-panel="command"] .finance-chart { position:relative; height:calc(100% - 110px); min-height:76px; margin:-14px 16px 0; padding:0 0 18px; overflow:hidden; border-top:1px solid #f0f2f4; }
[data-panel="command"] .finance-line-chart { transform:translateY(-10px); height:calc(100% + 10px); }
[data-panel="command"] .finance-line-chart { display:block; width:100%; height:100%; overflow:visible; }
[data-panel="command"] .chart-grid line { stroke:#edf1f3; stroke-width:1; }
[data-panel="command"] .chart-area { fill:rgba(49,139,103,.1); }
[data-panel="command"] .chart-line { fill:none; stroke:#318b67; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; vector-effect:non-scaling-stroke; }
[data-panel="command"] .chart-points circle { fill:#fff; stroke:#318b67; stroke-width:2; vector-effect:non-scaling-stroke; }
[data-panel="command"] .chart-months { position:absolute; right:0; bottom:2px; left:0; display:flex; justify-content:space-between; color:#a0a8b2; font-size:7px; }

/* Reference-matched icon system for operational cards. */
[data-panel="command"] .command-risk h2,
[data-panel="command"] .command-tasks h2,
[data-panel="command"] .command-notice h2 { display:flex; gap:7px; align-items:center; }
[data-panel="command"] .command-risk h2::before,
[data-panel="command"] .command-tasks h2::before,
[data-panel="command"] .command-notice h2::before { content:""; flex:0 0 auto; width:17px; height:17px; background-position:center; background-repeat:no-repeat; background-size:contain; }
[data-panel="command"] .command-risk h2::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ef4b2f' d='M12 2 1.7 20h20.6L12 2Z'/%3E%3Cpath fill='white' d='M11 8h2v6h-2zm0 8h2v2h-2z'/%3E%3C/svg%3E"); }
[data-panel="command"] .command-tasks h2::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b98227' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4h8M9 2h6v4H9zM6 4H4v18h16V4h-2'/%3E%3Cpath d='m8 14 2 2 5-5'/%3E%3C/svg%3E"); }
[data-panel="command"] .command-notice h2::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b98227' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13V9h4l9-4v12l-9-4H4zM8 13l1.5 6H13l-2-5M20 8v6'/%3E%3C/svg%3E"); }
[data-panel="command"] .task-list article > i { color:transparent; font-size:0; background-color:#fbf1df; background-position:center; background-repeat:no-repeat; background-size:14px 14px; }
[data-panel="command"] .task-list article:nth-child(1) > i,
[data-panel="command"] .task-list article:nth-child(2) > i { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b98227' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4h8M9 2h6v4H9zM6 4H4v18h16V4h-2'/%3E%3Cpath d='m8 14 2 2 5-5'/%3E%3C/svg%3E"); }
[data-panel="command"] .task-list article:nth-child(3) > i { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b98227' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h4l2-3h4l2 3h4v11H4z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/svg%3E"); }
[data-panel="command"] .command-notice-list article > span { color:transparent !important; font-size:0 !important; background-color:#fbf1df !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b98227' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13V9h4l9-4v12l-9-4H4zM8 13l1.5 6H13l-2-5'/%3E%3C/svg%3E"); background-position:center !important; background-repeat:no-repeat !important; background-size:15px 15px !important; }
.command-mobile-home { display:none; }

@media (min-width:1101px) {
  body.desktop-page .desktop-app[data-active-page="command"] .page-stack { padding-top:92px; padding-bottom:16px; }
  body.desktop-page [data-panel="command"].home-dashboard { display:grid; width:100%; height:calc(100vh - 108px); min-height:756px; gap:9px; grid-template-rows:minmax(238px,1fr) 68px minmax(224px,1.05fr) minmax(200px,.92fr); }
  body.desktop-page [data-panel="command"] .command-showcase,
  body.desktop-page [data-panel="command"] .command-metrics,
  body.desktop-page [data-panel="command"] .command-operations,
  body.desktop-page [data-panel="command"] .command-bottom { height:auto; min-height:0; align-self:stretch; }
  body.desktop-page [data-panel="command"] .command-showcase,
  body.desktop-page [data-panel="command"] .command-metrics,
  body.desktop-page [data-panel="command"] .command-operations { height:auto; min-height:0; align-self:stretch; }
  body.desktop-page .desktop-app [data-panel="command"] [data-command-traffic-slot] .command-traffic { display:none !important; }
  body.desktop-page .desktop-app [data-panel="command"] [data-command-traffic-slot] .command-notice { display:block !important; height:100% !important; min-height:0 !important; max-height:none !important; }
  body.desktop-page .desktop-app [data-panel="command"] .command-card > header,
  body.desktop-page .desktop-app [data-panel="command"] .command-notice > header { height:36px; min-height:36px; padding:0 12px; }
  body.desktop-page .desktop-app [data-panel="command"] .repair-content { height:calc(100% - 36px); grid-template-columns:112px 1fr; padding:10px 12px; }
  body.desktop-page .desktop-app [data-panel="command"] .repair-donut { width:96px; height:96px; }
  body.desktop-page .desktop-app [data-panel="command"] .risk-table { height:calc(100% - 36px); }
  body.desktop-page .desktop-app [data-panel="command"] .risk-table .dashboard-row { min-height:36px; padding:2px 10px; font-size:9px; }
  body.desktop-page .desktop-app [data-panel="command"] .risk-table .dashboard-head { min-height:24px; }
  body.desktop-page .desktop-app [data-panel="command"] .task-list { height:calc(100% - 36px); padding:3px 10px; }
  body.desktop-page .desktop-app [data-panel="command"] .task-list article { min-height:52px; }
  body.desktop-page .desktop-app [data-panel="command"] .command-notice-list { height:calc(100% - 36px); padding:3px 10px; }
  body.desktop-page .desktop-app [data-panel="command"] .command-notice-list article { min-height:36px; }
  body.desktop-page .desktop-app [data-panel="command"] .sss-table { height:calc(100% - 42px); padding:10px 12px; }
  body.desktop-page .desktop-app [data-panel="command"] .sss-vehicle img,
  body.desktop-page .desktop-app [data-panel="command"] .sss-vehicle .avatar-placeholder { height:116px; }
  /* Increase homepage typography without changing any dashboard geometry. */
  body.desktop-page .desktop-app [data-panel="command"] { line-height:1.15; }
  body.desktop-page .desktop-app [data-panel="command"] .showcase-rank > p { font-size:12px; }
  body.desktop-page .desktop-app [data-panel="command"] .hero-rank-item strong { font-size:15px; }
  body.desktop-page .desktop-app [data-panel="command"] .hero-rank-item small { font-size:11px; }
  body.desktop-page .desktop-app [data-panel="command"] .showcase-focus > span { font-size:12px; }
  body.desktop-page .desktop-app [data-panel="command"] .showcase-focus h1 { font-size:48px; }
  body.desktop-page .desktop-app [data-panel="command"] .showcase-focus > p { font-size:16px; }
  body.desktop-page .desktop-app [data-panel="command"] .showcase-meta b { font-size:10px; }
  body.desktop-page .desktop-app [data-panel="command"] .showcase-meta strong { font-size:12px; }
  body.desktop-page .desktop-app [data-panel="command"] .showcase-person strong { font-size:13px; }
  body.desktop-page .desktop-app [data-panel="command"] .showcase-person span { font-size:10px; }
  body.desktop-page .desktop-app [data-panel="command"] .command-metrics span { font-size:12px; }
  body.desktop-page .desktop-app [data-panel="command"] .command-metrics strong { font-size:22px; line-height:1; }
  body.desktop-page .desktop-app [data-panel="command"] .command-card h2 { font-size:16px; }
  body.desktop-page .desktop-app [data-panel="command"] .command-card header button,
  body.desktop-page .desktop-app [data-panel="command"] .command-card header span { font-size:11px; }
  body.desktop-page .desktop-app [data-panel="command"] .repair-donut strong { font-size:22px; }
  body.desktop-page .desktop-app [data-panel="command"] .repair-donut span { font-size:10px; }
  body.desktop-page .desktop-app [data-panel="command"] .status-summary b { font-size:11px; }
  body.desktop-page .desktop-app [data-panel="command"] .command-repair .repair-content { grid-template-columns:120px minmax(0,1fr); gap:14px; justify-content:center; padding:14px 16px; }
  body.desktop-page .desktop-app [data-panel="command"] .command-repair .repair-donut { justify-self:center; box-shadow:0 0 0 8px #fafbfc; }
  body.desktop-page .desktop-app [data-panel="command"] .command-repair .status-summary { display:grid; grid-template-columns:1fr; gap:8px; align-content:center; }
  body.desktop-page .desktop-app [data-panel="command"] .command-repair .status-summary b { display:grid; min-height:44px; grid-template-columns:9px minmax(0,1fr) auto; gap:7px; align-items:center; padding:7px 10px; border:1px solid #e8edf2; border-radius:10px; color:#6e7886; background:linear-gradient(110deg,#fff,#fafbfd); box-shadow:0 3px 10px rgba(39,48,60,.035); }
  body.desktop-page .desktop-app [data-panel="command"] .command-repair .status-summary b > span:not(.dot) { overflow:hidden; font-size:11px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
  body.desktop-page .desktop-app [data-panel="command"] .command-repair .status-summary b > strong { color:#263044; font-size:15px; line-height:1; white-space:nowrap; }
  body.desktop-page .desktop-app [data-panel="command"] .command-repair .status-summary .dot { width:7px; height:7px; box-shadow:0 0 0 4px rgba(195,138,44,.09); }
  body.desktop-page .desktop-app [data-panel="command"] .risk-table .dashboard-row { font-size:11px; }
  body.desktop-page .desktop-app [data-panel="command"] .dash-car strong { font-size:10px; }
  body.desktop-page .desktop-app [data-panel="command"] .dash-car small { font-size:9px; }
  body.desktop-page .desktop-app [data-panel="command"] .task-list strong { font-size:11px; }
  body.desktop-page .desktop-app [data-panel="command"] .task-list span,
  body.desktop-page .desktop-app [data-panel="command"] .task-list time { font-size:9px; }
  body.desktop-page .desktop-app [data-panel="command"] .command-notice-list strong { font-size:10px; }
  body.desktop-page .desktop-app [data-panel="command"] .command-notice-list p,
  body.desktop-page .desktop-app [data-panel="command"] .command-notice-list small { font-size:9px; }
  body.desktop-page .desktop-app [data-panel="command"] .sss-vehicle strong { font-size:10px; }
  body.desktop-page .desktop-app [data-panel="command"] .sss-vehicle small { font-size:9px; }
  body.desktop-page .desktop-app [data-panel="command"] .finance-summary span { font-size:9px; }
  body.desktop-page .desktop-app [data-panel="command"] .finance-summary strong { font-size:12px; }
  body.desktop-page .desktop-app [data-panel="command"] .finance-summary small { font-size:8px; }
  body.desktop-page .desktop-app [data-panel="command"] .chart-months { font-size:9px; }
}

/* 2026-08-08: owner/accounting capital monitor and drill-down. */
.command-capital-monitor {
  min-width:0;
  border:1px solid #e8dfd2;
  border-radius:13px;
  background:#fff;
  box-shadow:0 6px 18px rgba(31,45,66,.055);
}

.command-capital-monitor > header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:13px 16px 9px;
}

.command-capital-monitor > header small,
.command-capital-monitor > header h2 { margin:0; }
.command-capital-monitor > header small { color:#b27b24; font-size:8px; font-weight:800; letter-spacing:.14em; }
.command-capital-monitor > header h2 { margin-top:2px; color:#14243d; font-size:16px; }
.command-capital-monitor > header > span { color:#8994a4; font-size:10px; }
.command-capital-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; padding:0 12px 12px; }

.command-capital-card {
  position:relative;
  display:grid;
  min-width:0;
  min-height:82px;
  grid-template-columns:35px minmax(0,1fr);
  grid-template-rows:auto auto auto;
  gap:2px 9px;
  align-items:center;
  padding:11px 12px;
  border:1px solid #e6eaf0;
  border-radius:11px;
  color:#27364c;
  background:linear-gradient(145deg,#fff,#fafbfc);
  text-align:left;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}

.command-capital-card:hover { transform:translateY(-2px); border-color:#d5ae67; box-shadow:0 8px 20px rgba(151,105,34,.13); }
.command-capital-card > i { grid-row:1 / 4; display:grid; width:35px; height:35px; place-items:center; border-radius:10px; color:#9a6919; background:#fbf0dc; font-size:13px; font-style:normal; font-weight:900; }
.command-capital-card > span,
.command-capital-card > strong,
.command-capital-card > small { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.command-capital-card > span { color:#667285; font-size:10px; font-weight:800; }
.command-capital-card > strong { color:#13243e; font-size:16px; line-height:1.15; }
.command-capital-card > small { color:#939dab; font-size:8px; }
.command-capital-card > small b { color:#b27b24; }
.command-capital-investor > i { color:#2375b9; background:#e9f4ff; }
.command-capital-shareholder > i { color:#7854b8; background:#f1ecff; }
.command-capital-property > i { color:#278257; background:#e8f7ef; }
.command-capital-monitor-mobile { display:none; }

body.command-capital-dialog-open { overflow:hidden; }
.command-capital-dialog[hidden] { display:none !important; }
.command-capital-dialog { position:fixed; inset:0; z-index:10050; display:grid; place-items:center; padding:24px; }
.command-capital-backdrop { position:absolute; inset:0; width:100%; height:100%; border:0; background:rgba(11,20,34,.58); backdrop-filter:blur(4px); }
.command-capital-dialog-card { position:relative; display:flex; width:min(820px,calc(100vw - 40px)); max-height:min(760px,calc(100vh - 48px)); flex-direction:column; overflow:hidden; border:1px solid #eadcc5; border-radius:18px; background:#fffdf9; box-shadow:0 24px 70px rgba(6,15,28,.3); }
.command-capital-dialog-card > header { display:flex; flex:0 0 auto; align-items:flex-start; justify-content:space-between; gap:18px; padding:20px 22px 15px; border-bottom:1px solid #ece5da; background:linear-gradient(135deg,#fffaf1,#fff); }
.command-capital-dialog-card > header small { color:#a9711c; font-size:9px; font-weight:900; letter-spacing:.16em; }
.command-capital-dialog-card > header h2 { margin:4px 0 3px; color:#13243e; font-size:22px; }
.command-capital-dialog-card > header p { margin:0; color:#768295; font-size:12px; }
.command-capital-dialog-card > header p strong { color:#9b650d; font-size:15px; }
.command-capital-dialog-close { display:grid; width:38px; height:38px; flex:0 0 auto; place-items:center; padding:0; border:1px solid #e4d6c0; border-radius:50%; color:#26364d; background:#fff; font-size:25px; line-height:1; }
.command-capital-dialog-list { display:grid; min-height:120px; gap:8px; overflow:auto; padding:14px 18px; }
.command-capital-vehicle { display:grid; min-width:0; grid-template-columns:78px minmax(0,1fr) auto; gap:13px; align-items:center; padding:9px; border:1px solid #e4e8ee; border-radius:11px; color:#1d2c43; background:#fff; text-align:left; cursor:pointer; }
.command-capital-vehicle:hover { border-color:#d2a65c; background:#fffcf7; }
.command-capital-vehicle > img,
.command-capital-photo-fallback { width:78px; height:54px; border-radius:8px; object-fit:cover; }
.command-capital-photo-fallback { display:grid; place-items:center; color:#b78331; background:#f6ead7; font-weight:900; }
.command-capital-vehicle-info,
.command-capital-vehicle-amount { display:grid; min-width:0; gap:5px; }
.command-capital-vehicle-info strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; }
.command-capital-vehicle-info small { overflow:hidden; color:#7d8999; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.command-capital-vehicle-amount { justify-items:end; }
.command-capital-vehicle-amount strong { color:#152b4c; font-size:15px; }
.command-capital-vehicle-amount small { color:#b27820; font-size:9px; }
.command-capital-empty { display:grid; min-height:150px; place-items:center; color:#8a94a2; font-size:13px; }
.command-capital-dialog-card > footer { display:flex; flex:0 0 auto; justify-content:flex-end; padding:12px 18px 16px; border-top:1px solid #ece5da; background:#fff; }
.command-capital-dialog-card > footer button { min-height:40px; padding:0 18px; border:1px solid #bb8128; border-radius:9px; color:#fff; background:linear-gradient(135deg,#dca73c,#b77718); font-size:12px; font-weight:900; }

@media (min-width:1101px) {
  body.desktop-page [data-panel="command"].home-dashboard {
    height:auto;
    min-height:calc(100vh - 108px);
    grid-template-rows:minmax(238px,1fr) 68px auto minmax(224px,1.05fr) minmax(200px,.92fr);
  }
}

@media (max-width:760px) {
  .command-capital-monitor-desktop { display:none !important; }
  .command-capital-monitor-mobile { display:block; }
  [data-panel="command"] .command-capital-monitor-mobile > header { padding:0 2px 7px; }
  [data-panel="command"] .command-capital-monitor-mobile { border:0; background:transparent; box-shadow:none; }
  [data-panel="command"] .command-capital-monitor-mobile .command-capital-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; padding:0; }
  [data-panel="command"] .command-capital-card { min-height:88px; grid-template-columns:31px minmax(0,1fr); gap:2px 7px; padding:9px 8px; border-radius:10px; }
  [data-panel="command"] .command-capital-card > i { width:31px; height:31px; font-size:11px; }
  [data-panel="command"] .command-capital-card > span { font-size:8px; }
  [data-panel="command"] .command-capital-card > strong { font-size:12px; }
  [data-panel="command"] .command-capital-card > small { font-size:7px; }
  .command-capital-dialog { padding:8px; align-items:end; }
  .command-capital-dialog-card { width:100%; max-height:91vh; border-radius:17px 17px 10px 10px; }
  .command-capital-dialog-card > header { padding:16px 14px 12px; }
  .command-capital-dialog-card > header h2 { font-size:18px; }
  .command-capital-dialog-list { gap:7px; padding:10px; }
  .command-capital-vehicle { grid-template-columns:62px minmax(0,1fr); gap:9px; padding:7px; }
  .command-capital-vehicle > img,
  .command-capital-photo-fallback { width:62px; height:46px; }
  .command-capital-vehicle-amount { grid-column:2; grid-row:2; grid-template-columns:1fr auto; justify-items:start; }
  .command-capital-vehicle-amount small { justify-self:end; }
  .command-capital-dialog-card > footer { padding:10px; }
  .command-capital-dialog-card > footer button { width:100%; }
}

/* Champion ranking stage: navy leaderboard layout from the new reference. */
@media (max-width:760px) {
  [data-panel="command"] .mobile-command-rank-stage {
    position:relative;
    overflow:hidden;
    padding:8px;
    border:1px solid rgba(70,125,255,.45);
    border-radius:15px;
    color:#fff;
    background:
      radial-gradient(circle at 92% 8%,rgba(46,104,255,.2),transparent 30%),
      linear-gradient(145deg,#040b1c 0%,#06132c 54%,#040914 100%);
    box-shadow:0 12px 28px rgba(5,18,47,.28),inset 0 0 24px rgba(25,76,171,.13);
  }

  [data-panel="command"] .mobile-command-rank-stage::before {
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.22;
    background-image:
      linear-gradient(rgba(56,113,222,.15) 1px,transparent 1px),
      linear-gradient(90deg,rgba(56,113,222,.15) 1px,transparent 1px);
    background-size:24px 24px;
  }

  [data-panel="command"] .mobile-command-rank-stage .mobile-command-context {
    position:relative;
    z-index:2;
    min-height:30px;
    padding:0 3px 7px;
    color:#d5def1;
  }

  [data-panel="command"] .mobile-command-date {
    display:flex;
    align-items:center;
    gap:6px;
    font-size:10px;
  }

  [data-panel="command"] .mobile-command-date i {
    color:#8190ae;
    font-size:12px;
    font-style:normal;
  }

  [data-panel="command"] .mobile-command-team > b {
    color:#c8d2e7;
  }

  [data-panel="command"] .mobile-command-team i {
    width:26px;
    height:26px;
    overflow:hidden;
    border-color:#dbe7ff;
    background:#1b3159;
  }

  [data-panel="command"] .mobile-command-team i img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
  }

  [data-panel="command"] .mobile-command-rank-main {
    position:relative;
    z-index:2;
    display:grid;
    gap:9px;
  }

  [data-panel="command"] .mobile-command-rank-main .mobile-command-hero {
    height:206px;
    overflow:hidden;
    border:1px solid #1676dc;
    border-radius:13px;
    background:
      radial-gradient(circle at 22% 28%,rgba(17,107,224,.28),transparent 35%),
      linear-gradient(145deg,#06172f,#071128 70%,#030916);
    box-shadow:inset 0 0 20px rgba(20,118,229,.22),0 0 16px rgba(22,118,220,.16);
  }

  [data-panel="command"] .mobile-command-rank-main .mobile-command-hero::before {
    opacity:.18;
    mask-image:none;
  }

  [data-panel="command"] .mobile-command-rank-badge {
    position:absolute;
    z-index:7;
    top:12px;
    left:14px;
    display:grid;
    width:55px;
    height:35px;
    place-items:center;
    color:#e8bc49;
    font-size:19px;
    text-shadow:0 0 12px rgba(238,186,65,.48);
  }

  [data-panel="command"] .mobile-command-rank-badge b {
    position:absolute;
    bottom:0;
    font-size:12px;
  }

  [data-panel="command"] .mobile-command-rank-main .mobile-command-hero-profile {
    top:45px;
    left:14px;
    width:calc(100% - 28px);
    grid-template-columns:78px minmax(0,1fr);
    gap:12px;
  }

  [data-panel="command"] .mobile-command-rank-main .mobile-command-hero-avatar {
    width:78px;
    height:78px;
    border-width:4px;
    box-shadow:0 0 0 2px rgba(57,149,255,.45),0 8px 22px rgba(0,0,0,.48);
  }

  [data-panel="command"] .mobile-command-rank-main .mobile-command-hero-profile small {
    color:#f3c955;
    font-size:10px;
  }

  [data-panel="command"] .mobile-command-rank-main .mobile-command-hero-profile strong {
    margin-top:5px;
    font-size:22px;
  }

  [data-panel="command"] .mobile-command-rank-main .mobile-command-hero-profile [data-mobile-command-role] {
    max-width:110px;
    color:#fff;
    background:rgba(38,95,190,.55);
  }

  [data-panel="command"] .mobile-command-champion-metrics {
    position:absolute;
    z-index:7;
    top:122px;
    right:13px;
    display:grid;
    width:calc(100% - 116px);
    grid-template-columns:1fr 1.2fr;
    border-top:1px solid rgba(104,145,208,.28);
  }

  [data-panel="command"] .mobile-command-champion-metrics > span {
    display:grid;
    gap:2px;
    padding:7px 8px 0;
    color:#abbad2;
    font-size:8px;
  }

  [data-panel="command"] .mobile-command-champion-metrics > span + span {
    border-left:1px solid rgba(104,145,208,.28);
  }

  [data-panel="command"] .mobile-command-champion-metrics strong {
    color:#fff;
    font-size:17px;
    line-height:1.1;
  }

  [data-panel="command"] .mobile-command-champion-metrics > span:last-child strong {
    color:#f4c956;
  }

  [data-panel="command"] .mobile-command-rank-main .mobile-command-message-board {
    position:absolute;
    z-index:8;
    bottom:10px;
    left:12px;
    width:calc(100% - 24px);
    min-height:38px;
    grid-template-columns:minmax(0,1fr) auto;
    padding:5px 9px;
    border-color:rgba(130,164,220,.4);
    background:linear-gradient(90deg,rgba(18,39,76,.94),rgba(9,26,56,.82));
  }

  [data-panel="command"] .mobile-command-rank-main .mobile-command-message-board time {
    align-self:start;
    color:#8291aa;
    font-size:7px;
    white-space:nowrap;
  }

  [data-panel="command"] .mobile-command-gallery {
    position:relative;
    height:224px;
    overflow:hidden;
    border:1px solid #305998;
    border-radius:13px;
    background:#071227;
    box-shadow:inset 0 0 18px rgba(49,111,229,.18);
  }

  [data-panel="command"] .mobile-command-gallery > img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:.92;
    filter:saturate(.9) contrast(1.04);
  }

  [data-panel="command"] .mobile-command-gallery::after {
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(90deg,rgba(4,13,31,.2),transparent 45%),linear-gradient(0deg,rgba(4,10,24,.75),transparent 45%);
  }

  [data-panel="command"] .mobile-command-gallery > button {
    position:absolute;
    z-index:6;
    top:42%;
    display:grid;
    width:32px;
    height:32px;
    place-items:center;
    border:1px solid rgba(255,255,255,.16);
    border-radius:50%;
    color:#fff;
    background:rgba(8,23,51,.74);
    font-size:26px;
    line-height:1;
  }

  [data-panel="command"] .mobile-command-gallery > button.previous { left:8px; }
  [data-panel="command"] .mobile-command-gallery > button.next { right:8px; }

  [data-panel="command"] .mobile-command-gallery-caption {
    position:absolute;
    z-index:5;
    top:52px;
    left:47px;
    color:#fff;
    text-shadow:0 2px 9px rgba(0,0,0,.6);
  }

  [data-panel="command"] .mobile-command-gallery-caption strong,
  [data-panel="command"] .mobile-command-gallery-caption span {
    display:block;
  }

  [data-panel="command"] .mobile-command-gallery-caption strong {
    font:italic 700 13px Georgia,serif;
  }

  [data-panel="command"] .mobile-command-gallery-caption span {
    margin-top:2px;
    font-size:9px;
  }

  [data-panel="command"] .mobile-command-gallery .mobile-command-hero-dots {
    z-index:7;
    bottom:52px;
  }

  [data-panel="command"] .mobile-command-gallery-thumbs {
    position:absolute;
    z-index:6;
    right:8px;
    bottom:7px;
    left:8px;
    display:grid;
    height:42px;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:5px;
    padding:4px;
    border:1px solid rgba(115,150,209,.26);
    border-radius:8px;
    background:rgba(5,17,40,.7);
    backdrop-filter:blur(8px);
  }

  [data-panel="command"] .mobile-command-gallery-thumbs button {
    min-width:0;
    overflow:hidden;
    padding:0;
    border:1px solid transparent;
    border-radius:6px;
    background:#0b1a34;
  }

  [data-panel="command"] .mobile-command-gallery-thumbs button.active {
    border-color:#1989ff;
    box-shadow:0 0 9px rgba(25,137,255,.58);
  }

  [data-panel="command"] .mobile-command-gallery-thumbs img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
  }

  [data-panel="command"] .mobile-command-runner {
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:42px 53px minmax(0,1fr);
    gap:7px;
    align-items:center;
    min-height:84px;
    margin-top:9px;
    padding:8px;
    border:1px solid rgba(40,100,196,.5);
    border-radius:13px;
    background:linear-gradient(100deg,#071934,#06142c 60%,#07172f);
    box-shadow:inset 0 0 15px rgba(40,104,217,.14);
  }

  [data-panel="command"] .mobile-command-runner-rank {
    position:relative;
    display:grid;
    width:40px;
    height:40px;
    place-items:center;
    color:#a9b4c9;
    font-size:21px;
  }

  [data-panel="command"] .mobile-command-runner-rank b {
    position:absolute;
    bottom:2px;
    font-size:10px;
  }

  [data-panel="command"] .mobile-command-runner-avatar {
    display:grid;
    width:51px;
    height:51px;
    place-items:center;
    overflow:hidden;
    border:3px solid #9cbfea;
    border-radius:50%;
    color:#fff;
    background:#263957;
    font-size:15px;
    font-weight:900;
  }

  [data-panel="command"] .mobile-command-runner-avatar img {
    width:100%;
    height:100%;
    object-fit:cover;
  }

  [data-panel="command"] .mobile-command-runner-person {
    min-width:0;
  }

  [data-panel="command"] .mobile-command-runner-person strong,
  [data-panel="command"] .mobile-command-runner-person span,
  [data-panel="command"] .mobile-command-runner-person small {
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  [data-panel="command"] .mobile-command-runner-person strong {
    font-size:13px;
  }

  [data-panel="command"] .mobile-command-runner-person span {
    width:max-content;
    margin-top:2px;
    padding:2px 5px;
    border-radius:999px;
    color:#d8c7ff;
    background:#4a248f;
    font-size:7px;
  }

  [data-panel="command"] .mobile-command-runner-person small {
    margin-top:5px;
    color:#9eacc4;
    font-size:7px;
  }

  [data-panel="command"] .mobile-command-runner-gap,
  [data-panel="command"] .mobile-command-runner-boost {
    grid-column:1 / -1;
  }

  [data-panel="command"] .mobile-command-runner-gap {
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:7px;
    align-items:center;
    color:#9cabc2;
    font-size:8px;
  }

  [data-panel="command"] .mobile-command-runner-gap i {
    height:6px;
    overflow:hidden;
    border:1px solid #27416c;
    border-radius:999px;
    background:#030a18;
  }

  [data-panel="command"] .mobile-command-runner-gap i b {
    display:block;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg,#f126b6,#ff5d9d);
    box-shadow:0 0 8px #ff42ad;
  }

  [data-panel="command"] .mobile-command-runner-gap strong {
    color:#e7c789;
    font-size:11px;
  }

  [data-panel="command"] .mobile-command-runner-boost {
    display:none;
  }
}

@media (min-width:560px) and (max-width:760px) {
  [data-panel="command"] .mobile-command-rank-main {
    grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
  }

  [data-panel="command"] .mobile-command-rank-main .mobile-command-hero,
  [data-panel="command"] .mobile-command-gallery {
    height:220px;
  }
}

/* Phone ranking stage keeps the same wide leaderboard composition as the reference. */
@media (max-width:559px) {
  [data-panel="command"] .mobile-command-rank-stage {
    padding:5px;
    border-radius:10px;
  }

  [data-panel="command"] .mobile-command-rank-stage .mobile-command-context {
    min-height:22px;
    padding:0 3px 4px;
  }

  [data-panel="command"] .mobile-command-date,
  [data-panel="command"] .mobile-command-team > b {
    font-size:7px;
  }

  [data-panel="command"] .mobile-command-team i {
    width:20px;
    height:20px;
  }

  [data-panel="command"] .mobile-command-rank-main {
    grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
    gap:5px;
  }

  [data-panel="command"] .mobile-command-rank-main .mobile-command-hero,
  [data-panel="command"] .mobile-command-gallery {
    height:154px;
    border-radius:9px;
  }

  [data-panel="command"] .mobile-command-rank-badge {
    top:6px;
    left:7px;
    width:34px;
    height:26px;
    font-size:12px;
  }

  [data-panel="command"] .mobile-command-rank-badge b {
    font-size:7px;
  }

  [data-panel="command"] .mobile-command-rank-main .mobile-command-hero-profile {
    top:28px;
    left:7px;
    width:calc(100% - 14px);
    grid-template-columns:56px minmax(0,1fr);
    gap:7px;
  }

  [data-panel="command"] .mobile-command-avatar-stack {
    display:grid;
    width:56px;
    gap:3px;
    justify-items:center;
  }

  [data-panel="command"] .mobile-command-rank-main .mobile-command-hero-avatar {
    width:53px;
    height:53px;
    border-width:2px;
  }

  [data-panel="command"] .mobile-command-avatar-edit {
    width:56px;
    min-height:15px;
    padding:1px 2px;
    border:1px solid rgba(54,151,255,.68);
    border-radius:999px;
    color:#dff1ff;
    background:linear-gradient(90deg,#0a65c2,#177de2);
    font-size:5px;
    font-weight:900;
    line-height:1;
    white-space:nowrap;
  }

  [data-panel="command"] .mobile-command-rank-main .mobile-command-hero-profile small {
    font-size:6px;
  }

  [data-panel="command"] .mobile-command-rank-main .mobile-command-hero-profile strong {
    margin-top:2px;
    font-size:13px;
  }

  [data-panel="command"] .mobile-command-rank-main .mobile-command-hero-profile [data-mobile-command-role] {
    max-width:62px;
    margin-top:2px;
    padding:1px 4px;
    font-size:5px;
  }

  [data-panel="command"] .mobile-command-champion-copy {
    transform:translate(7px,-5px);
  }

  [data-panel="command"] .mobile-command-champion-metrics {
    top:74px;
    right:6px;
    width:calc(100% - 77px);
  }

  [data-panel="command"] .mobile-command-champion-metrics > span {
    padding:4px 3px 0;
    font-size:5px;
  }

  [data-panel="command"] .mobile-command-champion-metrics strong {
    font-size:10px;
  }

  [data-panel="command"] .mobile-command-rank-main .mobile-command-message-board {
    bottom:6px;
    left:6px;
    width:calc(100% - 12px);
    min-height:31px;
    padding:4px 5px;
    border-radius:6px;
  }

  [data-panel="command"] .mobile-command-message-board small {
    font-size:5px;
  }

  [data-panel="command"] .mobile-command-message-board strong {
    font-size:6px;
  }

  [data-panel="command"] .mobile-command-message-board em,
  [data-panel="command"] .mobile-command-rank-main .mobile-command-message-board time {
    font-size:5px;
  }

  [data-panel="command"] .mobile-command-gallery > button {
    top:43%;
    width:20px;
    height:20px;
    font-size:17px;
  }

  [data-panel="command"] .mobile-command-gallery > button.previous { left:4px; }
  [data-panel="command"] .mobile-command-gallery > button.next { right:4px; }

  [data-panel="command"] .mobile-command-gallery-caption {
    top:40px;
    left:26px;
  }

  [data-panel="command"] .mobile-command-gallery-caption strong {
    font-size:8px;
  }

  [data-panel="command"] .mobile-command-gallery-caption span {
    font-size:6px;
  }

  [data-panel="command"] .mobile-command-gallery .mobile-command-hero-dots {
    bottom:40px;
  }

  [data-panel="command"] .mobile-command-gallery-thumbs {
    right:4px;
    bottom:5px;
    left:4px;
    height:32px;
    gap:3px;
    padding:2px;
    border-radius:5px;
  }

  [data-panel="command"] .mobile-command-runner {
    min-height:58px;
    grid-template-columns:20px 38px 74px minmax(72px,1fr) 96px;
    gap:4px;
    margin-top:5px;
    padding:5px;
    border-radius:9px;
  }

  [data-panel="command"] .mobile-command-runner-rank {
    width:20px;
    height:35px;
    font-size:11px;
  }

  [data-panel="command"] .mobile-command-runner-rank b {
    font-size:6px;
  }

  [data-panel="command"] .mobile-command-runner-avatar {
    width:36px;
    height:36px;
    border-width:2px;
  }

  [data-panel="command"] .mobile-command-runner-person strong {
    font-size:8px;
  }

  [data-panel="command"] .mobile-command-runner-person span {
    margin-top:1px;
    padding:1px 3px;
    font-size:5px;
  }

  [data-panel="command"] .mobile-command-runner-person small {
    margin-top:2px;
    font-size:5px;
  }

  [data-panel="command"] .mobile-command-runner-gap,
  [data-panel="command"] .mobile-command-runner-boost {
    grid-column:auto;
  }

  [data-panel="command"] .mobile-command-runner-gap {
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:3px;
    font-size:5px;
  }

  [data-panel="command"] .mobile-command-runner-gap i {
    height:4px;
  }

  [data-panel="command"] .mobile-command-runner-gap strong {
    font-size:8px;
  }

  [data-panel="command"] .mobile-command-runner-boost {
    display:grid;
    align-content:center;
    min-height:31px;
    padding:3px 5px;
    border:1px solid rgba(83,78,255,.58);
    border-radius:6px;
    color:#d5dcf3;
    background:linear-gradient(105deg,rgba(33,23,92,.9),rgba(9,24,55,.84));
  }

  [data-panel="command"] .mobile-command-runner-boost strong,
  [data-panel="command"] .mobile-command-runner-boost span {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  [data-panel="command"] .mobile-command-runner-boost strong {
    color:#ffd559;
    font-size:5px;
  }

  [data-panel="command"] .mobile-command-runner-boost span {
    margin-top:2px;
    font-size:5px;
  }
}
@media (max-width:1100px) { [data-panel="command"] .command-showcase { grid-template-columns:190px 260px 1fr; } [data-panel="command"] .showcase-person { display:none; } [data-panel="command"] .command-metrics { grid-template-columns:repeat(3,1fr); height:auto; } [data-panel="command"] .command-operations { grid-template-columns:repeat(2,1fr); height:auto; } [data-panel="command"] .command-card { min-height:210px; } [data-panel="command"] .command-bottom { grid-template-columns:1fr; height:auto; } }
@media (max-width:760px) { [data-panel="command"] .command-showcase { grid-template-columns:1fr; height:310px; } [data-panel="command"] .showcase-rank { display:none; } [data-panel="command"] .showcase-focus { padding:28px 22px; } [data-panel="command"] .showcase-car { inset:80px -40% 0 15%; } [data-panel="command"] .command-metrics { grid-template-columns:repeat(2,1fr); } [data-panel="command"] .command-operations { grid-template-columns:1fr; } [data-panel="command"] .sss-vehicle-strip { overflow-x:auto; grid-template-columns:repeat(5,145px); } [data-panel="command"] .finance-summary { grid-template-columns:repeat(2,1fr); height:auto; } }

@media (max-width:760px) {
  [data-panel="command"] {
    --command-mobile-card-x:0px;
    --command-mobile-card-gap:12px;
    --command-mobile-card-radius:12px;
    --command-mobile-card-border:#e4d7c3;
    --command-mobile-card-shadow:0 8px 22px rgba(34,41,50,.06);
  }

  [data-panel="command"] .command-operations,
  [data-panel="command"] .command-bottom {
    gap:var(--command-mobile-card-gap);
  }

  [data-panel="command"] .command-card,
  [data-panel="command"] .command-notice,
  [data-panel="command"] .command-traffic {
    box-sizing:border-box;
    width:calc(100% - (var(--command-mobile-card-x) * 2));
    min-height:0;
    margin-right:var(--command-mobile-card-x);
    margin-left:var(--command-mobile-card-x);
    overflow:hidden;
    border:1px solid var(--command-mobile-card-border);
    border-radius:var(--command-mobile-card-radius);
    background:#fff;
    box-shadow:var(--command-mobile-card-shadow);
  }

  [data-panel="command"] .command-card {
    height:auto;
  }

  [data-panel="command"] .command-card > header,
  [data-panel="command"] .command-notice > header,
  [data-panel="command"] .command-traffic > header,
  [data-panel="command"] .command-traffic > .card-title {
    box-sizing:border-box;
    min-height:48px;
    padding:10px 13px;
  }

  [data-panel="command"] .command-tasks .task-list,
  [data-panel="command"] .command-notice-list {
    height:auto;
    padding:0 12px 10px;
  }

  [data-panel="command"] .command-tasks .task-list article {
    min-height:44px;
    grid-template-columns:25px minmax(0,1fr) auto;
  }

  [data-panel="command"] .command-notice-list article {
    min-height:40px;
    grid-template-columns:25px minmax(0,1fr) auto;
  }

  [data-panel="command"] .command-activity-column,
  [data-panel="command"] [data-command-traffic-slot],
  [data-panel="command"] [data-command-traffic-slot] > * {
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }

  [data-panel="command"] .command-traffic {
    overflow:hidden;
    box-sizing:border-box;
    margin-right:0;
    margin-left:0;
    border:1px solid #e4d7c3;
    border-radius:12px;
    background:#fff;
    box-shadow:0 8px 22px rgba(34,41,50,.06);
  }

  [data-panel="command"] .command-traffic > header,
  [data-panel="command"] .command-traffic > .card-title {
    display:flex;
    min-height:48px;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:0;
    padding:10px 13px;
    border-bottom:1px solid #ece6dc;
    border-radius:0;
    color:#132033;
    background:#fff;
    box-shadow:none;
  }

  [data-panel="command"] .command-traffic .title-badge {
    display:block;
    margin:0 0 1px;
    color:#8f6a2d;
    font-size:9px;
    font-weight:900;
    letter-spacing:.14em;
  }

  [data-panel="command"] .command-traffic h2 {
    margin:0;
    color:#132033;
    font-size:18px;
    line-height:1.15;
  }

  [data-panel="command"] .command-traffic [data-sql-traffic-refresh] {
    flex:0 0 auto;
    min-width:54px;
    height:34px;
    border:1px solid #d5b26d;
    border-radius:10px;
    color:#132033;
    background:linear-gradient(180deg,#f6d27a,#bd831f);
    box-shadow:0 4px 12px rgba(183,125,32,.22);
    font-size:12px;
    font-weight:900;
  }

  [data-panel="command"] .traffic-focus-summary {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
    grid-auto-rows:minmax(64px,auto);
    padding:12px;
    background:#fff;
  }

  [data-panel="command"] .traffic-focus-summary article {
    min-width:0;
    min-height:64px;
    display:grid;
    align-content:center;
    padding:10px 9px;
    border:1px solid #edf1f5;
    border-radius:10px;
    background:#fff;
    box-shadow:0 4px 12px rgba(21,31,45,.04);
  }

  [data-panel="command"] .traffic-focus-summary span,
  [data-panel="command"] .traffic-focus-summary strong,
  [data-panel="command"] .traffic-focus-summary small {
    display:block;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  [data-panel="command"] .traffic-focus-summary span {
    color:#627086;
    font-size:10px;
    font-weight:800;
  }

  [data-panel="command"] .traffic-focus-summary strong {
    margin-top:4px;
    color:#1d2b43;
    font-size:21px;
    line-height:1;
  }

  [data-panel="command"] .traffic-focus-summary .traffic-online-card {
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:4px 10px;
    align-items:center;
    min-height:58px;
    padding:10px 12px;
    border-color:#e6ebf1;
    background:#fbfcfe;
  }

  [data-panel="command"] .traffic-online-card span {
    color:#526075;
    font-size:12px;
  }

  [data-panel="command"] .traffic-online-card .traffic-online-list {
    margin:0;
    color:#152033;
    font-size:15px;
    line-height:1.35;
    white-space:normal;
  }

  [data-panel="command"] .traffic-online-card small {
    grid-column:2;
    color:#8a94a5;
    font-size:11px;
  }
}

/* Mobile-only app dashboard based on the new blue reference. */
@media (max-width:760px) {
  body.desktop-page .desktop-app[data-active-page="command"] {
    --mobile-command-blue:#1777f2;
    --mobile-command-ink:#14233b;
    --mobile-command-muted:#7c8799;
    --mobile-command-line:#e8eef7;
    background:#f5f8fd;
  }

  body.desktop-page .desktop-app[data-active-page="command"] .app-header {
    border-bottom:1px solid #e9eef6;
    background:rgba(255,255,255,.96);
    box-shadow:0 4px 16px rgba(31,55,88,.05);
  }

  body.desktop-page .desktop-app[data-active-page="command"] .page-stack {
    padding-right:10px !important;
    padding-bottom:92px !important;
    padding-left:10px !important;
    background:
      radial-gradient(circle at 100% 0,rgba(36,125,246,.08),transparent 210px),
      #f5f8fd;
  }

  [data-panel="command"].home-dashboard {
    display:block;
    width:100%;
    min-height:100vh;
    padding:0 !important;
    color:var(--mobile-command-ink);
    background:transparent;
  }

  [data-panel="command"] > .command-showcase,
  [data-panel="command"] > .command-metrics,
  [data-panel="command"] > .command-operations,
  [data-panel="command"] > .command-bottom,
  [data-panel="command"] > .command-notice {
    display:none !important;
  }

  [data-panel="command"] .command-mobile-home {
    display:block;
    width:100%;
    max-width:520px;
    margin:0 auto;
    padding:7px 0 12px;
  }

  [data-panel="command"] .mobile-command-context {
    display:flex;
    min-height:28px;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:0 3px 6px;
    color:#647087;
    font-size:10px;
    font-weight:700;
  }

  [data-panel="command"] .mobile-command-team {
    display:flex;
    align-items:center;
    gap:6px;
  }

  [data-panel="command"] .mobile-command-team > b {
    color:#7b8798;
    font-size:9px;
  }

  [data-panel="command"] .mobile-command-team > span {
    display:flex;
    padding-left:5px;
  }

  [data-panel="command"] .mobile-command-team i {
    display:grid;
    width:22px;
    height:22px;
    margin-left:-5px;
    place-items:center;
    border:2px solid #fff;
    border-radius:50%;
    color:#fff;
    background:linear-gradient(145deg,#3d8af6,#174d9d);
    box-shadow:0 2px 6px rgba(27,80,154,.18);
    font-size:9px;
    font-style:normal;
    font-weight:900;
  }

  [data-panel="command"] .mobile-command-hero {
    position:relative;
    height:158px;
    overflow:hidden;
    border:1px solid rgba(105,159,230,.28);
    border-radius:14px;
    color:#fff;
    background:
      radial-gradient(circle at 74% 28%,rgba(38,124,242,.38),transparent 31%),
      radial-gradient(circle at 100% 100%,rgba(6,90,210,.42),transparent 43%),
      linear-gradient(108deg,#06142d 0%,#071d40 49%,#06152c 100%);
    box-shadow:0 12px 26px rgba(12,43,87,.28);
  }

  [data-panel="command"] .mobile-command-hero::before {
    content:"";
    position:absolute;
    inset:0;
    opacity:.23;
    background-image:
      linear-gradient(112deg,transparent 0 52%,rgba(78,166,255,.34) 52.2% 52.7%,transparent 52.9%),
      linear-gradient(0deg,transparent 0 64%,rgba(82,169,255,.24) 64.2% 64.7%,transparent 64.9%),
      linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);
    background-size:100% 100%,100% 100%,24px 24px,24px 24px;
    mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.78) 58%,transparent 100%);
  }

  [data-panel="command"] .mobile-command-hero-profile {
    position:absolute;
    z-index:5;
    top:13px;
    left:13px;
    display:grid;
    grid-template-columns:62px minmax(0,1fr);
    gap:10px;
    align-items:center;
    width:210px;
  }

  [data-panel="command"] .mobile-command-hero-avatar {
    display:grid;
    width:62px;
    height:62px;
    place-items:center;
    overflow:hidden;
    border:3px solid rgba(255,255,255,.94);
    border-radius:50%;
    color:#fff;
    background-color:#2b73c8;
    background-position:center 20%;
    background-size:cover;
    box-shadow:0 0 0 2px rgba(54,139,255,.32),0 7px 18px rgba(0,0,0,.4);
    font-size:22px;
    font-weight:900;
  }

  [data-panel="command"] .mobile-command-hero-avatar img {
    display:block;
    width:100%;
    height:100%;
    border-radius:inherit;
    object-fit:cover;
    object-position:center 20%;
  }

  [data-panel="command"] .mobile-command-hero-profile small,
  [data-panel="command"] .mobile-command-hero-profile strong,
  [data-panel="command"] .mobile-command-hero-profile span,
  [data-panel="command"] .mobile-command-hero-profile p {
    display:block;
    overflow:hidden;
    margin:0;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  [data-panel="command"] .mobile-command-hero-profile small {
    color:#ffdc69;
    font-size:9px;
    font-weight:900;
    letter-spacing:.02em;
  }

  [data-panel="command"] .mobile-command-hero-profile strong {
    margin-top:2px;
    color:#fff;
    font-size:17px;
    line-height:1.05;
    text-shadow:0 2px 8px rgba(0,0,0,.36);
  }

  [data-panel="command"] .mobile-command-hero-profile [data-mobile-command-role] {
    width:max-content;
    max-width:86px;
    margin-top:4px;
    padding:2px 7px;
    border:1px solid rgba(87,169,255,.48);
    border-radius:999px;
    color:#d9ecff;
    background:rgba(23,105,212,.4);
    font-size:8px;
    font-weight:800;
  }

  [data-panel="command"] .mobile-command-hero-profile p {
    margin-top:3px;
    color:#d9e9ff;
    font-size:8px;
    line-height:1.15;
  }

  [data-panel="command"] .mobile-command-hero-profile p b {
    color:#fff;
    font-size:10px;
  }

  [data-panel="command"] .mobile-command-hero-copy {
    position:absolute;
    z-index:5;
    bottom:17px;
    left:14px;
    width:174px;
  }

  [data-panel="command"] .mobile-command-message-board {
    display:grid;
    width:174px;
    min-height:38px;
    grid-template-columns:minmax(0,1fr) 20px;
    gap:7px;
    align-items:center;
    padding:5px 7px 5px 10px;
    border:1px solid rgba(255,255,255,.4);
    border-radius:8px;
    text-align:left;
    color:#eaf4ff;
    background:linear-gradient(90deg,rgba(255,255,255,.13),rgba(27,98,187,.24));
    backdrop-filter:blur(10px);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
  }

  [data-panel="command"] .mobile-command-message-board > span,
  [data-panel="command"] .mobile-command-message-board small,
  [data-panel="command"] .mobile-command-message-board strong,
  [data-panel="command"] .mobile-command-message-board em {
    display:block;
    min-width:0;
  }

  [data-panel="command"] .mobile-command-message-board small {
    color:#ffdc69;
    font-size:8px;
    font-style:normal;
    font-weight:900;
  }

  [data-panel="command"] .mobile-command-message-board strong,
  [data-panel="command"] .mobile-command-message-board em {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  [data-panel="command"] .mobile-command-message-board strong {
    margin-top:1px;
    color:#fff;
    font-size:9px;
    line-height:1.15;
  }

  [data-panel="command"] .mobile-command-message-board em {
    margin-top:2px;
    color:#cfe3ff;
    font-size:7px;
    font-style:normal;
    line-height:1.1;
  }

  [data-panel="command"] .mobile-command-message-board svg {
    width:17px;
    height:17px;
    fill:none;
    stroke:#fff;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-width:1.8;
    opacity:.92;
  }

  [data-panel="command"] .mobile-command-hero > img {
    position:absolute;
    z-index:3;
    right:-18px;
    bottom:0;
    width:222px;
    height:136px;
    object-fit:cover;
    object-position:center 58%;
    opacity:.92;
    filter:saturate(.8) contrast(1.08) brightness(.92);
    clip-path:polygon(24% 0,100% 0,100% 100%,0 100%);
    mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.92) 28%,#000 46%);
  }

  [data-panel="command"] .mobile-command-hero-mark {
    position:absolute;
    z-index:4;
    top:16px;
    right:97px;
    display:grid;
    width:25px;
    height:31px;
    place-items:center;
    border:1px solid rgba(109,192,255,.48);
    border-radius:7px;
    color:#8fd3ff;
    background:linear-gradient(145deg,rgba(29,125,237,.4),rgba(4,32,74,.8));
    box-shadow:0 0 18px rgba(38,145,255,.45),inset 0 0 8px rgba(88,186,255,.2);
    font-size:8px;
    font-weight:900;
    letter-spacing:-.04em;
    transform:perspective(70px) rotateY(-8deg);
  }

  [data-panel="command"] .mobile-command-hero-dots {
    position:absolute;
    z-index:6;
    bottom:6px;
    left:50%;
    display:flex;
    gap:4px;
    transform:translateX(-50%);
  }

  [data-panel="command"] .mobile-command-hero-dots i {
    width:4px;
    height:4px;
    border-radius:50%;
    background:rgba(255,255,255,.48);
  }

  [data-panel="command"] .mobile-command-hero-dots i.active {
    width:11px;
    border-radius:999px;
    background:#268dff;
    box-shadow:0 0 7px rgba(38,141,255,.8);
  }

  [data-panel="command"] .mobile-command-hero-glow {
    position:absolute;
    z-index:2;
    right:-30px;
    bottom:-82px;
    width:230px;
    height:190px;
    border-radius:50%;
    background:rgba(31,132,255,.4);
    filter:blur(38px);
  }

  [data-panel="command"] .mobile-command-section {
    margin-top:13px;
  }

  [data-panel="command"] .mobile-command-section > header {
    display:flex;
    min-height:25px;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:0 2px 5px;
  }

  [data-panel="command"] .mobile-command-section > header h2 {
    margin:0;
    color:#19283f;
    font-size:13px;
    font-weight:900;
    letter-spacing:.01em;
  }

  [data-panel="command"] .mobile-command-section > header > span {
    color:#9aa6b7;
    font-size:9px;
  }

  [data-panel="command"] .mobile-command-section > header > button {
    border:0;
    color:#2879df;
    background:transparent;
    font-size:9px;
    font-weight:800;
  }

  [data-panel="command"] .mobile-command-overview-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:7px;
  }

  [data-panel="command"] .mobile-command-overview-grid > button {
    min-width:0;
    min-height:112px;
    padding:10px 5px 8px;
    border:1px solid var(--mobile-command-line);
    border-radius:10px;
    color:#25344b;
    background:#fff;
    box-shadow:0 5px 15px rgba(35,62,99,.06);
    text-align:center;
  }

  [data-panel="command"] .mobile-command-overview-grid i,
  [data-panel="command"] .mobile-command-common i {
    display:grid;
    width:32px;
    height:32px;
    margin:0 auto 7px;
    place-items:center;
    border-radius:50%;
    font-style:normal;
  }

  [data-panel="command"] .mobile-command-overview-grid i.blue,
  [data-panel="command"] .mobile-command-common i.blue { color:#1675ef; background:#e8f2ff; }
  [data-panel="command"] .mobile-command-overview-grid i.green,
  [data-panel="command"] .mobile-command-common i.green { color:#12a86f; background:#e9faf3; }
  [data-panel="command"] .mobile-command-overview-grid i.violet,
  [data-panel="command"] .mobile-command-common i.violet { color:#8665ee; background:#f0ecff; }
  [data-panel="command"] .mobile-command-overview-grid i.cyan { color:#138bc9; background:#e9f8ff; }

  [data-panel="command"] .mobile-command-overview-grid svg,
  [data-panel="command"] .mobile-command-tool-grid svg,
  [data-panel="command"] .mobile-command-common svg {
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  [data-panel="command"] .mobile-command-overview-grid span,
  [data-panel="command"] .mobile-command-overview-grid strong,
  [data-panel="command"] .mobile-command-overview-grid small {
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  [data-panel="command"] .mobile-command-overview-grid span {
    color:#526077;
    font-size:8px;
    font-weight:800;
  }

  [data-panel="command"] .mobile-command-overview-grid strong {
    margin-top:6px;
    color:#17273f;
    font-size:15px;
    line-height:1;
  }

  [data-panel="command"] .mobile-command-overview-grid small {
    margin-top:8px;
    color:#2481ed;
    font-size:8px;
  }

  [data-panel="command"] .mobile-command-tool-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
  }

  [data-panel="command"] .mobile-command-tool-grid > button {
    min-width:0;
    min-height:96px;
    padding:9px 3px 6px;
    border:1px solid var(--mobile-command-line);
    border-radius:10px;
    color:#223149;
    background:#fff;
    box-shadow:0 5px 15px rgba(35,62,99,.055);
  }

  [data-panel="command"] .mobile-command-tool-grid > button:active,
  [data-panel="command"] .mobile-command-overview-grid > button:active,
  [data-panel="command"] .mobile-command-common button:active {
    transform:translateY(1px);
    background:#f7faff;
  }

  [data-panel="command"] .mobile-command-tool-grid > button[data-mobile-home-coming] {
    opacity:.72;
  }

  [data-panel="command"] .mobile-command-tool-grid i {
    position:relative;
    display:grid;
    width:34px;
    height:34px;
    margin:0 auto 7px;
    place-items:center;
    border-radius:10px;
    color:#176fe0;
    background:linear-gradient(145deg,#edf5ff,#f8fbff);
    font-style:normal;
  }

  [data-panel="command"] .mobile-command-tool-grid i em {
    position:absolute;
    top:-5px;
    right:-6px;
    display:grid;
    min-width:15px;
    height:15px;
    padding:0 3px;
    place-items:center;
    border:2px solid #fff;
    border-radius:10px;
    color:#fff;
    background:#ef3e51;
    font-size:7px;
    font-style:normal;
    font-weight:900;
  }

  [data-panel="command"] .mobile-command-tool-grid i em[hidden] {
    display:none;
  }

  [data-panel="command"] .mobile-command-tool-grid strong,
  [data-panel="command"] .mobile-command-tool-grid span {
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  [data-panel="command"] .mobile-command-tool-grid strong {
    color:#28364b;
    font-size:9px;
    font-weight:900;
  }

  [data-panel="command"] .mobile-command-tool-grid span {
    margin-top:4px;
    color:#9aa6b5;
    font-size:7px;
  }

  [data-panel="command"] .mobile-command-common > div {
    display:grid;
    gap:7px;
  }

  [data-panel="command"] .mobile-command-common button {
    display:grid;
    min-height:48px;
    grid-template-columns:34px auto 1fr 12px;
    gap:8px;
    align-items:center;
    padding:6px 12px 6px 8px;
    border:1px solid var(--mobile-command-line);
    border-radius:10px;
    color:#25344a;
    background:#fff;
    box-shadow:0 4px 14px rgba(35,62,99,.045);
    text-align:left;
  }

  [data-panel="command"] .mobile-command-common i {
    width:30px;
    height:30px;
    margin:0;
  }

  [data-panel="command"] .mobile-command-common strong {
    font-size:10px;
    white-space:nowrap;
  }

  [data-panel="command"] .mobile-command-common button > span {
    overflow:hidden;
    color:#9aa5b5;
    font-size:8px;
    text-align:right;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  [data-panel="command"] .mobile-command-common button > b {
    color:#9aa8bb;
    font-size:15px;
  }

  [data-panel="command"] .mobile-command-announcements > div {
    overflow:hidden;
    border:1px solid var(--mobile-command-line);
    border-radius:10px;
    background:#fff;
    box-shadow:0 5px 15px rgba(35,62,99,.05);
  }

  [data-panel="command"] .mobile-command-announcements > div > button {
    display:grid;
    width:100%;
    min-height:39px;
    grid-template-columns:auto minmax(0,1fr) auto 10px;
    gap:7px;
    align-items:center;
    padding:6px 9px;
    border:0;
    border-bottom:1px solid #eef2f7;
    color:#27354a;
    background:#fff;
    text-align:left;
  }

  [data-panel="command"] .mobile-command-announcements > div > button:last-child {
    border-bottom:0;
  }

  [data-panel="command"] .mobile-command-announcements button > span {
    min-width:32px;
    padding:3px 5px;
    border-radius:5px;
    color:#2779df;
    background:#eaf3ff;
    font-size:7px;
    font-weight:900;
    text-align:center;
  }

  [data-panel="command"] .mobile-command-announcements button > strong {
    overflow:hidden;
    font-size:9px;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  [data-panel="command"] .mobile-command-announcements button > time {
    color:#a2acba;
    font-size:7px;
    white-space:nowrap;
  }

  [data-panel="command"] .mobile-command-announcements button > b {
    color:#9ba9bc;
  }

  [data-panel="command"] .mobile-command-empty {
    padding:18px;
    color:#9aa6b5;
    font-size:10px;
    text-align:center;
  }

  body.desktop-page .desktop-app[data-active-page="command"] [data-panel="command"] > .main-tabs button.active {
    color:#176fe0;
  }

  body.desktop-page .desktop-app[data-active-page="command"] [data-panel="command"] > .main-tabs button.active .nav-icon {
    color:#176fe0;
    background:#e9f3ff;
  }
}

@media (max-width:559px) {
  [data-panel="command"] .mobile-command-champion-copy {
    display:grid;
    grid-template-columns:max-content max-content;
    column-gap:4px;
    align-items:center;
    justify-content:start;
  }

  [data-panel="command"] .mobile-command-champion-copy > small {
    grid-column:1 / -1;
  }

  [data-panel="command"] .mobile-command-champion-copy > strong {
    grid-column:1;
  }

  [data-panel="command"] .mobile-command-champion-copy > [data-mobile-command-role] {
    grid-column:2;
    align-self:center;
    margin-top:2px;
  }
}

/* Use the space released by the removed crown and spread the champion panel vertically. */
@media (max-width:559px) {
  [data-panel="command"] .mobile-command-rank-main .mobile-command-hero-profile {
    top:9px;
    left:8px;
    width:calc(100% - 16px);
    grid-template-columns:60px minmax(0,1fr);
    gap:8px;
    align-items:start;
  }

  [data-panel="command"] .mobile-command-avatar-stack {
    width:60px;
    gap:4px;
  }

  [data-panel="command"] .mobile-command-rank-main .mobile-command-hero-avatar {
    width:57px;
    height:57px;
  }

  [data-panel="command"] .mobile-command-avatar-edit {
    width:60px;
    min-height:16px;
  }

  [data-panel="command"] .mobile-command-champion-copy {
    width:100%;
    transform:none;
    align-self:center;
    justify-content:center;
    justify-items:center;
    column-gap:5px;
    text-align:center;
  }

  [data-panel="command"] .mobile-command-rank-main .mobile-command-champion-copy > small {
    font-size:7px;
    line-height:1.2;
  }

  [data-panel="command"] .mobile-command-rank-main .mobile-command-champion-copy > strong {
    margin-top:3px;
    font-size:15px;
    line-height:1.05;
  }

  [data-panel="command"] .mobile-command-rank-main .mobile-command-champion-copy > [data-mobile-command-role] {
    max-width:68px;
    margin-top:3px;
    padding:2px 5px;
    font-size:6px;
  }

  [data-panel="command"] .mobile-command-champion-metrics {
    top:68px;
    right:7px;
    width:calc(100% - 78px);
  }

  [data-panel="command"] .mobile-command-champion-metrics > span {
    padding-top:5px;
  }

  [data-panel="command"] .mobile-command-rank-main .mobile-command-message-board {
    bottom:7px;
    left:7px;
    width:calc(100% - 14px);
    min-height:35px;
    padding:5px 6px;
  }
}