/* Shared bright interface and loading feedback for Sophia Elite POS. */
html[data-theme="light"]{color-scheme:light}
html[data-theme="light"] body{background-color:#f7f9fc!important;color:#172033!important}
html[data-theme="light"] .card,
html[data-theme="light"] .modal-content,
html[data-theme="light"] .dropdown-menu,
html[data-theme="light"] .offcanvas,
html[data-theme="light"] .pcard,
html[data-theme="light"] .dash-card,
html[data-theme="light"] .table-card,
html[data-theme="light"] .session-card,
html[data-theme="light"] .receipt-card,
html[data-theme="light"] .fs-popup,
html[data-theme="light"] .gate-box,
html[data-theme="light"] .gateway-card,
html[data-theme="light"] .cardx{background:#fff!important;color:#172033!important;border-color:#dce4ef!important;box-shadow:0 12px 34px rgba(31,41,55,.08)}
html[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .form-control,
html[data-theme="light"] .form-select{background:#fff!important;color:#172033!important;border-color:#cfd9e7!important}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{color:#78869c!important;opacity:1}
html[data-theme="light"] table{color:#172033}
html[data-theme="light"] th{color:#4f5d73!important}
html[data-theme="light"] .modal-backdrop{--bs-backdrop-opacity:.35}
html[data-theme="light"] .text-muted,
html[data-theme="light"] .muted{color:#64748b!important}
html[data-theme="light"] a{outline-color:#0d8b50}
.sohaip-theme-float{position:fixed;right:18px;bottom:18px;z-index:12000;border:1px solid #cfd9e7;background:#fff;color:#172033;border-radius:999px;padding:9px 13px;font:700 12px/1 system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:0 10px 30px rgba(31,41,55,.15);cursor:pointer}
html[data-theme="dark"] .sohaip-theme-float{background:#182235;color:#f8fafc;border-color:#334155}

/* Full-screen loading animation used throughout the POS. */
.sohaip-loading-overlay{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 82% 10%,rgba(34,85,58,.38),transparent 34%),radial-gradient(circle at 8% 90%,rgba(157,112,28,.22),transparent 32%),rgba(5,13,9,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
.sohaip-loading-overlay.show,.sohaip-preloading .sohaip-loading-overlay{opacity:1;visibility:visible;pointer-events:all}
.sohaip-loading-card{position:relative;width:min(390px,calc(100vw - 30px));overflow:hidden;border:1px solid rgba(226,201,126,.34);border-radius:26px;padding:29px 25px 23px;text-align:center;background:linear-gradient(150deg,rgba(24,43,31,.98),rgba(9,19,13,.99));color:#eef5ef;box-shadow:0 32px 100px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.05)}
.sohaip-loading-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,#dabb63,#35d377,transparent)}
.sohaip-loading-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:24px;font:800 12px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.11em;text-transform:uppercase;color:#ead38c}
.sohaip-loading-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:linear-gradient(135deg,#f0db8f,#a87318);color:#142017;font:900 16px/1 system-ui;box-shadow:0 7px 18px rgba(200,148,62,.24)}
.sohaip-loading-orbit{position:relative;width:78px;height:78px;margin:2px auto 16px;border-radius:50%;border:2px solid rgba(255,255,255,.08)}
.sohaip-loading-orbit:before,.sohaip-loading-orbit:after{content:"";position:absolute;border-radius:50%;inset:9px;border:2px solid rgba(53,211,119,.14)}
.sohaip-loading-orbit:after{inset:22px;background:linear-gradient(145deg,#dabb63,#9f6c18);border:0;box-shadow:0 0 25px rgba(218,187,99,.25)}
.sohaip-loading-orbit span,.sohaip-loading-orbit i,.sohaip-loading-orbit b{position:absolute;display:block;border-radius:50%}
.sohaip-loading-orbit span{inset:-2px;border:3px solid transparent;border-top-color:#e8cd79;border-right-color:#e8cd79;animation:sophiaOrbit 1s linear infinite}
.sohaip-loading-orbit i{width:11px;height:11px;left:4px;top:12px;background:#35d377;box-shadow:0 0 16px rgba(53,211,119,.75);animation:sophiaPulse 1.15s ease-in-out infinite}
.sohaip-loading-orbit b{width:8px;height:8px;right:8px;bottom:10px;background:#ead38c;box-shadow:0 0 14px rgba(234,211,140,.72);animation:sophiaPulse 1.15s .2s ease-in-out infinite}
@keyframes sophiaOrbit{to{transform:rotate(360deg)}}
@keyframes sophiaPulse{0%,100%{transform:scale(.72);opacity:.48}50%{transform:scale(1.18);opacity:1}}
.sohaip-loading-title{font:800 21px/1.25 system-ui,-apple-system,"Segoe UI",sans-serif;margin-bottom:7px;letter-spacing:.01em}
.sohaip-loading-text{min-height:21px;font:500 13px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;color:#b9c9bd}
.sohaip-loading-line{height:4px;margin-top:21px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.08)}
.sohaip-loading-line i{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c99f3a,#45dc87);animation:sophiaLine 1.15s cubic-bezier(.4,0,.2,1) infinite}
@keyframes sophiaLine{0%{transform:translateX(-120%)}100%{transform:translateX(350%)}}
.sohaip-loading-note{margin-top:13px;color:#758a7b;font:700 9px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.12em;text-transform:uppercase}
html.sohaip-is-loading,html.sohaip-is-loading body{overflow:hidden!important;overscroll-behavior:none}

@media(max-width:768px){
  html,body{max-width:100%;overflow-x:hidden}
  .sohaip-theme-float{right:10px;bottom:10px;padding:10px 12px;max-width:calc(100vw - 20px)}
  .container,.container-fluid,.wrap,.page-wrap,.main-wrap,.content-wrap{max-width:100%!important;padding-left:12px!important;padding-right:12px!important}
  .modal-dialog,.fs-modal-box,.modal-content{max-width:calc(100vw - 20px)!important;width:calc(100vw - 20px)!important;margin:10px auto!important}
  .fs-modal{padding:10px!important;align-items:flex-start!important}
  .fs-modal-box{max-height:calc(100dvh - 20px)!important;overflow-y:auto!important}
  table{max-width:100%}.table-responsive,.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  button,.btn,input[type="submit"]{min-height:42px}
  input,select,textarea{max-width:100%}
  .sohaip-loading-card{padding:25px 19px 21px;border-radius:20px}
  .sohaip-loading-orbit{width:72px;height:72px}
}
@media(prefers-reduced-motion:reduce){.sohaip-loading-orbit span,.sohaip-loading-orbit i,.sohaip-loading-orbit b,.sohaip-loading-line i{animation-duration:2.4s}.sohaip-loading-overlay{transition:none}}
@media print{.sohaip-theme-float,.sohaip-loading-overlay{display:none!important}}