.mobile-shell{min-height:100dvh}.mobile-top{position:sticky;top:0;z-index:15;background:var(--navy);color:white;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;min-height:62px}.mobile-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:white;font-size:1.28571rem;font-weight:700}.mobile-brand img{width:30px;height:30px}.mobile-top button{color:white}.mobile-bottom{position:fixed;z-index:25;bottom:0;left:0;right:0;display:flex;background:var(--surface);border-top:1px solid var(--line);padding:5px 5px calc(5px + env(safe-area-inset-bottom))}.mobile-bottom button{background:var(--surface);color:#68788f;flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding:7px 2px;font-size:0.71429rem;min-height:54px}.mobile-bottom button.active{background:var(--orange-pale);color:#93440c}.mobile-more{position:fixed;z-index:40;inset:0;background:var(--bg);padding:18px;overflow:auto;padding-bottom:calc(30px + env(safe-area-inset-bottom))}.mobile-more[hidden]{display:none}.mobile-more-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.mobile-more-head small{display:block;margin-top:4px}.mobile-more nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:25px}.mobile-more nav button{background:var(--surface);color:var(--ink);border:1px solid var(--line);min-height:80px;flex-direction:column;overflow-wrap:anywhere}.mobile-more nav button.active{border-color:var(--orange);background:var(--orange-pale)}.mobile-view .main{padding:20px 14px calc(100px + env(safe-area-inset-bottom));max-width:720px}.mobile-view button,.mobile-view .btn{min-height:44px}.mobile-view input,.mobile-view select,.mobile-view textarea{font-size:1.14286rem;min-height:46px}.mobile-view .page-heading{display:block;margin-bottom:18px}.mobile-view .page-heading>.actions{margin-top:14px}.mobile-view .page-heading>.actions button{font-size:0.85714rem;padding:10px 12px}.mobile-view .eyebrow{font-size:0.64286rem}.mobile-view .page-heading h1{font-size:1.78571rem}.mobile-view .desktop-data-table{display:none}.mobile-records{display:grid;gap:12px;padding:12px}.mobile-record{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:13px;text-align:left;color:var(--ink);font-weight:400;width:100%}.mobile-record-field{min-width:0;overflow-wrap:anywhere;line-height:1.5}.mobile-record-field:first-child{grid-column:1/-1}.mobile-record-field>small{display:block;text-transform:uppercase;font-size:0.64286rem;letter-spacing:.6px;margin-bottom:3px}.mobile-record-field>div{font-size:0.92857rem}.mobile-view .table-scroll{overflow:visible}.mobile-view .product-cell{min-width:0;align-items:flex-start}.mobile-view .amount{white-space:normal}.mobile-view .kanban{display:grid;grid-template-columns:1fr}.mobile-view .kanban-col{min-height:0}.mobile-view .order-card{padding:18px}.mobile-view .order-card p{font-size:1rem}.mobile-view .stats{grid-template-columns:1fr 1fr;gap:10px}.mobile-view .stat-value{font-size:1.64286rem;overflow-wrap:anywhere}.mobile-view .grid-main,.mobile-view .cards,.mobile-view .right-stack{display:block}.mobile-view .filterbar{display:grid;grid-template-columns:1fr}.mobile-view .filterbar input,.mobile-view .filterbar select{width:100%;min-width:0;max-width:none}.mobile-view .form-grid,.mobile-view .detail-grid{grid-template-columns:1fr}.mobile-view dialog{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:100dvh;border-radius:0;overflow:auto}.mobile-view .modal-header{padding:16px}.mobile-view .modal-body{padding:18px 15px}.mobile-view .modal-footer{padding:12px 15px calc(12px + env(safe-area-inset-bottom));flex-wrap:wrap}.mobile-view .modal-footer button{flex:1;min-width:100px}.mobile-view .order-line{grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:12px;padding:14px;gap:12px}.mobile-view .order-line label:first-child{grid-column:1/-1}.mobile-view .order-line button{grid-column:2;justify-self:end}.mobile-view #toasts{bottom:90px}.mobile-view .login-layout{display:block}.mobile-view .login-story{padding:28px}.mobile-view .login-story h1,.mobile-view .login-story p{display:none}.mobile-view .login-form{padding:30px 22px}.mobile-view .connect-card{margin-bottom:14px}.mobile-view .detail-actions>*{width:100%}.mobile-view .update-facts{grid-template-columns:1fr 1fr}.mobile-view .update-layout{grid-template-columns:1fr}.mobile-view .report-filters{grid-template-columns:1fr}.mobile-view .panel-body{padding:16px}.mobile-view .banner{overflow-wrap:anywhere}.mobile-view .panel-head{flex-wrap:wrap}@media print{.mobile-top,.mobile-bottom,.mobile-more{display:none!important}.mobile-records{display:none}.mobile-view .desktop-data-table{display:table!important}}

body:not(.mobile-view) .mobile-records{display:none}
.mobile-view .report-preview{overflow:auto;max-height:min(65dvh,600px)}

.mobile-back-snapshot{position:fixed;inset:0;z-index:90;overflow:hidden;background:var(--bg);pointer-events:none;transform:translateX(0);will-change:transform;box-shadow:-8px 0 24px #0002;contain:paint}
.mobile-view .mobile-record .customer small{display:block;margin-top:5px;font-weight:400}
@media print{.mobile-back-snapshot{display:none!important}}