/* ShoeFlow adaptations for BootstrapDash Purple vertical-light. */
:root{--shop-purple:#b66dff;--shop-ink:#343a40;--shop-muted:#7d7788}
body{color:var(--shop-ink)}.min-width-0{min-width:0}.muted{color:var(--shop-muted)}
.navbar .app-brand{display:flex;align-items:center;gap:12px;color:#9a55ff;font-family:"ubuntu-bold",sans-serif!important}
.brand-symbol,.user-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(120deg,#da8cff,#9a55ff);color:#fff}
.brand-symbol{width:36px;height:36px;border-radius:10px;font-size:21px}.brand-name{font-size:24px;letter-spacing:-.6px}.user-avatar{width:40px;height:40px;border-radius:50%;font-size:15px}
.location-title strong,.profile-caption strong{display:block;color:#343a40;font-family:"ubuntu-medium",sans-serif}.location-title small,.profile-caption small{display:block;font-size:11px;color:#9690a2;margin-top:4px}.profile-caption strong{font-size:13px}.branch-switch .form-select{max-width:190px;font-size:12px}
.app-sidebar{position:fixed;top:70px;left:0;bottom:0;overflow-y:auto;max-height:calc(100vh - 70px)}.app-main{margin-left:260px}.sidebar .nav{margin-bottom:25px}.sidebar .nav .nav-item{padding:0 1.75rem}.sidebar .nav .nav-item .nav-link{padding:14px 0}.sidebar .nav .nav-item .nav-link .menu-title{font-size:13px}.sidebar .nav .nav-item .nav-link i.menu-icon{font-size:18px}.sidebar .app-nav-category{font-size:10px;color:#b0a8bb;text-transform:uppercase;letter-spacing:1.2px;padding-top:22px;padding-bottom:9px;font-family:"ubuntu-medium",sans-serif}.sidebar .nav .nav-item.active{background:#faf5ff}
.page-title{font-size:24px;font-family:"ubuntu-medium",sans-serif;margin:0;line-height:1.35}.card{border-radius:9px;box-shadow:0 3px 18px rgba(88,56,116,.025)}.card-header{background:#fff;border-bottom:1px solid #f1edf5;padding:18px 22px;font-family:"ubuntu-medium",sans-serif}.card-footer{border-top:1px solid #f1edf5}.card-body{padding:24px}.form-label{font-size:13px}.form-control,.form-select{min-height:42px;border-radius:5px}.form-control:focus,.form-select:focus{border-color:#b66dff;box-shadow:0 0 0 .15rem rgba(182,109,255,.12)}.btn{border-radius:5px;line-height:1.45}.btn-primary{background:linear-gradient(to right,#da8cff,#9a55ff);border-color:transparent;color:#fff}.btn-primary:hover,.btn-primary:focus{background:linear-gradient(to right,#c978f5,#8745e5);border-color:transparent;color:#fff}.btn-sm{padding:.45rem .7rem}.table> :not(caption)>*>*{padding:14px 16px;border-color:#f1edf5;vertical-align:middle}.table thead th{font-size:12px;font-family:"ubuntu-medium",sans-serif;color:#81768e}.table td{font-size:13px}.table .form-control,.table .form-select{min-width:80px}.table-responsive{border-radius:9px}.badge{font-size:11px;font-weight:500}.empty{padding:45px!important;text-align:center;color:#a099ab}.metric{padding:24px}.metric .label{font-size:11px;color:#8e8399;text-transform:uppercase;letter-spacing:.5px}.metric .value{font-size:27px;font-family:"ubuntu-bold",sans-serif;margin-top:10px}.metric .icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#f4e8ff;color:#b66dff;font-size:21px}.metric .icon i{line-height:1}.pos-search{font-size:17px;height:52px}.sticky-summary{position:sticky;top:92px}.modal-content{border:0;border-radius:10px}.footer{padding:20px 2.25rem;background:#f2edf3}.sidebar-backdrop{display:none}
.auth-page{min-height:100vh;background:#f2edf3;display:grid;place-items:center;padding:24px}.auth-card{width:min(450px,100%);background:#fff;padding:44px;border-radius:10px;box-shadow:0 10px 50px rgba(99,56,130,.06)}.auth-card h1{font-size:24px;font-family:"ubuntu-medium",sans-serif}.auth-card .brand-symbol{width:44px;height:44px;font-size:24px}.auth-card .btn{min-height:48px}.auth-card .form-control{height:48px}.auth-card .brand-name{color:#9a55ff}.auth-card .form-check{margin-left:0;padding-left:1.5rem}
@media(max-width:991px){.navbar .app-brand{padding-left:12px!important}.brand-name{display:none}.navbar .navbar-menu-wrapper{width:calc(100% - 55px);padding:0 12px}.app-sidebar{left:auto;right:-260px;z-index:1040;box-shadow:-10px 0 30px rgba(74,35,97,.12)}.app-sidebar.active{right:0}.app-main{margin-left:0}.content-wrapper{padding:24px 18px}.sidebar-backdrop:not([hidden]){display:block;position:fixed;inset:70px 0 0;background:rgba(36,18,49,.3);border:0;z-index:1030}.navigation-open{overflow:hidden}.footer{padding:18px}.sticky-summary{position:static}}
@media(max-width:575px){.location-title{display:none}.branch-switch .form-select{max-width:145px}.navbar-menu-wrapper>.d-flex{gap:8px!important}.content-wrapper{padding:20px 12px}.page-title{font-size:21px}.card-body{padding:18px}.auth-card{padding:28px}.metric{padding:18px}.metric .value{font-size:22px}.navbar .navbar-toggler{padding-right:0}}
@media print{.navbar,.sidebar,.sidebar-backdrop,.footer,.no-print{display:none!important}.app-main{margin:0!important;width:100%!important}.page-body-wrapper{padding-top:0!important}.content-wrapper{padding:0!important;background:#fff!important}.card{box-shadow:none;border:0}.sticky-summary{position:static}body{background:#fff}.btn{display:none!important}}

/* Compact toolbar and readable selects on shop tablets and phones. */
.navbar #navToggle{padding:8px 12px;min-width:40px;height:40px}.form-select{color:#50455a}.navbar .navbar-brand-wrapper .app-brand{color:#9a55ff}
@media(max-width:575px){.content-wrapper>.d-flex{gap:12px;flex-wrap:wrap}.content-wrapper>.d-flex .btn{white-space:nowrap;padding:.65rem .9rem}.metric .value{font-size:23px}}
/* Desktop workspace: compact command surfaces and an on-demand navigation drawer. */
.desktop-workspace{font-family:"Segoe UI",Arial,sans-serif;font-size:13px;background:#e8eaf0}
.desktop-workspace .app-main{margin-left:0;width:100%;min-height:calc(100vh - 70px)}
.desktop-workspace .app-sidebar{left:-260px;right:auto;z-index:1040;transition:left .18s ease;box-shadow:5px 0 18px #25304722;visibility:hidden}
.desktop-workspace .app-sidebar.active{left:0;visibility:visible}
.desktop-workspace .sidebar-backdrop:not([hidden]){display:block;position:fixed;inset:70px 0 0;background:#18203044;border:0;z-index:1030}
.desktop-workspace.navigation-open{overflow:hidden}
.desktop-workspace .content-wrapper{padding:18px 22px;background:#e8eaf0}
.desktop-workspace .card{border:1px solid #ccd0da;border-radius:4px;box-shadow:none}
.desktop-workspace .card-header{padding:10px 14px;background:#f5f6f9;border-bottom:1px solid #d9dde5;font-family:inherit;font-weight:600}
.desktop-workspace .page-title{font-family:inherit;font-weight:600;font-size:21px}
.desktop-workspace .btn,.desktop-workspace .form-control,.desktop-workspace .form-select{border-radius:3px}
.desktop-workspace .table thead th{background:#f1f3f7;color:#485369;font-family:inherit;font-weight:600}
.desktop-workspace .table> :not(caption)>*>*{padding:10px 12px;border-color:#e0e3e9}
.desktop-workspace .footer{padding:8px 22px;border-top:1px solid #ccd0da;background:#f5f6f9;font-size:11px}
.desktop-command-bar{display:flex;flex-wrap:wrap;gap:6px;padding:8px;border:1px solid #ccd0da;border-radius:3px;background:#f7f8fa}
.dashboard-workspace .metric{padding:15px;border-top:3px solid #a966df}
.dashboard-workspace .metric .value{font-family:inherit;font-size:25px;margin-top:6px;font-weight:600}
.dashboard-workspace .metric .icon{border-radius:4px;width:34px;height:34px;font-size:18px}
.dashboard-workspace .row{--bs-gutter-x:12px;--bs-gutter-y:12px}
.dashboard-workspace .mb-4{margin-bottom:14px!important}
.dashboard-workspace .empty{padding:24px!important}
.pos-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px;min-height:0;flex:1}
.pos-selling{display:flex;flex-direction:column;gap:12px;min-height:0;min-width:0}
.pos-search-panel .card-body{padding:12px}.pos-search-panel{flex-shrink:0}
.pos-workspace .pos-search{height:40px;min-height:40px;font-size:15px}
.pos-workspace #results{max-height:150px;overflow:auto}
.pos-workspace .result-card{padding:8px;border-radius:3px;font-size:12px}
.pos-cart-panel{flex:1;min-height:0;overflow:hidden}.pos-cart-panel .table-responsive{overflow:auto;flex:1;border-radius:0}
.pos-cart-panel thead{position:sticky;top:0;z-index:1}.pos-cart-panel .table{min-width:620px}
.pos-checkout{min-height:0}.pos-checkout .sticky-summary{position:static;height:100%;display:flex;flex-direction:column;overflow:hidden}
.pos-checkout .card-body{padding:12px;overflow:auto;min-height:0;flex:1}
.pos-checkout .form-control,.pos-checkout .form-select,.pos-cart-panel .form-control{min-height:32px;padding:6px 9px;font-size:13px}
.pos-checkout .form-label{margin-bottom:4px;font-size:12px}.pos-checkout .mb-3{margin-bottom:8px!important}
.pos-checkout hr{margin:10px 0}.pos-checkout .form-check{margin-top:8px;margin-left:0;padding-left:22px}
.pos-checkout-action{padding:10px 12px;border-top:1px solid #d9dde5;background:#f5f6f9;flex-shrink:0}
.pos-checkout-action .btn{padding:11px;font-size:15px}.sale-details{margin:8px 0}.sale-details summary{cursor:pointer;color:#6c478f;margin-bottom:6px}
@media(min-width:992px){.pos-workspace .content-wrapper{height:calc(100dvh - 70px);display:flex;flex-direction:column;padding:12px 16px;overflow:hidden}.pos-workspace .content-wrapper>.d-flex{margin-bottom:10px!important;flex-shrink:0}.pos-workspace .footer{display:none}.pos-workspace .content-wrapper>.alert{max-height:100px;overflow:auto;flex-shrink:0}}
@media(max-width:991px){.desktop-workspace .content-wrapper{padding:14px}.pos-grid{grid-template-columns:minmax(0,1fr)}.pos-cart-panel .table-responsive{max-height:360px}.pos-checkout .card-body{overflow:visible}.pos-checkout-action{position:sticky;bottom:0}.pos-checkout .sticky-summary{overflow:visible}.pos-workspace .footer{display:none}}
@media print{.desktop-workspace .content-wrapper{height:auto;overflow:visible}.pos-grid{display:block}.pos-cart-panel .table-responsive{overflow:visible}.desktop-command-bar{display:none}}