/* FlowPOS 0.5.1-p77 — Warm Beige Modern Minimal design system */
:root{
  --fp-primary:#1769f3;
  --fp-primary-strong:#0d5bd7;
  --fp-primary-soft:#edf5ff;
  --fp-success:#15965f;
  --fp-warning:#d98a12;
  --fp-danger:#dc3f4f;
  --fp-ink:#17243c;
  --fp-text:#34435b;
  --fp-muted:#7d8a9f;
  --fp-line:#e5ebf3;
  --fp-surface:#fff;
  --fp-canvas:#f5f7fb;
  --fp-radius-sm:10px;
  --fp-radius:14px;
  --fp-radius-lg:18px;
  --fp-shadow:0 8px 28px rgba(35,55,88,.06);
  --fp-shadow-pop:0 22px 70px rgba(20,35,60,.18);
}

html{background:var(--fp-canvas)}
body{background:var(--fp-canvas)!important;color:var(--fp-ink);font-family:Inter,"Noto Sans Thai","Segoe UI",Tahoma,sans-serif;-webkit-font-smoothing:antialiased}
body:not(.is-pos-page) .main{background:var(--fp-canvas)!important}
::selection{background:#cfe3ff;color:#0b3f8f}
:focus-visible{outline:3px solid rgba(23,105,243,.22)!important;outline-offset:2px}

/* Navigation */
.sidebar{width:252px!important;padding:18px 14px!important;background:rgba(255,255,255,.97)!important;color:var(--fp-text)!important;border-right:1px solid var(--fp-line)!important;box-shadow:none!important;backdrop-filter:blur(18px)}
.main{margin-left:252px;width:calc(100% - 252px)}
.sidebar-head{padding:0 2px}.brand{min-height:50px;margin:0 8px 17px!important;justify-content:flex-start!important}.brand-logo-full{width:162px!important}.brand-logo-mini{width:38px!important}
.sidebar-account{padding:10px!important;border:1px solid var(--fp-line)!important;border-radius:var(--fp-radius)!important;background:#fafcff!important;box-shadow:none!important}
.sidebar-account-avatar{background:linear-gradient(145deg,#4aa7ff,var(--fp-primary))!important;box-shadow:0 7px 15px rgba(23,105,243,.18)!important}
.sidebar-account-copy strong{color:var(--fp-ink)!important}.sidebar-account-copy span,.sidebar-shop-switcher label{color:var(--fp-muted)!important}
.sidebar-shop-switcher select{border:1px solid var(--fp-line)!important;background:#fff!important;color:var(--fp-text)!important}
.sidebar-nav{gap:4px!important;margin-top:13px}.sidebar-nav .nav-link,.sidebar-nav .nav-disabled{min-height:44px!important;padding:10px 11px!important;border-radius:11px!important;color:#58677d!important;font-size:13px!important;font-weight:700!important}
.sidebar-nav .nav-link:hover{background:#f3f7fd!important;color:var(--fp-primary)!important;transform:none!important}.sidebar-nav .nav-link.active{background:var(--fp-primary-soft)!important;color:var(--fp-primary)!important;box-shadow:none!important}
.sidebar-nav .nav-link.active:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--fp-primary)}
.sidebar-nav .nav-icon{color:#718198}.sidebar-nav .nav-link.active .nav-icon{color:var(--fp-primary)}
.sidebar-nav .nav-disabled{opacity:.5}.sidebar-footer{border-color:var(--fp-line)!important}.sidebar-version{border-color:var(--fp-line)!important;background:#fafcff!important;color:var(--fp-muted)!important}.sidebar-logout{color:#6c788b!important}.sidebar-logout:hover{background:#fff1f2!important;color:var(--fp-danger)!important}
.sidebar-edge-toggle{border-color:var(--fp-line)!important;background:#fff!important;color:#65748a!important;box-shadow:0 5px 14px rgba(32,49,78,.10)!important}
.app-floating-actions .menu-btn,.menu-btn{border:1px solid var(--fp-line)!important;background:#fff!important;box-shadow:0 5px 16px rgba(24,43,75,.09)!important}

/* Page rhythm */
.page,.settings-page{max-width:1440px;margin-inline:auto;padding:30px clamp(16px,2.4vw,34px)!important}
.page-head{padding:30px clamp(16px,2.4vw,34px) 22px!important;align-items:flex-end!important}
.page>.page-head,.settings-page>.page-head{padding:0 0 22px!important;margin:0!important}
.page-head h1{margin:0 0 7px!important;color:var(--fp-ink)!important;font-size:clamp(24px,2.3vw,32px)!important;font-weight:800!important;letter-spacing:-.025em}
.page-head p{max-width:760px;color:var(--fp-muted)!important;font-size:13px!important;line-height:1.65}.page-head small{color:#98a3b3}
.dashboard-head-actions,.page-head-actions{gap:9px!important}

/* Cards and metrics */
.panel,.metric,.settings-card,.sales-summary-card,.ops-filter,.management-card{border:1px solid var(--fp-line)!important;border-radius:var(--fp-radius-lg)!important;background:var(--fp-surface)!important;box-shadow:var(--fp-shadow)!important}
.metric-grid{gap:13px!important;padding:0 clamp(16px,2.4vw,34px)!important}.metric{position:relative;padding:19px 20px!important;overflow:hidden}.metric:after{content:"";position:absolute;right:-24px;top:-28px;width:88px;height:88px;border-radius:50%;background:linear-gradient(145deg,rgba(23,105,243,.08),transparent)}
.metric span{font-size:11px!important;font-weight:700!important;color:var(--fp-muted)!important}.metric strong{margin:9px 0 6px!important;color:var(--fp-ink)!important;font-size:clamp(23px,2vw,29px)!important;letter-spacing:-.03em}.metric small{font-size:10px!important;line-height:1.45}
.content-grid{gap:13px!important;padding:13px clamp(16px,2.4vw,34px) 30px!important}.panel{padding:20px!important}.panel-title{padding-bottom:12px}.panel-title h2{color:var(--fp-ink);font-size:16px!important}.panel-title span{color:var(--fp-muted)!important}

/* Buttons */
.primary,.primary-btn,.product-add-action,.pos-checkout-btn{border:0!important;border-radius:11px!important;background:var(--fp-primary)!important;color:#fff!important;box-shadow:0 7px 16px rgba(23,105,243,.18)!important;transition:transform .16s ease,box-shadow .16s ease,background .16s ease!important}
.primary:hover,.primary-btn:hover,.product-add-action:hover,.pos-checkout-btn:hover:not(:disabled){background:var(--fp-primary-strong)!important;box-shadow:0 9px 20px rgba(23,105,243,.23)!important;transform:translateY(-1px)}
.primary:disabled,.primary-btn:disabled,.pos-checkout-btn:disabled{background:#cbd4e1!important;box-shadow:none!important;transform:none!important}
.ghost,.secondary-btn,.btn-link:not(.primary):not(.danger),.product-secondary-action{border:1px solid var(--fp-line)!important;border-radius:11px!important;background:#fff!important;color:#526078!important;box-shadow:none!important}.ghost:hover,.secondary-btn:hover,.btn-link:not(.primary):not(.danger):hover{border-color:#bfd2ed!important;background:#f8fbff!important;color:var(--fp-primary)!important}
.btn-link.danger,.danger-btn{border-color:#ffd8dc!important;background:#fff5f6!important;color:var(--fp-danger)!important}
button,a,input,select,textarea{transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}

/* Forms */
input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid #dce4ef!important;border-radius:11px!important;background:#fff!important;color:var(--fp-ink)!important;box-shadow:none!important}
input:not([type=checkbox]):not([type=radio]):hover,select:hover,textarea:hover{border-color:#c6d3e4!important}
input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:#77aaf8!important;outline:0!important;box-shadow:0 0 0 4px rgba(23,105,243,.08)!important}
label{color:var(--fp-text)}
.notice,.alert,.fp-notice{border:0!important;border-radius:12px!important;box-shadow:none!important}.notice.success,.alert.success,.fp-notice.success{background:#ecfbf4!important;color:#087b4b!important}.notice.danger,.alert:not(.success),.fp-notice.danger{background:#fff1f2!important;color:#b92f3e!important}

/* Tables */
.table-wrap{border-radius:14px}.table-wrap table,.ops-table,.product-table{border-collapse:separate!important;border-spacing:0!important}
table th,.ops-table th,.product-table th{padding:11px 13px!important;border-bottom:1px solid var(--fp-line)!important;background:#fafbfd!important;color:#7e8a9d!important;font-size:10px!important;font-weight:800!important;letter-spacing:.025em}
table td,.ops-table td,.product-table td{padding:13px!important;border-bottom:1px solid #edf1f6!important;color:var(--fp-text);font-size:12px!important}
table tbody tr:hover td{background:#fbfdff}table tbody tr:last-child td{border-bottom:0!important}
.badge{border-radius:999px!important;font-size:9px!important;font-weight:800!important}.badge.ok{background:#eafaf2!important;color:#087b4b!important}.badge.muted{background:#f0f3f7!important;color:#657286!important}

/* Settings */
.settings-accordion-page{max-width:960px!important}.settings-accordion-stack{gap:9px!important}.settings-card{overflow:hidden!important}
.settings-accordion-summary{min-height:70px!important;padding:13px 18px!important;background:#fff!important}.settings-accordion-summary:hover{background:#fafcff!important}.settings-accordion-summary strong{font-size:14px!important;color:var(--fp-ink)!important}.settings-accordion-summary small{font-size:10px!important;color:var(--fp-muted)!important}
.settings-accordion-summary>i{background:#f1f5fa!important}.settings-accordion[open]>.settings-accordion-summary{background:#f8fbff!important}.settings-accordion[open],.settings-accordion-form:has(>.settings-accordion[open]){border-color:#bfd5f4!important;box-shadow:0 10px 28px rgba(31,78,145,.08)!important}
.settings-section{padding:22px 24px!important}.settings-section h2{font-size:18px!important}.settings-section p{font-size:12px!important;line-height:1.65}.settings-actions{padding:15px 22px!important;background:#fafbfd!important;border-top:1px solid var(--fp-line)!important}.settings-actions a,.settings-actions button{min-height:44px!important}
.view-choice{border:1px solid var(--fp-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important}.view-choice.selected{border-color:#80adf2!important;background:#f4f8ff!important;box-shadow:0 0 0 3px rgba(23,105,243,.07)!important}

/* Modal language */
.pos-modal-backdrop,.delete-confirm-backdrop{background:rgba(18,29,49,.48)!important;backdrop-filter:blur(6px)!important}.pos-modal-card,.delete-confirm-card,.fp-number-pad-card{border:1px solid rgba(255,255,255,.7)!important;border-radius:22px!important;background:#fff!important;box-shadow:var(--fp-shadow-pop)!important}
.pos-modal-close,.delete-confirm-close{border-radius:10px!important;background:#f3f6fa!important;color:#657286!important}.pos-toast{border-radius:12px!important;background:#182338!important;box-shadow:0 14px 35px rgba(16,31,59,.2)!important}

/* POS refinement */
body.is-pos-page{background:#f5f7fb!important}.flowpos-pos-v5{color:var(--fp-ink)}
.fp-pos-header{border-bottom-color:var(--fp-line)!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(14px)}
.fp-shop-title strong{font-size:15px!important;color:var(--fp-ink)!important}.fp-offline-ready,.fp-live-clock,.fp-customer-display-link{border-color:var(--fp-line)!important;background:#fff!important;box-shadow:none!important}
.fp-catalog-panel,.fp-cart-panel,.fp-product-card{border-color:var(--fp-line)!important;background:#fff!important;box-shadow:var(--fp-shadow)!important}
.fp-catalog-panel,.fp-cart-panel{border-radius:18px!important}.fp-search-wrap{border-color:var(--fp-line)!important;background:#fff!important;border-radius:13px!important}.fp-search-wrap:focus-within{border-color:#77aaf8!important;box-shadow:0 0 0 4px rgba(23,105,243,.08)!important}
.fp-category-chip,.fp-category-tab{border-color:var(--fp-line)!important;background:#fff!important;color:#68768b!important;box-shadow:none!important}.fp-category-chip.active,.fp-category-tab.active{border-color:#b9d3fb!important;background:var(--fp-primary-soft)!important;color:var(--fp-primary)!important}
.fp-product-card{border-radius:15px!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important}.fp-product-card:hover{border-color:#b8d2f7!important;box-shadow:0 10px 25px rgba(35,70,120,.10)!important;transform:translateY(-2px)!important}.fp-product-name{color:var(--fp-ink)!important;font-weight:800!important}.fp-product-price{color:var(--fp-primary)!important}.fp-product-stock{color:var(--fp-muted)!important}
.fp-cart-panel{box-shadow:0 12px 32px rgba(31,56,95,.08)!important}.fp-cart-item{border-bottom-color:#edf1f6!important}.fp-cart-total strong{color:var(--fp-primary)!important}.fp-payment-method,.fp-payment-choice{border-color:var(--fp-line)!important;border-radius:12px!important;background:#fff!important}.fp-payment-method:hover,.fp-payment-choice:hover{border-color:#9bc0f7!important;background:#f6f9ff!important}

/* Authentication */
.auth-page{background:radial-gradient(circle at 15% 10%,#e7f2ff 0,transparent 32%),linear-gradient(145deg,#f8faff,#f2f5fa)!important}.login-card,.flow-login-card{border:1px solid rgba(255,255,255,.8)!important;border-radius:24px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 24px 70px rgba(28,52,91,.12)!important}.login-brand h1{letter-spacing:-.03em}.login-brand p{color:var(--fp-muted)!important}

@media(max-width:1024px){
  .sidebar{width:min(292px,86vw)!important;box-shadow:18px 0 45px rgba(17,34,61,.16)!important}.main{margin-left:0!important;width:100%!important}.sidebar-overlay{background:rgba(15,27,47,.38)!important;backdrop-filter:blur(4px)}
  .page-head{align-items:flex-start!important}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(min-width:1025px){
  body.sidebar-collapsed .sidebar{width:var(--flowpos-sidebar-collapsed-width,84px)!important;padding-inline:12px!important}
  body.sidebar-collapsed .main{margin-left:var(--flowpos-sidebar-collapsed-width,84px)!important;width:calc(100% - var(--flowpos-sidebar-collapsed-width,84px))!important}
  body.sidebar-collapsed .brand{justify-content:center!important;margin-inline:0!important}
}
@media(max-width:700px){
  .page,.settings-page{padding:18px 13px 26px!important}.page-head{padding:20px 14px 16px!important;flex-direction:column!important;align-items:stretch!important}.page>.page-head,.settings-page>.page-head{padding:0 0 16px!important}.page-head h1{font-size:25px!important}.page-head p{font-size:12px!important}.dashboard-head-actions,.page-head-actions{width:100%}.dashboard-head-actions>a,.page-head-actions>a{flex:1;min-height:44px}
  .metric-grid{grid-template-columns:1fr!important;padding:0 13px!important;gap:10px!important}.metric{padding:17px!important}.content-grid{padding:10px 13px 24px!important}.panel{padding:16px!important}
  .settings-section{padding:19px 17px!important}.settings-actions{padding:13px 16px!important;flex-direction:column}.settings-actions a,.settings-actions button{width:100%}.settings-accordion-summary{padding:12px 14px!important}
  .pos-modal{padding:10px!important}.pos-modal-card,.delete-confirm-card,.fp-number-pad-card{border-radius:18px!important}.pos-toast{right:10px!important;bottom:10px!important;left:10px!important}
}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Original FlowPOS blue / cyan / teal application palette */
:root{--fp-primary:#1769f3;--fp-primary-strong:#0d56ce;--fp-primary-soft:#eaf4ff;--fp-success:#00a98f;--fp-warning:#e6a51d;--fp-danger:#e54d55;--fp-ink:#12315e;--fp-text:#365270;--fp-muted:#7489a3;--fp-line:#d9e8f5;--fp-surface:#fff;--fp-canvas:#f3f9ff;--fp-shadow:0 8px 28px rgba(20,87,160,.08);--fp-shadow-pop:0 22px 70px rgba(14,69,136,.20)}
html,body,body:not(.is-pos-page) .main,body.is-pos-page{background:var(--fp-canvas)!important}.sidebar{background:rgba(255,255,255,.98)!important;border-right-color:var(--fp-line)!important}.sidebar-account,.sidebar-shop-switcher select{background:#f8fcff!important;border-color:var(--fp-line)!important}.sidebar-account-avatar{background:linear-gradient(145deg,#08a9f4,#1769f3)!important;box-shadow:0 7px 15px rgba(23,105,243,.18)!important}.sidebar-nav .nav-link:hover{background:#f0f8ff!important;color:var(--fp-primary)!important}.sidebar-nav .nav-link.active{background:var(--fp-primary-soft)!important;color:var(--fp-primary)!important}.sidebar-nav .nav-link.active:before{background:linear-gradient(#08a9f4,#1769f3)!important}.primary,.primary-btn,.product-add-action,.pos-checkout-btn{background:linear-gradient(135deg,#1769f3,#08a9f4)!important;box-shadow:0 7px 16px rgba(23,105,243,.20)!important}.primary:hover,.primary-btn:hover,.product-add-action:hover,.pos-checkout-btn:hover:not(:disabled){background:linear-gradient(135deg,#0d56ce,#078fcf)!important;box-shadow:0 9px 20px rgba(23,105,243,.24)!important}.metric:after{background:linear-gradient(145deg,rgba(8,169,244,.11),transparent)!important}.view-choice.selected{border-color:#7dbcf4!important;background:#edf7ff!important;box-shadow:0 0 0 3px rgba(23,105,243,.07)!important}.settings-eyebrow,.product-page-kicker,.fp-product-price,.pos-grand-total strong{color:var(--fp-primary)!important}.fp-pos-header{background:rgba(255,255,255,.95)!important}.fp-category-chip.active,.fp-category-tab.active{border-color:#86bdf2!important;background:var(--fp-primary-soft)!important;color:var(--fp-primary)!important}.fp-product-card:hover{border-color:#94c5f2!important;box-shadow:0 10px 25px rgba(23,105,243,.11)!important}.fp-search-wrap:focus-within,input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:#71b6ef!important;box-shadow:0 0 0 4px rgba(8,169,244,.10)!important}.auth-page{background:linear-gradient(145deg,#eef9ff,#f5fffc)!important}

/* FlowPOS 0.5.1-p99 — canonical mobile sidebar drawer (large to small phones). */
@media(max-width:700px){
  body .sidebar,
  body.is-pos-page .sidebar,
  body.sidebar-collapsed .sidebar,
  body.is-pos-page.sidebar-collapsed .sidebar,
  body.is-pos-page:not(.sidebar-collapsed) .sidebar{
    position:fixed!important;
    inset:0 auto 0 0!important;
    z-index:2800!important;
    display:flex!important;
    flex-direction:column!important;
    width:min(310px,calc(100vw - 44px))!important;
    max-width:calc(100vw - 44px)!important;
    height:100vh!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:max(14px,env(safe-area-inset-top)) 14px max(12px,env(safe-area-inset-bottom))!important;
    overflow:hidden!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:none!important;
    transform:translate3d(-110%,0,0)!important;
    transition:transform .24s cubic-bezier(.2,.8,.2,1)!important;
    box-shadow:18px 0 46px rgba(67,42,27,.22)!important;
  }
  body .sidebar.open,
  body.is-pos-page .sidebar.open,
  body.sidebar-collapsed .sidebar.open,
  body.is-pos-page.sidebar-collapsed .sidebar.open{
    pointer-events:auto!important;
    transform:translate3d(0,0,0)!important;
  }
  body .sidebar-head{flex:0 0 auto!important;min-width:0!important}
  body .sidebar-nav{
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    margin-top:10px!important;
    padding:2px 1px 14px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-gutter:stable!important;
  }
  body .sidebar-footer{flex:0 0 auto!important;min-width:0!important;padding-bottom:max(2px,env(safe-area-inset-bottom))!important}
  body .sidebar-edge-toggle{display:none!important}
  body.sidebar-collapsed .sidebar .brand{justify-content:flex-start!important;gap:10px!important;margin-inline:8px!important}
  body.sidebar-collapsed .sidebar .brand-logo-full{display:block!important}
  body.sidebar-collapsed .sidebar .brand-logo-mini{display:none!important}
  body.sidebar-collapsed .sidebar .sidebar-account{justify-content:flex-start!important;gap:10px!important;padding:10px!important}
  body.sidebar-collapsed .sidebar .sidebar-account-copy{display:grid!important}
  body.sidebar-collapsed .sidebar .sidebar-shop-switcher{display:grid!important}
  body.sidebar-collapsed .sidebar .nav-link,
  body.sidebar-collapsed .sidebar .nav-disabled,
  body.sidebar-collapsed .sidebar .sidebar-logout{justify-content:flex-start!important;gap:12px!important;padding-inline:11px!important}
  body.sidebar-collapsed .sidebar .nav-label{display:inline!important}
  body.sidebar-collapsed .sidebar .nav-badge{display:inline-flex!important}
  body.sidebar-collapsed .sidebar .sidebar-version{justify-content:space-between!important;height:auto!important;padding:0 10px!important}
  body.sidebar-collapsed .sidebar .sidebar-version::after{display:none!important;content:none!important}
  body.sidebar-collapsed .sidebar .sidebar-version span,
  body.sidebar-collapsed .sidebar .sidebar-version strong{display:inline!important}
  body .sidebar-overlay{z-index:2790!important;pointer-events:none!important}
  body .sidebar-overlay.show{display:block!important;pointer-events:auto!important}
  body .app-floating-actions,
  body:not(.is-pos-page) .app-floating-actions,
  body.is-pos-page .app-floating-actions{
    position:fixed!important;
    z-index:2700!important;
    top:max(10px,env(safe-area-inset-top))!important;
    left:10px!important;
    right:auto!important;
    pointer-events:none!important;
  }
  body .app-floating-actions .menu-btn,
  body:not(.is-pos-page) .app-floating-actions .menu-btn,
  body.is-pos-page .app-floating-actions .menu-btn,
  body.is-pos-page .menu-btn{
    position:relative!important;
    inset:auto!important;
    z-index:auto!important;
    display:inline-flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:9px!important;
    border:1px solid #d2e6f6!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 8px 22px rgba(18,73,142,.16)!important;
    pointer-events:auto!important;
  }
  body .app-floating-actions .menu-btn span{
    display:block!important;
    width:23px!important;
    height:2px!important;
    margin:0!important;
    border-radius:99px!important;
    background:#1769f3!important;
  }
  body .main,
  body.is-pos-page .main,
  body.sidebar-collapsed .main,
  body.is-pos-page.sidebar-collapsed .main,
  body.is-pos-page:not(.sidebar-collapsed) .main{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
  }
  body.sidebar-open{overflow:hidden!important}
}

/* FlowPOS 0.5.1-p99 — keep payment warnings inside compact Mobile UI. */
html.fp-pos-compact-device body.is-pos-page .pos-toast,
body.is-pos-page.fp-pos-compact-device .pos-toast{
  right:max(12px,env(safe-area-inset-right))!important;
  bottom:calc(84px + env(safe-area-inset-bottom))!important;
  left:max(12px,env(safe-area-inset-left))!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box!important;
  padding:11px 14px!important;
  border-radius:12px!important;
  font-size:12px!important;
  line-height:1.45!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  transform:translateY(12px)!important;
}
html.fp-pos-compact-device body.is-pos-page .pos-toast.show,
body.is-pos-page.fp-pos-compact-device .pos-toast.show{transform:none!important}
/* FlowPOS p17 — never render identity/profile placeholders from letters. */
.sidebar-account-avatar{display:grid!important;place-items:center!important;background:#edf7ff!important;color:#1769f3!important}
.sidebar-account-avatar-icon{display:block;width:25px;height:25px}
.product-placeholder svg,.employee-avatar svg,.cost-product-media svg,.shop-product-placeholder-icon{display:block;width:55%;height:55%;margin:auto;color:#1769f3}

/* FlowPOS 0.5.2-p18 — shared visual language. */
:root{
  --fp-primary:#1767FF;--fp-blue:#55B5FF;--fp-light-blue:#A8D5FF;--fp-very-light:#E6F2FF;
  --fp-bg:#F7FBFF;--fp-text:#14213A;--fp-muted:#6B7C93;--fp-border:#D8E7F8;
  --fp-success:#24C26A;--fp-warning:#F5B942;--fp-danger:#FF5C5C;
  --fp-card-radius:18px;--fp-control-radius:12px;--fp-shadow:0 8px 24px rgba(23,103,255,.08);
}
html,body,.main,.page,.page-shell,.stock-page,.accounting-page,.settings-page{background-color:var(--fp-bg);color:var(--fp-text)}
.main{background-image:linear-gradient(135deg,#F7FBFF 0%,#F7FBFF 62%,#E6F2FF 100%)}
.sidebar{border-color:var(--fp-border)!important;background:#fff!important}
.sidebar-account{display:block!important;padding:12px 14px!important;border-color:var(--fp-border)!important;background:#F7FBFF!important}
.sidebar-account-avatar,.employee-avatar{display:none!important}.sidebar-account-copy{width:100%;min-width:0}.sidebar-account-copy strong{color:var(--fp-text)!important}
.nav-link{color:var(--fp-muted)!important}.nav-link.active{border-color:#A8D5FF!important;background:#E6F2FF!important;color:var(--fp-primary)!important}.nav-link.active::before{background:var(--fp-primary)!important}
.card,.panel,.stat-card,.dashboard-card,.summary-card,.settings-card,.settings-panel,.stock-card,.stock-product-card,.modal-content,.fp-modal-card,.table-wrap,.data-table-wrap{
  border-color:var(--fp-border)!important;border-radius:var(--fp-card-radius)!important;background:#fff!important;box-shadow:var(--fp-shadow)!important;
}
input:not([type=checkbox]):not([type=radio]),select,textarea{border-color:var(--fp-border)!important;border-radius:var(--fp-control-radius)!important;background:#fff;color:var(--fp-text)}
input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--fp-blue)!important;box-shadow:0 0 0 4px rgba(85,181,255,.14)!important;outline:0}
.btn-primary,.primary,.search-button,.stock-search-button,.settings-save-button{border-color:var(--fp-primary)!important;background:linear-gradient(135deg,var(--fp-primary),var(--fp-blue))!important;color:#fff!important;box-shadow:0 8px 20px rgba(23,103,255,.18)!important}
.btn-success{border-color:var(--fp-success)!important;background:var(--fp-success)!important}.btn-danger{border-color:var(--fp-danger)!important;background:var(--fp-danger)!important}
table th,table td{border-color:var(--fp-border)!important}table th{color:var(--fp-muted)}
.fp-product-placeholder-icon{display:block;width:42%;height:42%;margin:auto;color:var(--fp-primary)}
.product-placeholder,.stock-product-placeholder,.fp-placeholder,.cost-product-media>span{background:var(--fp-very-light)!important;color:var(--fp-primary)!important}
.payment-sound-settings .printer-toggle{display:flex!important;align-items:flex-start!important;gap:12px!important;grid-template-columns:none!important}
.payment-sound-settings .printer-toggle>input{flex:0 0 20px;width:20px!important;height:20px!important;margin:2px 0 0!important}
.payment-sound-settings .printer-toggle>span{display:grid!important;min-width:0;gap:3px}.payment-sound-settings .printer-toggle strong,.payment-sound-settings .printer-toggle small{display:block}
@media(max-width:767px){.main{background-image:linear-gradient(155deg,#F7FBFF 0%,#F7FBFF 70%,#E6F2FF 100%)}.payment-sound-settings .printer-toggle{gap:12px!important}}