/* Phone layout keeps the same controls and transaction handlers. */
.phone-table-hint{display:none}.phone-records td::before{display:none}
@media(max-width:640px){
 body{overflow-x:hidden}main{min-width:0;max-width:100%}section{padding:18px 14px 28px}header{padding:0 12px;height:58px}#crumb{font-size:11px;max-width:calc(100vw - 140px)}header>div{gap:2px}header .avatar{width:30px;height:30px}
 h1{font-size:24px;line-height:1.3}.heading{margin-bottom:20px}.heading .actions{width:100%;display:flex;flex-wrap:wrap}.heading .actions .btn{flex:1}.heading .actions .btn.primary{flex-basis:100%;order:-1}
 .btn,.icon,nav a,summary{min-height:44px}.btn{font-size:13px}.icon{min-width:40px}aside{width:min(292px,calc(100vw - 42px))}.nav-close.icon{width:44px;min-height:44px}aside nav a{min-height:45px;font-size:14px}.nav-group>summary{min-height:44px}.nav-subgroup>summary{min-height:44px}body:has(aside.open){overflow:hidden}
 .panel{padding:16px;border-radius:12px}.panelhead{align-items:stretch;gap:12px}.panelhead>input,.panelhead>.filter{width:100%;min-width:0}.panelhead h2{align-self:center}.filter input{min-width:100%}.filter .btn{flex:1}.cards{gap:10px}.card{padding:15px}.card .value{font-size:22px;font-variant-numeric:tabular-nums}.card .label{font-size:11.5px}.returns-cards{grid-template-columns:1fr}.returns-cards .value{font-size:25px}
 input,select,textarea,.field,.account-card input,.account-card select,.orderline input,.orderline select{font-size:16px;min-height:46px;padding:11px 12px}label{font-size:12.5px}input[type=checkbox],input[type=radio]{min-height:20px;min-width:20px;width:20px;height:20px;padding:0}textarea{min-height:94px}.formgrid{gap:16px}.orderline{padding:14px 0;margin:12px 0}.orderline .icon{min-width:32px}.orderline .unit-info{font-size:12px;line-height:1.6}
 dialog[open]{position:fixed;left:0;right:0;top:calc(var(--phone-top,0px) + 10px);bottom:auto;margin:0 auto;width:calc(100% - 20px);max-width:calc(100% - 20px);max-height:calc(var(--phone-height,100dvh) - 20px);padding:18px;border-radius:14px;scroll-padding-block:16px;overscroll-behavior:contain}.dialoghead{margin-bottom:18px;align-items:flex-start}.dialoghead h2{font-size:18px;padding-top:9px}.dialoghead .icon{flex-shrink:0}.formactions{position:sticky;bottom:-18px;background:#f5f1e7;padding:14px 0 6px;margin-top:20px;z-index:3;box-shadow:0 -8px 14px #f5f1e7dd}.formactions .btn{flex:1;min-height:46px}.formactions .btn.primary{min-width:125px}.total{gap:14px}.total>span{min-width:0;overflow-wrap:anywhere}.total>strong{font-size:13px}
 .phone-record-wrap{overflow:visible;max-height:none;border-radius:0}.phone-records{display:block;width:100%;white-space:normal;border-collapse:separate}.phone-records thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.phone-records tbody{display:grid;gap:12px}.phone-records tr{display:block;border:1px solid #d9d1bf;border-radius:10px;padding:6px 13px;background:#f4f0e6;min-width:0}.phone-records tr:hover{background:#f4f0e6}.phone-records td{display:grid;grid-template-columns:minmax(88px,34%) minmax(0,1fr);align-items:start;gap:10px;min-width:0;padding:10px 0;border-bottom:1px solid #e2dac9;line-height:1.6;white-space:normal;font-size:13px;overflow-wrap:anywhere}.phone-records td::before{content:attr(data-label);display:block;font-size:11px;font-weight:600;color:#6b725f;text-align:left;letter-spacing:.1px}.phone-records td.numeric{text-align:right}.phone-records td>small{font-size:11px}.phone-records td .product{min-width:0;align-items:start}.phone-records td .product div{min-width:0}.phone-records td .product .tile{display:none}.phone-records td.phone-row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-top:12px;border-bottom:0}.phone-records td.phone-row-actions::before{display:none}.phone-records td.phone-row-actions .btn{min-height:44px;margin:0;flex:1}.phone-records td:last-child{border-bottom:0}.phone-records td[colspan]{display:block;padding:18px 2px;text-align:center}.phone-records td[colspan]::before{display:none}
 .phone-table-hint{display:block;font-size:11px;color:#68705e;margin:0 0 9px;line-height:1.5}.tablewrap:not(.phone-record-wrap){max-height:60vh;max-height:60dvh;scrollbar-width:thin}.tablewrap:not(.phone-record-wrap) table{min-width:max-content}table.wrap-notes{min-width:0!important}.wrap-notes td:first-child{min-width:105px}.wrap-notes td:nth-child(2){min-width:185px}.tablewrap input{font-size:16px;min-height:44px}.opname-count{width:118px;min-width:105px}
 .demo{margin:12px 14px 0;padding:9px 12px}.demo span{font-size:11px;min-width:130px}.demo button{min-height:36px}.note{font-size:12px;line-height:1.65;padding:13px 14px}.account-gate{padding:14px 12px}.account-card{padding:23px;margin:5px 0}.account-card .brand-logo-frame{width:112px}.account-card h1{font-size:24px}.account-card .account-secondary{min-height:42px}.account-card form{gap:16px}.account-card .btn.primary{min-height:46px}.account-card .account-link{min-height:38px}footer{margin:0 14px;flex-wrap:wrap;gap:6px}
}
@media(max-width:360px){.phone-records td{grid-template-columns:minmax(80px,33%) minmax(0,1fr);gap:8px}.card{padding:13px}.card .value{font-size:20px}.panel{padding:14px}.account-card{padding:21px}.heading .actions .btn{padding-inline:10px}}
@media print{.phone-table-hint{display:none!important}.phone-records{display:table!important}.phone-records thead{display:table-header-group!important;position:static;width:auto;height:auto;clip:auto}.phone-records tbody{display:table-row-group!important}.phone-records tr{display:table-row!important}.phone-records td{display:table-cell!important}.phone-records td::before{display:none!important}}
.phone-cell-value{min-width:0}@media(max-width:640px){.phone-cell-value{overflow-wrap:anywhere}.phone-row-actions .btn{width:auto}.phone-records .phone-cell-value .btn{min-height:44px}}
@media(max-width:640px){.account-gate{scroll-padding-block:20px}dialog input,dialog textarea,dialog select{scroll-margin-block:20px 80px}.account-card input{scroll-margin-block:20px}}
.phone-secondary-group,.phone-secondary-panel{display:contents}.phone-secondary-toggle{display:none}
@media(max-width:640px){.demo{font-size:0;letter-spacing:0;flex-wrap:nowrap;gap:8px;padding:7px 11px}.demo span{font-size:11px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo button{font-size:11px;flex-shrink:0;min-height:32px;margin-left:auto}.phone-secondary-group{display:block;position:relative;flex:0 0 auto}.phone-secondary-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;white-space:nowrap}.phone-secondary-panel{display:none;position:absolute;right:0;top:calc(100% + 8px);min-width:180px;z-index:15;flex-direction:column;gap:7px;padding:9px;background:#f5f1e7;border:1px solid #cfc5ae;border-radius:10px;box-shadow:0 8px 24px #302a1726}.phone-secondary-group.is-open .phone-secondary-panel{display:flex}.phone-secondary-panel .btn{width:100%;min-height:44px;text-align:left}.heading .actions:has(.phone-secondary-group) .btn.primary{flex:1 1 auto;min-width:0;flex-basis:auto;order:0}}
@media(max-width:640px){.account-gate{top:calc(var(--connection-height) + var(--phone-top,0px));bottom:auto;height:calc(var(--phone-height,100dvh) - var(--connection-height));max-height:calc(var(--phone-height,100dvh) - var(--connection-height))}}