.medaliza-mobile-billing{width:100%;max-width:100%;min-width:0;margin:0 auto;padding:8px 11px calc(112px + env(safe-area-inset-bottom));overflow:visible;color:#142b57;background:linear-gradient(180deg,#f1faff 0%,#fff 44%,#f3faff 100%);font-family:"DM Sans",sans-serif}
.medaliza-mobile-billing *{box-sizing:border-box;min-width:0}
.medaliza-mobile-billing .mbill-icon{display:block;width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.medaliza-mobile-billing :is(button,input,select,summary):focus-visible{outline:2px solid #1684ed;outline-offset:2px}
.medaliza-mobile-billing [hidden]{display:none!important}

/* One content-sized invoice row */
.medaliza-mobile-billing .mbill-meta{display:flex;align-items:center;gap:6px;min-width:0;margin:0 0 11px;white-space:nowrap}
.medaliza-mobile-billing .mbill-meta>*{position:relative;display:flex;align-items:center;flex:0 1 auto;gap:6px;width:max-content;max-width:100%;min-width:0;height:46px;padding:6px 9px;border:1px solid #dceaf7;border-radius:13px;background:#fff;box-shadow:0 3px 9px rgba(32,93,150,.055);color:#142b57}
.medaliza-mobile-billing .mbill-customer{cursor:pointer}
.medaliza-mobile-billing .mbill-meta-icon{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;border-radius:7px;background:#eff7ff;color:#0878e8}
.medaliza-mobile-billing .mbill-meta-icon .mbill-icon{width:17px;height:17px}
.medaliza-mobile-billing .mbill-customer-name{display:block;overflow:hidden;min-width:0}
.medaliza-mobile-billing .mbill-meta b{display:block;overflow:hidden;color:#142b57;font-size:11.5px;font-weight:800;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.medaliza-mobile-billing .mbill-customer select{position:absolute;z-index:2;inset:0;width:100%;height:100%;opacity:0;pointer-events:auto;cursor:pointer}
.medaliza-mobile-billing .mbill-meta-card{justify-content:flex-start}

/* Search and result list */
.medaliza-mobile-billing .mbill-search{position:relative;display:flex;align-items:center;gap:5px;min-width:0;max-width:100%;height:50px;margin:0 0 11px;padding:3px;border:1px solid #d9e8f6;border-radius:14px;background:#fff;box-shadow:0 3px 9px rgba(32,93,150,.055)}
.medaliza-mobile-billing .mbill-search-input{display:flex;align-items:center;flex:1;gap:9px;min-width:0;padding:0 9px;color:#41618b}
.medaliza-mobile-billing .mbill-search-input>.mbill-icon{width:19px;height:19px}
.medaliza-mobile-billing .mbill-search-input input{width:100%;height:40px;min-width:0;border:0;outline:0;background:transparent;color:#19376b;font:500 13px/1.2 "DM Sans",sans-serif}
.medaliza-mobile-billing .mbill-search-input input::placeholder{color:#7187a8;opacity:1}
.medaliza-mobile-billing .mbill-search>button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:42px;border:0;border-radius:10px;background:#eef7ff;color:#0876e5;cursor:pointer}
.medaliza-mobile-billing .mbill-search>button .mbill-icon{width:20px;height:20px}
.medaliza-mobile-billing .mbill-search .bill-search-results{position:absolute;z-index:40;top:calc(100% + 5px);right:0;left:0;display:block;max-height:min(270px,40dvh);overflow:auto;border:1px solid #d7e7f6;border-radius:12px;background:#fff;box-shadow:0 10px 24px rgba(25,67,111,.15)}
.medaliza-mobile-billing .mbill-search .bill-search-results[hidden]{display:none}
.medaliza-mobile-billing .bill-search-result{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:48px;padding:7px 10px;border:0;border-bottom:1px solid #edf3f8;background:#fff;text-align:left;cursor:pointer}
.medaliza-mobile-billing .bill-search-result:last-child{border-bottom:0}
.medaliza-mobile-billing .bill-search-result:hover,.medaliza-mobile-billing .bill-search-result:focus-visible,.medaliza-mobile-billing .bill-search-result.is-active{background:#eff7ff;outline:0}
.medaliza-mobile-billing .bill-search-result>span{display:block;overflow:hidden;min-width:0}
.medaliza-mobile-billing .bill-search-result b,.medaliza-mobile-billing .bill-search-result small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.medaliza-mobile-billing .bill-search-result b{color:#173660;font-size:12px}
.medaliza-mobile-billing .bill-search-result small{margin-top:2px;color:#6d829e;font-size:10px}
.medaliza-mobile-billing .bill-search-result em{flex:0 0 auto;max-width:34%;overflow:hidden;color:#627a99;font-size:9px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.medaliza-mobile-billing .bill-result-message{margin:0;padding:12px;color:#627a99;font-size:11px}
.medaliza-mobile-billing .bill-result-message.bill-error{color:#bd3c4d}

/* Items heading and compact empty state */
.medaliza-mobile-billing .mbill-items{min-width:0;max-width:100%}
.medaliza-mobile-billing .mbill-items>header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;max-width:100%;margin:0 1px 8px}
.medaliza-mobile-billing .mbill-items h1{display:flex;align-items:center;gap:7px;min-width:0;margin:0;color:#112b59;font:800 15.5px/1.2 Manrope,"DM Sans",sans-serif}
.medaliza-mobile-billing .mbill-items h1>.mbill-icon{width:19px;height:19px;color:#0879ed}
.medaliza-mobile-billing .mbill-items h1 small{color:#49678e;font:inherit}
.medaliza-mobile-billing .mbill-items header>button{display:flex;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;min-height:36px;padding:0 10px;border:1px solid #d8eafb;border-radius:10px;background:#eef7ff;color:#0873df;font:800 12px/1 "DM Sans",sans-serif;cursor:pointer}
.medaliza-mobile-billing .mbill-items header>button .mbill-icon{width:16px;height:16px}
.medaliza-mobile-billing .mbill-empty{display:grid;place-items:center;gap:5px;min-height:96px;margin:0;padding:12px;border:1px dashed #c6dff4;border-radius:13px;background:rgba(255,255,255,.66);color:#647c9b;text-align:center}
.medaliza-mobile-billing .mbill-empty>.mbill-icon{width:25px;height:25px;color:#6da8e7}
.medaliza-mobile-billing .mbill-empty>b{color:#193866;font-size:12px}
.medaliza-mobile-billing .mbill-empty>span{font-size:10.5px}

/* Product cards */
.medaliza-mobile-billing .mbill-line{min-width:0;max-width:100%;margin:8px 0;border:1px solid #dce9f6;border-radius:14px;background:#fff;box-shadow:0 3px 9px rgba(36,98,157,.045)}
.medaliza-mobile-billing .mbill-line-ok{border-color:#a7e8c6}
.medaliza-mobile-billing .mbill-line-low{border-color:#f3d69b;background:#fffdfa}
.medaliza-mobile-billing .mbill-line-expiry{border-color:#f5c1ca;background:#fffafb}
.medaliza-mobile-billing .mbill-line-top{display:grid;grid-template-columns:50px minmax(0,1fr) auto auto;grid-template-rows:auto auto;grid-template-areas:"pack main price price" "pack qty details remove";gap:7px;align-items:center;min-width:0;max-width:100%;padding:9px}
.medaliza-mobile-billing .mbill-pack{grid-area:pack;display:grid;place-items:center;width:50px;height:50px;overflow:hidden;border-radius:11px;background:#f0f6fb;color:#2375c5;font:800 13px/1 Manrope,sans-serif}
.medaliza-mobile-billing .mbill-pack img{display:block;width:100%;height:100%;object-fit:contain}
.medaliza-mobile-billing .mbill-line-main{grid-area:main;align-self:end;overflow:hidden;min-width:0}
.medaliza-mobile-billing .mbill-line-main>b{display:block;overflow:hidden;color:#122d5b;font:800 14px/1.15 Manrope,"DM Sans",sans-serif;text-overflow:ellipsis;white-space:nowrap}
.medaliza-mobile-billing .mbill-line-main small{display:block;overflow:hidden;margin-top:3px;color:#7084a0;font-size:10px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.medaliza-mobile-billing .mbill-status{display:inline-flex;align-items:center;gap:5px;max-width:100%;margin-top:4px;padding:3px 7px;border-radius:999px;background:#e8f8ef;color:#13834e;font-size:9px;font-weight:800;line-height:1.1;white-space:nowrap}
.medaliza-mobile-billing .mbill-status i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:currentColor}
.medaliza-mobile-billing .mbill-line-low .mbill-status{background:#fff2dc;color:#b96a09}
.medaliza-mobile-billing .mbill-line-expiry .mbill-status{background:#ffeaee;color:#c83c50}
.medaliza-mobile-billing .mbill-price{grid-area:price;align-self:center;min-width:62px;text-align:right}
.medaliza-mobile-billing .mbill-price b,.medaliza-mobile-billing .mbill-price small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.medaliza-mobile-billing .mbill-price b{color:#142e5a;font:800 15px/1.1 Manrope,"DM Sans",sans-serif}
.medaliza-mobile-billing .mbill-price small{margin-top:3px;color:#7286a1;font-size:9.5px}
.medaliza-mobile-billing .mbill-qty{grid-area:qty;display:grid;grid-template-columns:29px 30px 29px;align-items:center;width:90px;height:36px;overflow:hidden;border:1px solid #d7e8f8;border-radius:10px;background:#f8fbff;text-align:center}
.medaliza-mobile-billing .mbill-qty button{display:grid;place-items:center;width:29px;height:34px;padding:0;border:0;background:transparent;color:#0876e5;font-size:19px;font-weight:600;line-height:1;cursor:pointer}
.medaliza-mobile-billing .mbill-qty b{display:grid;place-items:center;height:34px;border-right:1px solid #dfebf6;border-left:1px solid #dfebf6;color:#173461;font-size:13px}
.medaliza-mobile-billing .mbill-details-toggle,.medaliza-mobile-billing .mbill-remove{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #dceaf6;border-radius:10px;background:#f4f9fe;color:#3274b7;cursor:pointer}
.medaliza-mobile-billing .mbill-details-toggle{grid-area:details}
.medaliza-mobile-billing .mbill-details-toggle .mbill-icon{width:17px;height:17px;transition:transform .15s ease}
.medaliza-mobile-billing .mbill-details-toggle[aria-expanded="true"] .mbill-icon{transform:rotate(180deg)}
.medaliza-mobile-billing .mbill-remove{grid-area:remove;border-color:#f2dadd;background:#fffafa;color:#d6424f}
.medaliza-mobile-billing .mbill-remove .mbill-icon{width:17px;height:17px}
.medaliza-mobile-billing .mbill-details{margin:0 9px 9px}
.medaliza-mobile-billing .mbill-details>summary{display:none}
.medaliza-mobile-billing .mbill-details>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #e0eaf4;border-radius:10px;background:#f7faff;padding:7px}
.medaliza-mobile-billing .mbill-details span{display:block;overflow:hidden;min-height:38px;padding:4px 7px;border-right:1px solid #dce7f2}
.medaliza-mobile-billing .mbill-details span:nth-child(4n),.medaliza-mobile-billing .mbill-details span:last-child{border-right:0}
.medaliza-mobile-billing .mbill-details small,.medaliza-mobile-billing .mbill-details b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.medaliza-mobile-billing .mbill-details small{color:#7286a0;font-size:9px}
.medaliza-mobile-billing .mbill-details b{margin-top:3px;color:#294873;font-size:11px}
.medaliza-mobile-billing .mbill-details .mbill-stock b{color:#078c50}

/* Totals and payment */
.medaliza-mobile-billing .mbill-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;max-width:100%;margin-top:11px}
.medaliza-mobile-billing .mbill-totals article{min-width:0;border:1px solid #e0eaf4;border-radius:13px;background:#fff;padding:12px;box-shadow:0 3px 9px rgba(31,113,184,.045)}
.medaliza-mobile-billing .mbill-totals h2{display:flex;align-items:center;gap:7px;margin:0 0 10px;color:#142e5a;font:800 14px/1.2 Manrope,"DM Sans",sans-serif}
.medaliza-mobile-billing .mbill-totals h2>.mbill-icon{width:18px;height:18px;color:#0878e8}
.medaliza-mobile-billing .mbill-summary-card p,.medaliza-mobile-billing .mbill-summary-card strong{display:flex;justify-content:space-between;gap:6px;margin:7px 0;color:#617b9f;font-size:11.5px;line-height:1.2}
.medaliza-mobile-billing .mbill-summary-card p b{flex:0 0 auto;color:#193561;font-variant-numeric:tabular-nums}
.medaliza-mobile-billing .mbill-summary-card .mbill-discount{color:#078c50}
.medaliza-mobile-billing .mbill-summary-card strong{align-items:center;margin:12px 0 0;padding-top:9px;border-top:1px solid #e5edf5;color:#0874df;font-size:12px}
.medaliza-mobile-billing .mbill-summary-card strong b{color:#086ee0;font:800 21px/1 Manrope,"DM Sans",sans-serif;white-space:nowrap}
.medaliza-mobile-billing .mbill-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.medaliza-mobile-billing .mbill-modes>label,.medaliza-mobile-billing .mbill-modes details>summary{position:relative;display:grid;place-items:center;align-content:center;gap:3px;min-width:0;min-height:49px;padding:5px 2px;border:1px solid #dce9f6;border-radius:10px;background:#fbfdff;color:#587298;font-size:10px;font-weight:700;line-height:1.1;list-style:none;cursor:pointer}
.medaliza-mobile-billing .mbill-modes input{position:absolute;width:1px;height:1px;opacity:0}
.medaliza-mobile-billing .mbill-modes .mbill-icon{width:18px;height:18px;color:#0878e8}
.medaliza-mobile-billing .mbill-modes>label.is-selected{border-color:#1681ed;background:#eef7ff;color:#096fce;box-shadow:inset 0 0 0 1px #1681ed}
.medaliza-mobile-billing .mbill-modes>label:has(input:focus-visible){outline:2px solid #1684ed;outline-offset:2px}
.medaliza-mobile-billing .mbill-modes details{position:relative;min-width:0}
.medaliza-mobile-billing .mbill-modes details>summary::-webkit-details-marker{display:none}
.medaliza-mobile-billing .mbill-modes details>div{position:absolute;z-index:30;top:calc(100% + 5px);right:0;display:grid;gap:4px;width:max-content;max-width:min(220px,calc(100vw - 24px));min-width:116px;padding:6px;border:1px solid #d7e6f4;border-radius:11px;background:#fff;box-shadow:0 9px 20px rgba(25,67,111,.16)}
.medaliza-mobile-billing .mbill-modes details label{display:flex;align-items:center;gap:8px;min-height:38px;padding:6px 8px;border-radius:8px;color:#294873;font-size:11px;cursor:pointer}
.medaliza-mobile-billing .mbill-modes details label .mbill-icon{width:16px;height:16px}
.medaliza-mobile-billing .mbill-modes details label.is-selected{background:#eef7ff;color:#0873df}
.medaliza-mobile-billing .bill-settlement{margin-top:9px}
.medaliza-mobile-billing .bill-settlement>span{display:block;margin-bottom:5px;color:#657e9f;font-size:10px;font-weight:800}
.medaliza-mobile-billing .bill-settlement>div{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.medaliza-mobile-billing .bill-settlement button{min-height:35px;padding:5px 4px;border:1px solid #dbe9f6;border-radius:9px;background:#fff;color:#49688f;font-size:10px;font-weight:800;cursor:pointer}
.medaliza-mobile-billing .bill-settlement button.is-selected{border-color:#1681ed;background:#edf7ff;color:#0873df}
.medaliza-mobile-billing .mbill-received{display:block;margin-top:9px;color:#4f6d94;font-size:10.5px;font-weight:700}
.medaliza-mobile-billing .mbill-received>div{display:flex;align-items:center;height:42px;margin-top:5px;overflow:hidden;border:1px solid #d8e7f5;border-radius:10px;background:#fff}
.medaliza-mobile-billing .mbill-received>div>b{padding:0 10px;color:#193b70;font-size:15px}
.medaliza-mobile-billing .mbill-received input{width:100%;height:40px;min-width:0;border:0;outline:0;background:transparent;padding:0 8px;color:#102e5d;font:800 15px/1 "DM Sans",sans-serif}
.medaliza-mobile-billing .mbill-note{display:flex;align-items:center;gap:7px;min-width:0;min-height:42px;margin-top:8px;padding:5px 7px;border:1px solid #dce9f5;border-radius:10px;background:#fbfdff;color:#49688f}
.medaliza-mobile-billing .mbill-note>.mbill-icon{width:17px;height:17px;color:#3f6394}
.medaliza-mobile-billing .mbill-note>span{display:flex;align-items:center;flex:1;gap:6px;min-width:0}
.medaliza-mobile-billing .mbill-note b{flex:0 0 auto;color:#294873;font-size:10px;white-space:nowrap}
.medaliza-mobile-billing .mbill-note b small{color:#788ba4;font-size:9px;font-weight:500}
.medaliza-mobile-billing .mbill-note input{flex:1;width:100%;height:28px;min-width:65px;border:0;outline:0;background:transparent;color:#23436f;font:500 10px/1.2 "DM Sans",sans-serif}
.medaliza-mobile-billing .mbill-change{display:flex;justify-content:space-between;gap:8px;margin-top:8px;color:#647c9e;font-size:10.5px}
.medaliza-mobile-billing .mbill-change b{color:#078c50;font-variant-numeric:tabular-nums}
.medaliza-mobile-billing .bill-credit-note{margin:7px 0 0;color:#bd513f;font-size:10px;line-height:1.35}

/* Secondary actions and primary checkout */
.medaliza-mobile-billing .mbill-actions{margin:9px 1px 0}
.medaliza-mobile-billing .mbill-actions>summary{display:inline-flex;align-items:center;min-height:32px;color:#527399;font-size:11px;font-weight:800;cursor:pointer}
.medaliza-mobile-billing .mbill-actions>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}
.medaliza-mobile-billing .mbill-actions button{min-height:36px;padding:6px 10px;border:1px solid #d8e7f4;border-radius:9px;background:#fff;color:#294873;font-size:10.5px;font-weight:700;cursor:pointer}
.medaliza-mobile-billing .mbill-actions button:disabled{border-color:#e6edf3;background:#f5f7f9;color:#9aa9b9;cursor:not-allowed}
.medaliza-mobile-billing .mbill-save{display:flex;align-items:center;gap:10px;min-width:0;max-width:100%;margin-top:10px;padding:10px 11px;border:1px solid #deebf6;border-radius:14px;background:#fff;box-shadow:0 4px 10px rgba(31,113,184,.055)}
.medaliza-mobile-billing .mbill-save>div{flex:0 1 auto;min-width:0}
.medaliza-mobile-billing .mbill-save>div>span{display:block;color:#627b9a;font-size:10px}
.medaliza-mobile-billing .mbill-save>div>b{display:block;margin-top:3px;color:#086fe0;font:800 22px/1 Manrope,"DM Sans",sans-serif;white-space:nowrap}
.medaliza-mobile-billing .mbill-save>button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-width:0;min-height:48px;padding:0 10px;border:0;border-radius:11px;background:linear-gradient(110deg,#128be9,#0967dd);box-shadow:0 4px 10px rgba(11,111,232,.17);color:#fff;font:800 15px/1 "DM Sans",sans-serif;cursor:pointer}
.medaliza-mobile-billing .mbill-save>button .mbill-icon{width:18px;height:18px}
.medaliza-mobile-billing .bill-save-status{margin:6px 2px 0;color:#0873e7;font-size:11px}

/* Existing saved bills dialog */
.medaliza-mobile-billing .bill-today-layer{position:fixed;z-index:60;inset:0;display:none}
.medaliza-mobile-billing .bill-today-layer.is-open{display:block}
.medaliza-mobile-billing .bill-today-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(15,34,59,.35)}
.medaliza-mobile-billing .bill-today-panel{position:absolute;right:12px;bottom:calc(90px + env(safe-area-inset-bottom));left:12px;max-width:420px;margin:0 auto;padding:14px;border:1px solid #d9e7f4;border-radius:14px;background:#fff;box-shadow:0 14px 35px rgba(18,54,91,.2)}
.medaliza-mobile-billing .bill-today-panel header{display:flex;align-items:center;justify-content:space-between}
.medaliza-mobile-billing .bill-today-panel header span,.medaliza-mobile-billing .bill-today-panel>p{color:#7588a1;font-size:10px}
.medaliza-mobile-billing .bill-today-panel h2{margin:3px 0 0;color:#17345f;font-size:16px}
.medaliza-mobile-billing .bill-today-panel header button{width:34px;height:34px;border:1px solid #e0eaf4;border-radius:9px;background:#fff;color:#37577f;font-size:20px}
.medaliza-mobile-billing .bill-today-panel dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.medaliza-mobile-billing .bill-today-panel dl>div{padding:9px;border-radius:9px;background:#f4f9fe}
.medaliza-mobile-billing .bill-today-panel dt{color:#7387a1;font-size:10px}
.medaliza-mobile-billing .bill-today-panel dd{margin:3px 0 0;color:#17345f;font-weight:800}

@media(max-width:430px){
  .medaliza-mobile-billing{padding-right:10px;padding-left:10px}
  .medaliza-mobile-billing .mbill-totals{grid-template-columns:1fr}
}
@media(max-width:360px){
  .medaliza-mobile-billing{padding-right:8px;padding-left:8px}
  .medaliza-mobile-billing .mbill-meta{gap:4px}
  .medaliza-mobile-billing .mbill-meta>*{gap:4px;height:44px;padding:5px}
  .medaliza-mobile-billing .mbill-meta-icon{flex-basis:21px;width:21px;height:21px}
  .medaliza-mobile-billing .mbill-meta-icon .mbill-icon{width:15px;height:15px}
  .medaliza-mobile-billing .mbill-customer .mbill-meta b{font-size:10px}
  .medaliza-mobile-billing .mbill-meta-card b{font-size:9.5px}
  .medaliza-mobile-billing .mbill-line-top{grid-template-columns:46px minmax(0,1fr) auto auto;gap:5px;padding:8px}
  .medaliza-mobile-billing .mbill-pack{width:46px;height:46px}
  .medaliza-mobile-billing .mbill-qty{grid-template-columns:27px 29px 27px;width:83px;height:34px}
  .medaliza-mobile-billing .mbill-qty button,.medaliza-mobile-billing .mbill-qty b{height:32px}
  .medaliza-mobile-billing .mbill-qty button{width:27px}
  .medaliza-mobile-billing .mbill-price{min-width:56px}
  .medaliza-mobile-billing .mbill-price b{font-size:13px}
  .medaliza-mobile-billing .mbill-details-toggle,.medaliza-mobile-billing .mbill-remove{width:34px;height:34px}
  .medaliza-mobile-billing .mbill-details>div{grid-template-columns:repeat(2,minmax(0,1fr))}
  .medaliza-mobile-billing .mbill-details span:nth-child(2n){border-right:0}
}
@media(max-width:320px){
  .medaliza-mobile-billing .mbill-meta{gap:3px}
  .medaliza-mobile-billing .mbill-meta>*{gap:3px;padding:4px}
  .medaliza-mobile-billing .mbill-meta-icon{flex-basis:19px;width:19px;height:19px}
  .medaliza-mobile-billing .mbill-customer .mbill-meta b{font-size:9.5px}
  .medaliza-mobile-billing .mbill-meta-card b{font-size:9px}
  .medaliza-mobile-billing .mbill-totals article{padding:10px}
  .medaliza-mobile-billing .mbill-note{gap:5px;padding:4px}
  .medaliza-mobile-billing .mbill-note b{font-size:9px}
  .medaliza-mobile-billing .mbill-note input{min-width:55px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){.medaliza-mobile-billing .mbill-details-toggle .mbill-icon{transition:none}}

/* New Bill reference layout; the shared shell and other routes keep their presentation. */
@media screen {
html[data-medaliza-ui-mode="mobile"] .medaliza-mobile-shell--billing>.medaliza-mobile-shell-header{display:none}
html[data-medaliza-ui-mode="mobile"] .medaliza-mobile-shell--billing{padding-top:0}
html[data-medaliza-ui-mode="mobile"] .medaliza-mobile-shell--billing>.medaliza-mobile-shell-content{padding-top:0}
html[data-medaliza-ui-mode="mobile"] .medaliza-mobile-shell--billing .medaliza-mobile-billing{padding:18px 10px calc(105px + env(safe-area-inset-bottom));background:transparent}
.medaliza-mobile-billing :is(h1,h2,b,button,input){font-family:Arial,sans-serif}
.medaliza-mobile-billing .mbill-meta{display:grid;grid-template-columns:1.45fr 1.15fr .9fr;gap:6px;margin-bottom:8px}
.medaliza-mobile-billing .mbill-meta>*{width:100%;height:37px;padding:5px;gap:3px;border-radius:10px;border-color:#eef6ff}
.medaliza-mobile-billing .mbill-meta b{font:700 10px/1.2 Arial,sans-serif;letter-spacing:0;color:#091449}
.medaliza-mobile-billing .mbill-meta-icon{width:19px;height:23px;flex-basis:19px;background:#f5faff}
.medaliza-mobile-billing .mbill-meta>*::after{content:"";width:6px;height:6px;flex:none;border-bottom:2px solid #4e518c;border-right:2px solid #4e518c;transform:rotate(45deg);margin-left:auto;margin-top:-3px}
.medaliza-mobile-billing .mbill-search{height:44px;border:1px solid #0087ff;border-radius:15px;background:#fbfdff;margin-bottom:8px;box-shadow:0 7px 15px #168dea0b}
.medaliza-mobile-billing .mbill-search-input{padding-left:10px;gap:10px}
.medaliza-mobile-billing .mbill-search-input input{font-size:12px;color:#55548b}
.medaliza-mobile-billing .mbill-search-input input::placeholder{color:#62628f}
.medaliza-mobile-billing .mbill-search>button{height:38px;width:46px;flex-basis:46px;border-radius:12px;background:linear-gradient(135deg,#00afff,#3c26ff);color:#fff}
.medaliza-mobile-billing .mbill-search>button .mbill-icon{width:26px;height:26px}
.medaliza-mobile-billing .mbill-items>header{gap:6px;margin-bottom:5px}
.medaliza-mobile-billing .mbill-items h1{font:700 14px/1.2 Arial,sans-serif;gap:6px;flex:1;color:#070f47;white-space:nowrap}
.medaliza-mobile-billing .mbill-items header>button{font-size:11px;min-height:29px;padding:5px 8px;gap:4px;border-color:#a2d4ff;background:#f2fbff}
.medaliza-mobile-billing .mbill-items header>.mbill-today{background:linear-gradient(105deg,#00bea2,#008a78);border-color:#5de4ce;color:#fff;font-size:10px;padding:5px 8px;box-shadow:0 3px 6px #00978025}
.medaliza-mobile-billing .mbill-today .mbill-icon{width:16px;height:16px}
.medaliza-mobile-billing .mbill-line{border-radius:10px;margin:6px 0;box-shadow:none}
.medaliza-mobile-billing .mbill-line-low{border-color:#ffd260;background:#fffdf3}
.medaliza-mobile-billing .mbill-line-top{grid-template-columns:45px minmax(0,1fr) 33px 33px;grid-template-areas:"pack main price price" "pack qty details remove";gap:5px 8px;padding:9px}
.medaliza-mobile-billing .mbill-pack{width:45px;height:45px;border-radius:8px;background:#edf3ff;font:700 21px Arial,sans-serif;color:#087bff}
.medaliza-mobile-billing .mbill-line-main>b{font:700 14px/1.2 Arial,sans-serif;color:#090d44}
.medaliza-mobile-billing .mbill-line-main small{font-size:10px;color:#5e609b;margin-top:3px}
.medaliza-mobile-billing .mbill-status{padding:2px 5px;font-size:9px;font-weight:400;margin-top:3px}
.medaliza-mobile-billing .mbill-line-low .mbill-status{color:#ff6b0c;background:#fff2dc}
.medaliza-mobile-billing .mbill-price{align-self:start;min-width:0;padding-top:2px}
.medaliza-mobile-billing .mbill-price b{font:700 16px/1.1 Arial,sans-serif;color:#080b41}
.medaliza-mobile-billing .mbill-price small{font-size:9px;color:#575a95}
.medaliza-mobile-billing .mbill-qty{grid-template-columns:28px 29px 28px;width:87px;height:28px;border-radius:7px}
.medaliza-mobile-billing .mbill-qty button,.medaliza-mobile-billing .mbill-qty b{height:26px}
.medaliza-mobile-billing .mbill-qty button{width:28px}
.medaliza-mobile-billing .mbill-details-toggle,.medaliza-mobile-billing .mbill-remove{width:33px;height:32px;border-radius:7px}
.medaliza-mobile-billing .mbill-remove{background:#fff3f4;border-color:#ffbfcc;color:#ff001f}
.medaliza-mobile-billing .mbill-totals{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px}
.medaliza-mobile-billing .mbill-totals article,.medaliza-mobile-billing .mbill-settlement-row>article,.medaliza-mobile-billing .mbill-note-row>article{background:#fff;border:1px solid #e1f1ff;border-radius:11px;padding:8px;box-shadow:0 3px 9px #3386cc13}
.medaliza-mobile-billing .mbill-totals h2,.medaliza-mobile-billing .mbill-settlement-row h2,.medaliza-mobile-billing .mbill-note-row h2{display:flex;align-items:center;gap:6px;font:700 13px/1.2 Arial,sans-serif;color:#0a0b43;margin:0 0 7px}
.medaliza-mobile-billing .mbill-totals h2>.mbill-icon{width:20px;height:20px}
.medaliza-mobile-billing .mbill-summary-card p{font-size:10px;margin:6px 0;color:#575b8e}
.medaliza-mobile-billing .mbill-summary-card p b{color:#070b37}
.medaliza-mobile-billing .mbill-summary-card .mbill-discount{color:#00a756}
.medaliza-mobile-billing .mbill-summary-card strong{font-size:11px;margin-top:8px;padding-top:7px}
.medaliza-mobile-billing .mbill-summary-card strong b{font:700 23px/1 Arial,sans-serif}
.medaliza-mobile-billing .mbill-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.medaliza-mobile-billing .mbill-modes>label,.medaliza-mobile-billing .mbill-modes details>summary{min-height:41px;border-radius:7px;background:#f4fbff;font-size:10px;font-weight:400;gap:2px}
.medaliza-mobile-billing .mbill-modes>label.is-selected{background:#e5faff;border-color:#167eff}
.medaliza-mobile-billing .mbill-settlement-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:7px}
.medaliza-mobile-billing .mbill-settlement-card section{display:grid;gap:5px}
.medaliza-mobile-billing .mbill-settlement-card button{display:flex;align-items:center;gap:7px;width:100%;min-height:34px;border:1px solid #d2ecff;border-radius:6px;background:#eaf7ff;color:#007bff;font:700 11px Arial,sans-serif;padding:5px 7px}
.medaliza-mobile-billing .mbill-settlement-card button[data-bill-action="settlement-cash"]{background:#eafbf5;border-color:#d1f3e8;color:#0a154b}
.medaliza-mobile-billing .mbill-settlement-card button>.mbill-icon:first-child{width:24px;height:24px}
.medaliza-mobile-billing .mbill-settlement-card button>.mbill-icon:last-child{margin-left:auto;width:12px;transform:rotate(-90deg)}
.medaliza-mobile-billing .mbill-settlement-card button[data-bill-action="settlement-cash"]>.mbill-icon{color:#008e7d}
.medaliza-mobile-billing .mbill-settlement-card button.is-selected{box-shadow:inset 0 0 0 1px #98dafa}
.medaliza-mobile-billing .mbill-received-card h2>.mbill-icon{color:#009884;width:20px;height:22px}
.medaliza-mobile-billing .mbill-received{margin:0}
.medaliza-mobile-billing .mbill-received>div{margin:0;height:39px;border-color:#c0e1ff;background:#f7fcff;border-radius:7px}
.medaliza-mobile-billing .mbill-received input{height:37px;font:700 20px Arial,sans-serif;color:#090a43;padding:0 5px}
.medaliza-mobile-billing .mbill-received>div>b{font-size:22px;padding:0 8px}
.medaliza-mobile-billing .mbill-note-row{display:grid;grid-template-columns:1.45fr 1fr;gap:6px;margin-top:7px}
.medaliza-mobile-billing .mbill-note-card>label{display:flex;align-items:center;gap:6px;color:#100b4a;font-size:12px;margin-bottom:6px}
.medaliza-mobile-billing .mbill-note-card>label>.mbill-icon{color:#6a35ff;width:20px;height:20px}
.medaliza-mobile-billing .mbill-note-card small{font-size:10px;font-weight:400;color:#67618d}
.medaliza-mobile-billing .mbill-note-card>input{width:100%;height:27px;padding:5px 9px;border:1px solid #cce4ff;border-radius:6px;background:#f7fbff;font:11px Arial,sans-serif;color:#50568e}
.medaliza-mobile-billing .mbill-note-row>.mbill-grand-card{background:linear-gradient(110deg,#fff,#fff5f9)}
.medaliza-mobile-billing .mbill-grand-card h2{color:#f43787;font-size:12px}
.medaliza-mobile-billing .mbill-grand-card>b{display:block;text-align:center;font:700 19px Arial,sans-serif;color:#087cff;border:1px solid #ffe0ed;background:#fff6fa;border-radius:6px;padding:3px}
.medaliza-mobile-billing .mbill-actions,.medaliza-mobile-billing .mbill-nonvisual{display:none!important}
.medaliza-mobile-billing .mbill-save{padding:0;background:none;border:0;box-shadow:none;margin-top:7px}
.medaliza-mobile-billing .mbill-save>button{position:relative;min-height:37px;border-radius:10px;background:linear-gradient(110deg,#13c2f7,#007aff 50%,#4930e9);font:700 15px Arial,sans-serif}
.medaliza-mobile-billing .mbill-save>button::after{content:"›";position:absolute;right:13px;font-size:25px}
html[data-medaliza-ui-mode="mobile"] .medaliza-mobile-shell--billing .medaliza-mobile-shell-nav__item{width:clamp(65px,22vw,115px)}
}
@media screen and (max-width:360px){
html[data-medaliza-ui-mode="mobile"] .medaliza-mobile-shell--billing{padding-left:0;padding-right:0}
.medaliza-mobile-billing .mbill-items h1>.mbill-icon{width:16px;height:16px}
.medaliza-mobile-billing .mbill-items header>.mbill-today .mbill-icon{width:12px;height:12px}
.medaliza-mobile-billing .mbill-items header>button .mbill-icon{width:12px;height:12px}
.medaliza-mobile-billing .mbill-meta{grid-template-columns:1.5fr 1.18fr .85fr;gap:4px}
.medaliza-mobile-billing .mbill-meta>*{padding:4px;gap:3px}
.medaliza-mobile-billing .mbill-meta b{font-size:8px}
.medaliza-mobile-billing .mbill-meta-icon{width:16px;flex-basis:16px}
.medaliza-mobile-billing .mbill-meta>*::after{width:4px;height:4px;border-width:1px}
.medaliza-mobile-billing .mbill-items h1{font-size:12px;gap:3px}
.medaliza-mobile-billing .mbill-items header>button{font-size:9px;padding:4px}
.medaliza-mobile-billing .mbill-items header>.mbill-today{font-size:9px;padding:4px}
.medaliza-mobile-billing .mbill-line-top{grid-template-columns:37px minmax(0,1fr) 29px 29px;column-gap:5px;padding:7px}
.medaliza-mobile-billing .mbill-pack{width:37px;height:40px}
.medaliza-mobile-billing .mbill-line-main>b{font-size:12px}
.medaliza-mobile-billing .mbill-details-toggle,.medaliza-mobile-billing .mbill-remove{width:29px}
.medaliza-mobile-billing .mbill-qty{width:75px;grid-template-columns:24px 25px 24px}
.medaliza-mobile-billing .mbill-qty button{width:24px}
.medaliza-mobile-billing .mbill-totals h2,.medaliza-mobile-billing .mbill-settlement-row h2{font-size:11px;gap:4px}
.medaliza-mobile-billing .mbill-summary-card p{font-size:9px}
.medaliza-mobile-billing .mbill-summary-card strong{font-size:10px}
.medaliza-mobile-billing .mbill-summary-card strong b{font-size:18px}
.medaliza-mobile-billing .mbill-settlement-card button{font-size:9px;gap:4px;padding:4px}
.medaliza-mobile-billing .mbill-note-card>label{font-size:11px;gap:4px}
}