/* Mobile update v1: original business actions remain intact. */
:root{--blue:#16766b;--nav:#112e32;--bg:#f3f6f7;--ink:#183237;--muted:#657d83}body{font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif}button,input,select,textarea{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}.card,.stat{border-radius:15px}.welcome{background:linear-gradient(120deg,#e4f3ee,#edf4ff);border-color:#d6e8e3}.welcome h2{color:#244e4b}.brandmark,nav button.active{background:#16766b}.desktop-history-link{color:#c3e6df;text-decoration:none;padding:13px 17px;border:1px solid #ffffff25;border-radius:8px;margin-top:12px}.header-right #account-name{font-size:13px;font-weight:600;color:#26645b}#mobile-nav{display:none}#mobile-more{border:0;border-radius:22px;padding:24px;width:min(480px,94vw);box-shadow:0 16px 70px #102e3250}#mobile-more::backdrop{background:#0e272b99}#mobile-more .more-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}#mobile-more>button,#mobile-more>a{display:block;text-decoration:none;border:1px solid #dae6e3;background:#f4f8f7;border-radius:10px;padding:16px;color:#184940;width:100%;margin:10px 0;text-align:left;font-size:16px}#mobile-more>[hidden]{display:none}.mobile-user{color:#6b8185;margin-top:20px}
@media screen and (max-width:760px){
 html,body{max-width:100%;overflow-x:hidden}body{font-size:15px}.sidebar{display:none}.app>main{margin-left:0;min-width:0}.app header{height:62px;padding:0 16px;position:sticky;top:0;z-index:30;box-shadow:0 2px 12px #10332a06}.breadcrumb{font-size:12px}.breadcrumb>svg{display:none}.header-right{gap:10px}.header-right button{min-height:42px;min-width:42px}.connection{display:none}.content{padding:22px 14px 100px}.eyebrow{font-size:10px;letter-spacing:1.3px;color:#65837d}h1{font-size:26px;letter-spacing:0}.page-heading{gap:16px;margin-bottom:19px}.page-heading p:not(.eyebrow){font-size:13px;line-height:1.6}.page-heading .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.page-heading .actions>button{width:100%}button,a.primary{min-height:44px;font-size:14px;border-radius:10px;padding:11px 14px}button.primary{box-shadow:none;background:#16766b;border-color:#16766b}.welcome{min-height:0;padding:22px;margin-bottom:16px}.welcome h2{font-size:25px;line-height:1.4;margin:10px 0}.welcome h2 br{display:none}.welcome p{font-size:13px;line-height:1.65}.welcome-label{font-size:12px}.welcome button{font-size:14px;margin-top:12px}.workflow-visual{display:none}.stats,.stats.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.stat{padding:16px 13px;min-width:0}.stat>span{font-size:13px;color:#58716f}.stat strong{font-size:clamp(19px,5.4vw,26px);margin:13px 0 6px;overflow-wrap:anywhere}.stat small{font-size:11px;line-height:1.5}.card{margin-bottom:16px}.card-title{padding:17px 15px;align-items:flex-start;gap:10px}.card-title h2{font-size:17px}.card-title p{font-size:12px;line-height:1.6}.card-title .text-button{font-size:13px;min-height:35px;padding:5px}.overview-grid{display:block}.quick{padding:18px}.quick>button{font-size:15px;min-height:68px}.quick button small,.tip p{font-size:12px}.tip b,.tip button{font-size:13px}.toolbar{padding:16px 14px;display:flex;flex-direction:column;align-items:stretch;gap:13px}.toolbar h2{font-size:17px}.toolbar .actions{display:flex;width:100%;flex-wrap:wrap}.search{width:100%;flex:1 1 100%;padding:10px 12px;min-height:46px}.search input{font-size:16px;min-width:0;width:100%}.tabs{flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:4px}.tabs button{font-size:14px;flex-shrink:0;padding:10px 13px;min-height:42px}.tabs button.active{color:#14695d;background:#e4f2ed}.table-wrap{overflow:visible;padding:0 12px 12px}table{white-space:normal;font-size:14px}table thead{display:none}table,tbody{display:block;width:100%}tbody tr{display:block;margin:10px 0;border:1px solid #dfe9e6;border-radius:12px;padding:10px 12px;background:#fff;box-shadow:0 2px 4px #193d3203}tbody td{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;max-width:none;width:100%;padding:9px 0;border:0;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;text-align:right;white-space:normal}tbody td::before{content:attr(data-label);color:#6b7f80;font-size:12px;flex:0 0 82px;text-align:left;padding-top:2px}tbody td>div{text-align:right;min-width:0}tbody td small{font-size:12px;margin-top:3px;overflow-wrap:anywhere}tbody td .text-button{min-height:40px;font-size:14px;padding:8px 0}.badge{font-size:12px;padding:5px 9px}.activity{padding:0 15px 10px}.activity>div{font-size:13px;line-height:1.6;gap:9px}.activity time{font-size:11px}.empty h3{font-size:16px}.empty p{font-size:13px}.empty button{font-size:14px;min-height:44px}.detail-meta{display:block;padding:0 16px 15px}.detail-meta>div{padding:10px 0}.detail-meta small{font-size:12px}.detail-meta p{font-size:15px;line-height:1.6}.order-detail .card>.actions{display:grid;grid-template-columns:1fr 1fr;padding:0 14px 17px;gap:9px}.totals{gap:8px;padding:17px 12px;flex-wrap:wrap}.totals span{font-size:12px;min-width:85px;flex:1}.totals b{font-size:17px}.mini-banner,.banner{font-size:14px;padding:16px;gap:12px}.mini-banner b{font-size:14px}.mini-banner span,.banner p{font-size:12px;line-height:1.6}.settings-row,.migration-note{font-size:14px;line-height:1.8;margin-inline:16px}.modal-backdrop{padding:0;align-items:flex-end;background:#0f272c80}.modal{width:100%;max-height:92dvh;border-radius:22px 22px 0 0;padding:22px 18px calc(18px + env(safe-area-inset-bottom));overscroll-behavior:contain}.modal-title{margin-bottom:18px}.modal-title button{min-width:44px;min-height:44px}.modal-note{font-size:14px}.form-fields{grid-template-columns:1fr;gap:17px}.form-fields label{font-size:14px}.form-fields input,.form-fields select,.form-fields textarea{font-size:16px;padding:13px;min-height:48px;border-radius:10px;margin-top:7px}.modal-actions{position:sticky;bottom:0;background:white;padding:14px 0 0;display:grid;grid-template-columns:1fr 1.5fr}.modal-actions button{min-height:48px}.toast{bottom:calc(90px + env(safe-area-inset-bottom));max-width:92vw;width:max-content;font-size:14px}.error{font-size:14px;line-height:1.6}.error button{min-width:40px}.content footer{font-size:10px;gap:10px;flex-wrap:wrap}#mobile-nav{position:fixed;inset:auto 0 0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #dbe7e2;box-shadow:0 -4px 18px #143d3309;backdrop-filter:blur(12px)}#mobile-nav button{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:6px 2px;border:0;border-radius:10px;font-size:20px;background:transparent;color:#758783;min-height:51px}#mobile-nav small{font-size:11px;color:inherit;font-weight:600}#mobile-nav button.active{background:#e8f4ef;color:#146e5d;box-shadow:none}.bars{padding:0 14px 18px}.bars>div{font-size:14px;gap:10px}.bars b{width:110px;font-size:13px}
 /* Login */
 body:not(:has(.app)):not(.history-page){padding:18px;min-height:100dvh}body:not(:has(.app)):not(.history-page)>main{margin:5vh auto 0!important;width:100%;max-width:430px;padding:27px 22px;border-radius:22px}body:not(:has(.app)):not(.history-page) input{font-size:16px;min-height:50px}body:not(:has(.app)):not(.history-page) form button{font-size:16px;min-height:50px}
 /* History: card listings and full-width detail sheet */
 .history-page header{padding:18px 15px;gap:12px;align-items:flex-start;height:auto}.history-page header h1{font-size:22px}.history-page header>div>div{font-size:12px}.history-page header a{font-size:13px;white-space:nowrap;padding-top:4px}.history-page main{margin:16px auto;padding:0 12px}.history-page .notice{font-size:13px;line-height:1.7;padding:13px}.history-page .cards{grid-template-columns:1fr 1fr;gap:8px}.history-page .cards .card{padding:12px;margin:0;font-size:12px}.history-page .cards strong{font-size:23px}.history-page .tools{display:grid;grid-template-columns:1fr auto;gap:9px}.history-page .tools select{grid-column:1/-1;width:100%;font-size:16px;min-height:46px}.history-page .tools input{width:100%;min-width:0;font-size:16px}.history-page .tablewrap{border:0;background:transparent;overflow:visible}.history-page .pager{justify-content:space-between;position:sticky;bottom:0;background:#f3f6f7;padding:10px 0 calc(10px + env(safe-area-inset-bottom))}.history-page dialog{width:100%;max-width:100%;height:94dvh;max-height:94dvh;margin:auto 0 0;border-radius:20px 20px 0 0;padding:16px}.history-page #detail table,.history-page #detail tbody{display:table;width:100%}.history-page #detail tr{display:table-row;border:0;margin:0;padding:0}.history-page #detail td,.history-page #detail th{display:table-cell;padding:9px 7px;font-size:13px;text-align:left;max-width:none;border-bottom:1px solid #e2eae6;word-break:break-word}.history-page #detail th{width:40%;white-space:normal}.history-page #detail td::before{display:none}.history-page .detailbar h2{font-size:17px}.history-page summary{font-size:14px;line-height:1.7;overflow-wrap:anywhere}.history-page #status{font-size:13px;margin:12px 0}
}
@media print{#mobile-nav,#mobile-more,.desktop-history-link,#account-name{display:none!important}tbody td::before{display:none!important}}
