/* EKANNTO v22 · Unified premium and accessible presentation */
:root{--ek22-ring:#92663f;--ek22-shadow:0 12px 34px rgba(56,34,21,.09)}
html{scroll-padding-top:4.5rem;overflow-x:clip}
body{accent-color:#382215}
:where(button,a,input,textarea,select,[role="button"]):focus-visible{outline:3px solid var(--ek22-ring)!important;outline-offset:3px!important}
:where(input,textarea,select){max-width:100%}
button:disabled,[aria-disabled="true"]{cursor:not-allowed;opacity:.62}
:where(.panel,.card,.empty,.ek21-settlement){overflow-wrap:anywhere}
:where(.panel,.card,.ek21-settlement){box-shadow:var(--ek22-shadow)}
:where(table){border-collapse:separate;border-spacing:0}
:where(td,th){overflow-wrap:anywhere}
:where(.container,.page){min-width:0}
:where(a,button){-webkit-tap-highlight-color:rgba(56,34,21,.1)}
.ek22-status{position:fixed;z-index:999999;left:50%;transform:translateX(-50%);bottom:calc(88px + env(safe-area-inset-bottom));width:min(93vw,640px);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #d7c7b9;border-radius:16px;background:#fffaf5;color:#382215;box-shadow:0 15px 44px #38221526;font-size:13px;line-height:1.5}
.ek22-status[hidden]{display:none}
.ek22-status span{flex:1;min-width:0}
.ek22-status button{min-width:48px;border-radius:10px;border:1px solid #b69f8a;background:#382215;color:white;font:inherit;padding:8px 12px}
.ek22-status button.ek22-status-close{min-width:30px;background:transparent;color:#382215;border:0;font-size:22px;padding:0 4px}
.ek22-status[data-kind="offline"],.ek22-status[data-kind="error"]{border-color:#c48d67;background:#fff2e9}
.ek22-start-fallback{max-width:510px;margin:15px auto;padding:16px;border:1px solid #d7c7b9;background:#fff9f2;border-radius:14px;color:#382215;text-align:center}
.ek22-start-fallback button{margin-left:8px;background:#382215;border:0;color:white;border-radius:9px;padding:9px 15px}
@media(max-width:720px){
  .ek22-status{bottom:calc(93px + env(safe-area-inset-bottom));padding:10px;font-size:12px}
  :where(input,select,textarea){font-size:16px!important} /* prevent Safari focus zoom */
  .ek21-table-wrap,.ek-admin-review-list{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .ek22-status button{padding:7px 9px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media print{.ek22-status{display:none!important}:focus{outline:0!important}}
