/* Phone layout: all primary navigation and form sections fit the viewport. */
html,body{max-width:100%;overflow-x:clip}main,.page,.card,.field,.grid2>*,.grid3>*{min-width:0}img,canvas{max-width:100%}input,select,textarea{min-width:0}p,h1,h2,h3,b,small,.badge{overflow-wrap:anywhere}
.cloud-status{padding:10px 14px;margin-top:12px;border:1px solid #315d54;border-radius:12px;background:#0b2822;color:#9de1ca;font-size:13px;line-height:1.5}.cloud-status.pending{border-color:#806631;color:#f2d99d;background:#292315}.cloud-status button{padding:5px 10px;margin-left:8px}.cloud-status:empty{display:none}
.nav-icon{display:none}.account-card{max-width:520px;margin:16px auto}.account-card input{font-size:16px}.page h2{font-size:22px}.field label{font-size:11px}.field input,.field select,.field textarea{min-height:46px}.footer-note{font-size:12px;line-height:1.5}
.phone-greeting h1{font-size:32px;letter-spacing:-1px;margin:8px 0}.phone-greeting p{color:#8fa7ae;margin:0 0 22px}.day-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}.day-shortcut{display:grid;align-content:start;gap:9px;padding:16px;text-align:left;border:1px solid #294650;border-radius:16px;background:#10252c;min-width:0}.day-shortcut strong{font-size:17px}.day-shortcut>span:last-child{color:#9cb7bd;font-size:12px;line-height:1.5}
.field-sheet{width:min(520px,100%);max-height:90dvh;border:1px solid #315d54;border-radius:22px;padding:22px;background:#0d1d23;color:#edf6f5;overflow:auto}.field-sheet::backdrop{background:#0009;backdrop-filter:blur(3px)}.field-sheet header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.field-sheet h2{margin:0}.field-sheet .sheet-save{width:100%;min-height:48px;margin-top:10px}
@media(max-width:760px){
 :root{font-size:15px}.sidebar{position:static;width:100%;padding:14px 16px 0;border:0;background:transparent}.brand{margin:0;gap:10px}.brand i{width:34px;height:34px;font-size:20px;border-radius:10px}.brand strong{font-size:16px}.brand small{display:none}.module,.side-status{display:none}
 .field-sheet{margin:auto 0 0;max-width:100%;width:100%;border-radius:24px 24px 0 0;padding:22px 20px calc(24px + env(safe-area-inset-bottom))}
 .nav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;overflow:visible;padding:8px 5px calc(8px + env(safe-area-inset-bottom));background:#07171ff5;border-top:1px solid #294650;backdrop-filter:blur(15px)}
 .nav button{width:100%;min-width:0;padding:7px 2px;text-align:center;white-space:normal;font-size:10px;line-height:1.2;border-radius:10px;min-height:50px}.nav button.active{box-shadow:none;background:#123d37;border-color:#27695d}.nav-icon{display:block;font-size:20px;line-height:24px;margin-bottom:3px}
 main{margin:0;padding:0 14px calc(100px + env(safe-area-inset-bottom))}.top{position:static;min-height:42px;display:flex;justify-content:flex-end;border:0;background:none}.top>div:first-child{display:none}.top-actions{width:auto;padding:0}.badge{font-size:10px;white-space:normal}.page{padding-top:16px}.heading{display:block;margin-bottom:18px}.heading h1{font-size:27px;line-height:1.15;letter-spacing:-.6px}.heading p{line-height:1.5;font-size:13px}.heading .actions{margin-top:10px}
 .grid2,.grid3,.stat-row,.sync-card,.work-line,.expense{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.pad{padding:16px}.card{border-radius:16px}.card p{line-height:1.5}.card h2{margin:10px 0}.notice{line-height:1.5;font-size:13px}.eyebrow{font-size:10px}.trip-head,.trip-task-head{display:flex;flex-direction:column;gap:8px}.trip-head>div{width:100%;min-width:0}.person{font-size:12px}.trip-head .report-lock{font-size:12px}
 .tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:6px;padding:6px;margin-top:12px}.tabs button{min-width:0;width:100%;min-height:46px;padding:10px 6px;font-size:13px;white-space:normal}.actions{display:flex;flex-wrap:wrap}.actions button{min-height:44px;flex:1 1 auto}.quick-actions{display:grid;grid-template-columns:1fr 1fr}.quick-actions button{min-width:0;min-height:54px;padding:12px 8px;font-size:13px}
 .metric-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.metric-strip>div{padding:10px 7px}.metric-strip span{font-size:10px}.metric-strip b{font-size:17px}.event{grid-template-columns:1fr;gap:8px}.event .actions{justify-content:flex-end}.event time{font-size:13px}
 .allowance-table{display:block;overflow:visible;width:100%}.allowance-table thead{display:none}.allowance-table tbody{display:grid;gap:12px}.allowance-table tr{display:block;padding:12px;background:#09191f;border:1px solid #294650;border-radius:12px}.allowance-table td{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;padding:10px 0;min-width:0}.allowance-table td:first-child{font-size:16px;color:#83dfc2}.allowance-table td:not(:first-child)::before{content:attr(data-label);font-size:12px;color:#a3b9be;flex:1}.allowance-table td input{width:105px!important;max-width:50%;padding:10px;border:1px solid #31525d;border-radius:8px;background:#07171c;color:white;font-size:16px}.allowance-table td:last-child{border:0}
 input,select,textarea,.field input,.field select,.field textarea{font-size:16px;max-width:100%}.signature-pad{height:170px;width:100%}.task-result header{flex-wrap:wrap}.summary-table div{gap:8px}.summary-table b{text-align:right}.toast{left:14px;right:14px;bottom:calc(90px + env(safe-area-inset-bottom));font-size:13px}.account-card{margin:0}.home-card{min-height:0}
}