/* Shared Kamao shell for the existing order and authentication flows. */
body.kamao-native {
  --acg-primary:#b94720; --md-primary:#b94720; --md-primary-rgb:185,71,32;
  --uc-ink:#25292f; --uc-ink-med:#707680; --uc-focus:#b94720; --uc-focus-rgb:185,71,32;
  --glass-bg:#fff; --glass-bg-strong:#fff; --glass-bg-soft:#fafafa;
  --glass-border:#e7e8eb; --glass-border-soft:#eef0f2;
  --glass-filter:none; --glass-filter-strong:none; --glass-hi:none; --glass-shadow:none;
  margin:0; min-height:100vh; background:#fff; color:#25292f;
  font-family:var(--kamao-font,system-ui);
  display:flex; flex-direction:column; font-size:14px; line-height:1.6;
}
.kamao-native * {box-sizing:border-box}
.kamao-native::before,.kamao-native::after {display:none!important}
.kamao-native a {text-decoration:none}
.kamao-native a:focus-visible,.kamao-native button:focus-visible {outline:2px solid #b94720;outline-offset:4px}
.kamao-skip {position:fixed;top:-60px;left:16px;z-index:9999;background:#25292f;color:#fff;padding:10px 18px;border-radius:8px}
.kamao-skip:focus {top:8px;color:#fff}
.kamao-header {border-bottom:1px solid #e8eaed;background:#fff;flex:none}
.kamao-header-inner {max-width:1600px;min-height:76px;margin:auto;padding:0 36px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:28px}
.kamao-brand {display:inline-flex;align-items:center;gap:8px;justify-self:start;color:#25292f;white-space:nowrap}
.kamao-brand:hover {color:#25292f}
.kamao-brand img {width:56px;height:56px;object-fit:contain}
.kamao-brand>span {display:flex;flex-direction:column;align-items:center;gap:3px}
.kamao-brand strong {font-size:24px;font-weight:800;letter-spacing:.035em;line-height:1.16}
.kamao-brand small {font-size:10px;font-weight:550;letter-spacing:.17em;padding-left:.17em;color:#727781;line-height:1.2}
.kamao-nav {display:flex;gap:28px;align-items:center;justify-content:center;min-height:76px}
.kamao-nav a {color:#626976;white-space:nowrap;font-size:16px;font-weight:500;position:relative;line-height:40px}
.kamao-nav a:hover,.kamao-nav a.active {color:#b94720}
.kamao-nav a.active {font-weight:650}
.kamao-nav a.active:after {content:"";position:absolute;bottom:-10px;left:0;right:0;height:3px;background:#b94720;border-radius:3px}
.kamao-header-actions {display:flex;gap:10px;justify-content:flex-end;align-items:center}
.kamao-header-actions>a {display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;height:40px;padding:0 13px;border-radius:10px;font-size:13px;line-height:1}
.kamao-account {background:#25292f;border:1px solid #25292f;color:#fff}
.kamao-account:hover {background:#373c44;color:#fff}
.kamao-admin {border:1px solid #e5e7eb;background:#fff;color:#575b66}
.kamao-admin:hover {background:#fff3ea;color:#b94720}
.kamao-orders #pjax-container {display:flex;flex:1;flex-direction:column;min-height:calc(100vh - 76px)}
.kamao-query.container {width:100%;max-width:1120px;padding:48px 36px 64px;margin:0 auto;flex:1}
.kamao-page-heading {margin-bottom:30px}
.kamao-eyebrow {display:block;color:#858a96;font-size:10px;font-weight:700;letter-spacing:2px;margin-bottom:12px}
.kamao-page-heading h1 {font-size:32px;font-weight:750;letter-spacing:-.8px;margin:0 0 10px;color:#25292f}
.kamao-page-heading p {font-size:14px;color:#707680;margin:0}
.kamao-query-email{margin-bottom:18px}.kamao-query-error{padding:14px 18px;background:#fff1f0;color:#b42318;border-radius:10px;margin:18px 0}.kamao-query-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:24px;font-size:13px}.kamao-query-pagination .query-total{margin-right:auto}.kamao-query-pagination button:disabled{opacity:.45;cursor:not-allowed}
.kamao-native .panel {border:1px solid #e7e8eb;border-radius:16px;background:#fff;box-shadow:none;backdrop-filter:none;margin-bottom:20px;overflow:hidden}
.kamao-native .panel-header {background:#fff;border-bottom:1px solid #eef0f2;padding:20px 28px;display:flex;align-items:center;gap:10px}
.kamao-native .panel-title {font-size:16px;font-weight:650;color:#25292f;margin:0}
.kamao-panel-icon {color:#b94720;font-size:17px}
.kamao-native .panel-body {padding:28px}
.kamao-query-label {display:block;font-size:13px;font-weight:500;color:#5f6371;margin-bottom:10px}
.kamao-query-fields {display:flex;gap:12px;align-items:center}
.kamao-query-input {flex:1;min-width:0}
.kamao-query-help {font-size:12px;color:#858a94;margin:14px 0 0}
.kamao-native .form-control {background:#fff;color:#25292f;border:1px solid #e3e6eb;border-radius:9px;box-shadow:none;font-size:14px;min-height:46px}
.kamao-native .form-control::placeholder {color:#9297a1}
.kamao-native .form-control:focus {background:#fff;color:#25292f;border-color:#b94720;box-shadow:0 0 0 3px #b9472012}
.kamao-native .btn-primary,.kamao-native .btn-gradient {background:#b94720;color:#fff;border:1px solid #b94720;border-radius:9px;box-shadow:none;min-height:46px;padding:10px 22px;font-size:14px;font-weight:600;white-space:nowrap;transform:none}
.kamao-native .btn-primary:hover,.kamao-native .btn-gradient:hover {background:#963815;border-color:#963815;box-shadow:none;color:#fff;filter:none;transform:none}
.kamao-order-hint {display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;padding:6px 2px;color:#707680;font-size:12px}
.kamao-order-hint>span {font-weight:600;color:#555b64}
.kamao-order-hint p {margin:0;flex:1}
.kamao-order-hint a,.kamao-native .text-link {color:#b94720}
.kamao-native .text-link:hover {color:#963815}
.kamao-native .order-item {background:#fff;border:1px solid #e7e8eb;box-shadow:none;border-radius:12px}
.kamao-footer {width:calc(100% - 72px);max-width:1424px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e8eaed;margin:0 auto;padding:20px 0;color:#707680;font-size:11px;background:#fff}
.kamao-footer-brand {display:flex;align-items:center;gap:8px;color:#25292f;font-size:15px}
.kamao-footer-brand:hover {color:#25292f}
.kamao-footer>a:last-child {color:#707680;font-size:12px}
.kamao-auth #kamao-auth-main {display:flex;flex:1;outline:none}
.kamao-auth .auth-wrapper {flex:1;min-height:0;width:100%;padding:44px 20px 60px;background:none;overflow:visible}
.kamao-auth .auth-wrapper:before,.kamao-auth .auth-wrapper:after {display:none}
.kamao-auth .auth-card {max-width:460px;padding:32px 36px;border:1px solid #e5e7ed;border-radius:18px;background:#fff;color:#25292f;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.kamao-auth .brand-header {margin:0 0 14px;text-align:left}
.kamao-auth .brand-logo {margin:0}
.kamao-auth .brand-icon {width:64px;height:64px;object-fit:contain;box-shadow:none;transform:none;border-radius:0}
.kamao-auth-title {font-size:27px;font-weight:700;letter-spacing:-.7px;margin:0 0 10px;color:#25292f}
.kamao-auth .auth-subtitle {color:#707680;font-size:13px;line-height:1.8}
.kamao-auth .form-floating>label {color:#707680;font-size:13px}
.kamao-auth .form-floating>.form-control::placeholder {color:transparent}
.kamao-auth .form-check {color:#707680}
.kamao-auth .form-check input[type="checkbox"] {border:1px solid #d2d5dc;box-shadow:none;background:#fff;accent-color:#b94720}
.kamao-auth .form-check input[type="checkbox"]:checked {background:#b94720;border-color:#b94720}
.kamao-auth .form-check label:hover {color:#b94720}
.kamao-auth .btn-passkey {background:#fff;border:1px solid #e5e7ed;color:#5f6371;box-shadow:none;border-radius:9px}
.kamao-auth .btn-passkey__badge {background:#fff3ea;color:#b94720}
@media(max-width:1120px){
  .kamao-header-inner{padding:0 24px;gap:20px;grid-template-columns:auto 1fr auto}
  .kamao-nav{gap:22px}.kamao-admin span{display:none}.kamao-header-actions .kamao-admin{width:40px;padding:0}
}
@media(max-width:820px){
  .kamao-header-inner{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:60px 48px;padding:0 20px;gap:0 14px}
  .kamao-brand{gap:5px}.kamao-brand img{width:44px;height:44px}.kamao-brand strong{font-size:21px}.kamao-brand small{font-size:9px;letter-spacing:1.5px}
  .kamao-header-actions{grid-column:2;grid-row:1;gap:8px}.kamao-header-actions>a{height:36px;font-size:12px;padding:0 10px}
  .kamao-header-actions .kamao-admin{width:36px}.kamao-nav{grid-column:1/-1;grid-row:2;min-height:48px;justify-content:space-between;gap:14px}
  .kamao-nav a{font-size:13px}.kamao-nav a.active:after{bottom:0}
  .kamao-orders #pjax-container{min-height:calc(100vh - 108px)}
  .kamao-query.container{padding:30px 24px 48px}.kamao-page-heading h1{font-size:27px}
  .kamao-footer{width:calc(100% - 40px)}.kamao-footer>span{display:none}
}
@media(max-width:500px){
  .kamao-header-inner{padding:0 16px;gap:0 8px}.kamao-brand{gap:2px}.kamao-brand img{width:40px;height:40px}.kamao-brand strong{font-size:20px}.kamao-brand small{font-size:8px}
  .kamao-header-actions{gap:6px}.kamao-header-actions>a{padding:0 9px}.kamao-header-actions .kamao-admin{width:32px}
  .kamao-query.container{padding:28px 16px 40px}.kamao-page-heading{margin-bottom:24px}.kamao-page-heading p{font-size:13px;line-height:1.8}
  .kamao-native .panel-header{padding:18px 20px}.kamao-native .panel-body{padding:20px}
  .kamao-query-fields{flex-direction:column;align-items:stretch}.kamao-query-input{width:100%}.kamao-query-fields .btn{width:100%}
  .kamao-query-help{font-size:11px;line-height:1.8}.kamao-order-hint{display:block;padding:2px 4px}.kamao-order-hint p{margin:6px 0 10px;line-height:1.8}
  .kamao-auth .auth-wrapper{padding:24px 16px 40px;align-items:flex-start}.kamao-auth .auth-card{padding:26px 23px;border-radius:16px}
  .kamao-footer{width:calc(100% - 32px)}
}