/* 2026-10: selected blue/white mobile design. Scope to the logged-in app;
   the confirmed C3-A login screen keeps its original appearance. */
body.v1-blue{--p:#235ec8;--bg:#f3f7fd;--card:#fff;--line:#e1e9f4;--muted:#75859b;--text:#172c48;--soft:#eaf2ff;--good:#287951;--warn:#95611a;background:#f3f7fd;color:#172c48}
body.v1-blue:before{display:none}
body.v1-blue #appBox{max-width:1180px;padding-top:18px}
body.v1-blue #appBox .card{background:#fff;border:1px solid #e1e9f4;border-radius:18px;box-shadow:0 4px 20px rgba(28,66,101,.045);backdrop-filter:none}
body.v1-blue #appBox button{background:#235ec8;color:#fff;box-shadow:none;border-radius:11px}
body.v1-blue #appBox button.ghost{background:#eaf2ff;color:#235ec8;border:1px solid #d8e6fb}
body.v1-blue #appBox button.danger{background:#fff0f0;color:#b63232;border:1px solid #f1cece}
body.v1-blue #appBox input,body.v1-blue #appBox select,body.v1-blue #appBox textarea{border-color:#dce5f2;background:#fff;color:#172c48}
body.v1-blue #appBox input:focus,body.v1-blue #appBox select:focus,body.v1-blue #appBox textarea:focus{border-color:#5b8cdb;box-shadow:0 0 0 3px rgba(35,94,200,.12)}
body.v1-blue #appBox .badge{background:#eaf2ff;color:#235ec8}
body.v1-blue #appBox .section-title,body.v1-blue #appBox .card>.top b{color:#172c48}
body.v1-blue #appBox>.app-brandbar{padding:0 0 10px;margin-bottom:5px!important;background:transparent;border-radius:0}
body.v1-blue #appBox>.app-brandbar h1{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;font-size:19px;font-weight:850;letter-spacing:0;color:#172c48;margin-bottom:1px}
body.v1-blue .app-brand-identity{display:flex;align-items:center;gap:10px;min-width:0}
body.v1-blue .app-brand-identity>div{min-width:0}
body.v1-blue .app-brand-mark{display:grid;place-items:center;width:39px;height:39px;flex:0 0 auto;background:#235ec8;border-radius:11px;color:white;font-size:19px;font-weight:900}
body.v1-blue #who{font-size:11px;color:#75859b}
body.v1-blue #appBox .app-logout{width:42px;height:42px;padding:0;font-size:11px;border-radius:50%;background:white;border:1px solid #dce5f2;color:#235ec8}
body.v1-blue .quick-search{margin:6px 0 18px}
body.v1-blue .quick-search:before{content:'⌕';position:absolute;left:14px;top:7px;font-size:25px;line-height:1;color:#235ec8;z-index:1}
body.v1-blue .quick-search input{height:46px;padding-left:43px;border-color:#dce5f2;background:white;border-radius:13px;font-size:14px}
body.v1-blue .quick-search-clear{background:#edf3fb;color:#75859b}
body.v1-blue .quick-search-results,body.v1-blue .quick-search-item{background:#fff;border-color:#e1e9f4}
body.v1-blue #homeFocusCard{margin:3px 0 18px}
body.v1-blue .home-eyebrow{font-size:12px;font-weight:850;letter-spacing:.08em;color:#235ec8}
body.v1-blue #home .home-focus-title{display:block;margin:4px 0 3px;font-size:29px;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;font-weight:900;letter-spacing:-.035em;line-height:1.25;color:#172c48}
body.v1-blue .home-date-line{display:flex;gap:5px;flex-wrap:wrap;font-size:12px}
body.v1-blue #homeReceiptHero{display:block;width:100%;padding:19px 20px;margin:0 0 19px;text-align:left;background:linear-gradient(140deg,#245ec6,#448be3)!important;border:0;border-radius:19px;color:white;box-shadow:0 8px 20px rgba(35,94,200,.13)}
body.v1-blue #homeReceiptHero.hidden{display:none}
body.v1-blue #homeReceiptHero>span{font-size:13px;font-weight:750;color:#d7e7ff}
body.v1-blue #homeReceiptHero b{display:block;margin:7px 0 2px;font-size:32px;font-weight:900;letter-spacing:-.04em}
body.v1-blue #homeReceiptHero small{display:block;color:#d7e7ff;font-size:12px;font-weight:500}
body.v1-blue .home-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:20px 0 9px}
body.v1-blue .home-section-head b{font-size:17px;color:#172c48}
body.v1-blue #appBox .home-text-link{width:auto;min-height:36px;padding:6px 0;border:0;background:transparent;color:#235ec8;font-size:12px;font-weight:750;white-space:nowrap}
body.v1-blue #managementMonth{width:150px!important;max-width:150px!important;min-width:0!important;height:40px;padding:7px 9px!important;border:0!important;background:transparent!important;color:#235ec8!important;font-size:14px;font-weight:800}
body.v1-blue .management-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0;gap:10px}
body.v1-blue #appBox .management-kpi{min-height:105px;padding:14px;background:white;color:#172c48;border:1px solid #e1e9f4;border-radius:15px;box-shadow:0 4px 20px rgba(28,66,101,.035)}
body.v1-blue .management-kpi span{color:#75859b;font-size:12px}
body.v1-blue .management-kpi b{font-size:22px;margin-top:8px;color:#172c48;line-height:1.15}
body.v1-blue .management-kpi small{margin-top:5px;color:#75859b;font-size:11px;line-height:1.35}
body.v1-blue #managementDetails{padding:12px;background:#fff;border:1px solid #e1e9f4;border-radius:15px}
body.v1-blue .home-deep{margin-top:10px;padding:11px 14px!important}
body.v1-blue .home-deep summary,body.v1-blue .home-today-details summary{cursor:pointer;color:#235ec8;font-size:12px;font-weight:750}
body.v1-blue #homeAssistantBriefing{padding:3px 14px;margin:0;gap:0}
body.v1-blue #homeAssistantBriefing .assistant-alert{position:relative;display:block;padding:13px 24px 13px 0;margin:0;border-radius:0;border-top:1px solid #e1e9f4;background:transparent;color:#172c48;font-size:12px}
body.v1-blue #homeAssistantBriefing .assistant-alert:first-child{border-top:0}
body.v1-blue #homeAssistantBriefing .assistant-alert b{display:block;font-size:13px;color:#172c48;margin-bottom:3px}
body.v1-blue #homeAssistantBriefing .assistant-alert button{display:inline-block;margin:7px 0 0;padding:5px 9px;background:#eaf2ff;color:#235ec8;border:0;font-size:11px}
body.v1-blue #homeNextSchedule{margin:0;padding:15px}
body.v1-blue .home-next-stop .home-next-title{display:block;font-size:15px;color:#172c48}
body.v1-blue .home-next-stop .home-next-meta{display:block;margin-top:5px;color:#75859b;font-size:12px;line-height:1.4}
body.v1-blue .home-next-stop .home-next-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px}
body.v1-blue .home-next-stop .home-next-date{display:inline-block;padding:6px 9px;border-radius:99px;background:#eaf2ff;color:#235ec8;font-size:11px;font-weight:800}
body.v1-blue .home-next-stop .home-next-actions button{padding:8px 12px;font-size:12px}
body.v1-blue .home-today-details{padding:11px 15px!important;margin:10px 0!important}
body.v1-blue #homeTodaySchedule{margin-top:10px}
body.v1-blue #homeTodaySchedule .home-today-item{background:#fff;border-color:#e1e9f4;color:#172c48}
body.v1-blue #conceptTrendCard{padding:15px;margin-top:0}
body.v1-blue #trendChart{height:170px!important;margin-top:4px;background:transparent;border:0}
body.v1-blue #trendChart .trend-svg{height:150px}
body.v1-blue #trendChart rect[fill="url(#barGold)"]{fill:#b8cef4}
body.v1-blue #trendChart polyline{stroke:#235ec8}
body.v1-blue #trendChart line{stroke:#e1e9f4}
body.v1-blue #trendChart circle{stroke:#fff;fill:#235ec8}
body.v1-blue .home-focus-actions{margin:12px 0 16px}
body.v1-blue #homeLegacyOverview>.hero,body.v1-blue #homeLegacyOverview #sharedInsightCard,body.v1-blue #homeLegacyOverview #zhuInsightCard{background:#fff;color:#172c48;border-color:#e1e9f4}
body.v1-blue #appBox .seg button{background:#eaf2ff;color:#235ec8}
body.v1-blue #appBox .seg button.active{background:#235ec8;color:#fff}
body.v1-blue #appBox .voice-assistant,body.v1-blue #appBox .assistant-action-card{background:#f7faff;border-color:#dce7f7}
body.v1-blue .ai-drawer-panel{background:#f3f7fd}
body.v1-blue .ai-drawer-head{background:rgba(243,247,253,.96)}
body.v1-blue #appBox .global-ai-button{background:#235ec8;color:#fff;border:3px solid #fff;box-shadow:0 8px 20px rgba(35,94,200,.25)}
body.v1-blue #appBox .floating-txn{background:#448be3;color:#fff;border:3px solid #fff;box-shadow:0 8px 20px rgba(35,94,200,.2)}
body.v1-blue .nav{background:rgba(255,255,255,.97);border-color:#e1e9f4;box-shadow:0 -5px 24px rgba(28,66,101,.04)}
body.v1-blue .nav button{background:transparent!important;color:#75859b!important;box-shadow:none!important;min-height:64px;padding:7px 3px;font-size:11px;border-radius:0!important}
body.v1-blue .nav button.active{color:#235ec8!important;font-weight:800}
body.v1-blue .nav button:before{display:block;margin-bottom:2px;height:23px;line-height:23px;font-size:20px;font-weight:500}
body.v1-blue #navHome:before{content:'⌂'}
body.v1-blue #navEntry:before{content:'＋'}
body.v1-blue #navOrders:before{content:'▤'}
body.v1-blue #navLedger:before{content:'▣'}
body.v1-blue #navSettings:before{content:'♙'}
body.v1-blue #appBox .msg.goodbox{background:#ebf7ef;color:#287951}
body.v1-blue #appBox .msg.warnbox{background:#fff7e8;color:#95611a}
body.v1-blue #txnEditOverlay .order-picker-selected{background:#f8fbff;border-color:#dfe8f5;color:#173a65}
body.v1-blue #txnEditOverlay .order-search-tools{margin-top:9px}
body.v1-blue #txnEditOverlay .match-card{background:#fff;border-color:#dfe8f5;color:#173a65}
body.v1-blue #txnEditOverlay .match-card small{color:#75859b}
body.v1-blue #homeActionOverlay .edit-sheet{background:#f3f7fd}
body.v1-blue #homeActionOverlay .management-detail-item{background:#fff;border-color:#dfe8f5;color:#173a65}
body.v1-blue #fieldHome .hero{background:linear-gradient(140deg,#245ec6,#448be3);color:#fff;border:0}
body.v1-blue #fieldHome .hero h2,body.v1-blue #fieldHome .hero b{color:#fff}
body.v1-blue #fieldHome .hero .muted,body.v1-blue #fieldHome .hero small{color:#d7e7ff!important}
body.v1-blue #fieldHome .hero .kpi{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:10px}
@media(max-width:760px){
 body.v1-blue #appBox{padding:13px 16px calc(103px + env(safe-area-inset-bottom))}
 body.v1-blue #appBox>.app-brandbar h1{font-size:17px}
 body.v1-blue #home .home-focus-title{font-size:26px}
 body.v1-blue #homeReceiptHero b{font-size:29px}
 body.v1-blue .management-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 body.v1-blue #appBox .management-kpi{min-height:100px;padding:12px}
 body.v1-blue .management-kpi b{font-size:20px}
 body.v1-blue #managementMonth{width:140px!important;max-width:140px!important;font-size:13px}
 body.v1-blue #appBox .card{margin-bottom:10px}
 body.v1-blue #appBox .form{gap:12px}
 body.v1-blue #appBox .field label{font-size:13px}
 body.v1-blue #appBox .field input,body.v1-blue #appBox .field select{min-height:46px;font-size:15px}
 body.v1-blue #appBox button{min-height:42px}
 body.v1-blue .nav button{min-height:62px!important}
}
@media(max-width:370px){body.v1-blue #appBox{padding-left:12px;padding-right:12px}body.v1-blue .app-brand-mark{width:34px;height:34px}body.v1-blue #appBox>.app-brandbar h1{font-size:15px}body.v1-blue .home-date-line{font-size:11px}body.v1-blue #managementMonth{width:125px!important}}
