/* One.v2.43 — OnezaMall unified Emerald Porcelain theme.
   Loaded last on every page so form text never disappears on light backgrounds. */
:root{
  --ux-bg:#edf3ef;
  --ux-bg-warm:#f7f2e8;
  --ux-surface:#fffdf8;
  --ux-surface-2:#f2f7f4;
  --ux-surface-3:#e8f1ec;
  --ux-ink:#12352c;
  --ux-ink-2:#254b3f;
  --ux-muted:#60736b;
  --ux-green:#075b43;
  --ux-green-2:#0c7b58;
  --ux-green-3:#15996d;
  --ux-gold:#d3a72d;
  --ux-gold-soft:#f6e8b9;
  --ux-border:#cfddd5;
  --ux-border-strong:#adc6b9;
  --ux-danger:#a83d35;
  --ux-warning:#9b6508;
  --ux-success:#08724f;
  --ux-shadow:0 18px 50px rgba(12,66,49,.11);
  --ux-shadow-soft:0 8px 28px rgba(12,66,49,.075);
  --ux-radius:18px;
  --ux-radius-sm:12px;
}

html{color-scheme:light;background:var(--ux-bg);scrollbar-color:#7ca792 #e7efea}
body{color:var(--ux-ink);text-rendering:optimizeLegibility}
body,button,input,select,textarea{font-family:Inter,"Segoe UI",Arial,sans-serif}

/* ---------- Universal readable form system ---------- */
body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
body select,
body textarea{
  color:var(--ux-ink)!important;
  -webkit-text-fill-color:var(--ux-ink)!important;
  background-color:#fff!important;
  border:1px solid var(--ux-border-strong)!important;
  border-radius:12px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
  caret-color:var(--ux-green)!important;
  opacity:1!important;
}
body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):hover,
body select:hover,
body textarea:hover{border-color:#7fae98!important}
body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):focus,
body select:focus,
body textarea:focus{
  color:var(--ux-ink)!important;
  -webkit-text-fill-color:var(--ux-ink)!important;
  background:#fff!important;
  border-color:var(--ux-green-3)!important;
  outline:none!important;
  box-shadow:0 0 0 4px rgba(21,153,109,.14)!important;
}
body input::placeholder,body textarea::placeholder{color:#7b8c85!important;-webkit-text-fill-color:#7b8c85!important;opacity:1!important}
body select option,body select optgroup{color:#183c31!important;background:#fff!important}
body input:disabled,body select:disabled,body textarea:disabled,
body input[readonly],body textarea[readonly]{
  color:#52665e!important;
  -webkit-text-fill-color:#52665e!important;
  background:#eaf0ec!important;
  border-color:#d5e0da!important;
  opacity:1!important;
}
body input:-webkit-autofill,body input:-webkit-autofill:hover,body input:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--ux-ink)!important;
  box-shadow:0 0 0 1000px #fff inset!important;
  transition:background-color 9999s ease-out 0s!important;
}
body input[type="checkbox"],body input[type="radio"]{accent-color:var(--ux-green-2);width:18px;height:18px}
body input[type="file"]{padding:10px!important}
body input[type="file"]::file-selector-button{
  border:0;border-radius:9px;padding:9px 12px;margin-right:10px;background:var(--ux-green);color:#fff;font-weight:800;cursor:pointer
}
body label,body legend{color:var(--ux-ink-2)!important}

/* Prevent inherited white text inside light forms/cards. */
:is(.owner-card,.partner-card,.customer-card,.modal-card,.owner-modal-card,.partner-order-modal-card,.customer-modal-card,
.owner-login-card,.partner-auth-card,.customer-auth-card,.legal-card,.legal-toc,.cart-drawer,
.owner-shop-profile-form,.owner-shop-product-form,.partner-product-form,.customer-profile-form,
.owner-homepage-form,.owner-support-form) :is(p,span,small,label,legend,li,td,th){text-shadow:none}

/* ---------- Shared premium surfaces ---------- */
.owner-card,.partner-card,.customer-card,
.owner-modal-card,.partner-order-modal-card,.customer-modal-card,.modal-card,
.owner-login-card,.partner-auth-card,.customer-auth-card,.partner-status-card,
.legal-card,.legal-toc,.legal-link-card{
  background:var(--ux-surface)!important;
  color:var(--ux-ink)!important;
  border:1px solid var(--ux-border)!important;
  border-radius:var(--ux-radius)!important;
  box-shadow:var(--ux-shadow-soft)!important;
}
.owner-card:hover,.partner-card:hover,.customer-card:hover,.legal-link-card:hover{border-color:#a7c7b7!important}

:is(.owner-card,.partner-card,.customer-card,.owner-modal-card,.partner-order-modal-card,.customer-modal-card,.modal-card,
.owner-login-card,.partner-auth-card,.customer-auth-card,.partner-status-card) h1,
:is(.owner-card,.partner-card,.customer-card,.owner-modal-card,.partner-order-modal-card,.customer-modal-card,.modal-card,
.owner-login-card,.partner-auth-card,.customer-auth-card,.partner-status-card) h2,
:is(.owner-card,.partner-card,.customer-card,.owner-modal-card,.partner-order-modal-card,.customer-modal-card,.modal-card,
.owner-login-card,.partner-auth-card,.customer-auth-card,.partner-status-card) h3{color:var(--ux-green)!important}

/* ---------- Owner / Seller / Customer portals ---------- */
.owner-body,.partner-body,.customer-body{
  background:
    radial-gradient(circle at 92% 3%,rgba(211,167,45,.14),transparent 25%),
    linear-gradient(145deg,var(--ux-bg-warm),var(--ux-bg) 45%,#e7f0eb)!important;
  color:var(--ux-ink)!important;
}
.owner-app,.partner-app,.customer-app{background:transparent!important}
.owner-main,.partner-main,.customer-main{background:transparent!important;min-width:0}
.owner-topbar,.partner-topbar,.customer-topbar{
  background:rgba(255,253,248,.96)!important;
  color:var(--ux-ink)!important;
  border-bottom:1px solid var(--ux-border)!important;
  box-shadow:0 8px 24px rgba(10,73,52,.07)!important;
  backdrop-filter:blur(16px)
}
.owner-content,.partner-content,.customer-content{padding:28px!important}
.owner-title-row,.partner-title-row,.customer-title-row{margin-bottom:20px!important}
.owner-title-row h1,.partner-title-row h1,.customer-title-row h1{color:var(--ux-green)!important;letter-spacing:-.02em}
.owner-title-row p,.partner-title-row p,.customer-title-row p{color:var(--ux-muted)!important}

.owner-sidebar,.partner-sidebar,.customer-sidebar{
  background:
    radial-gradient(circle at 15% 5%,rgba(211,167,45,.19),transparent 25%),
    linear-gradient(180deg,#063c2d,#07543d 55%,#06392b)!important;
  color:#fff!important;
  box-shadow:12px 0 30px rgba(4,44,32,.12)!important;
}
.owner-side-brand,.partner-side-brand,.customer-side-brand{border-color:rgba(255,255,255,.16)!important}
.owner-nav button,.partner-nav button,.customer-nav button{
  color:#e8f4ee!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease!important
}
.owner-nav button:hover,.partner-nav button:hover,.customer-nav button:hover{
  color:#fff!important;background:rgba(255,255,255,.105)!important;border-color:rgba(255,255,255,.14)!important;transform:translateX(2px)
}
.owner-nav button.active,.partner-nav button.active,.customer-nav button.active{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(211,167,45,.34),rgba(255,255,255,.12))!important;
  border-color:rgba(246,232,185,.48)!important;
  box-shadow:inset 4px 0 0 var(--ux-gold)!important;
}
.owner-nav b,.partner-nav b,.customer-nav b{background:rgba(211,167,45,.25)!important;color:#ffe79b!important}
.owner-nav button.active b,.partner-nav button.active b,.customer-nav button.active b{background:#fff2c7!important;color:#6a4a00!important}
.owner-side-footer,.partner-side-footer,.customer-side-footer{border-color:rgba(255,255,255,.17)!important}

.owner-panel,.partner-panel,.customer-panel{animation:ux-panel-in .25s ease both}
@keyframes ux-panel-in{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
.owner-card,.partner-card,.customer-card{padding:22px!important}
.owner-card-head,.partner-card-head,.customer-card-head{border-bottom:1px solid var(--ux-border)!important;padding-bottom:14px!important;margin-bottom:16px!important}
.owner-card-head p,.partner-card-head p,.customer-card-head p{color:var(--ux-muted)!important}

.owner-toolbar,.partner-toolbar,.customer-toolbar{
  background:var(--ux-surface-2)!important;
  border:1px solid var(--ux-border)!important;
  border-radius:15px!important;
  padding:12px!important;
  gap:10px!important;
}
.owner-form-grid,.partner-form-grid,.customer-form-columns,.owner-shop-form-grid{
  gap:16px!important
}
.owner-form-grid label,.partner-form-grid label,.customer-form-columns label,.owner-shop-form-grid label,
.owner-homepage-form label,.customer-profile-form label,.partner-login-form label,.customer-login-form label{
  color:var(--ux-ink-2)!important;font-weight:800!important
}

.owner-table-wrap,.partner-table-wrap,.customer-table-wrap{
  background:#fff!important;border:1px solid var(--ux-border)!important;border-radius:15px!important;overflow:auto!important
}
.owner-table,.partner-table,.customer-table{background:#fff!important;color:var(--ux-ink)!important}
.owner-table th,.partner-table th,.customer-table th{
  background:#e9f2ed!important;color:var(--ux-green)!important;border-color:var(--ux-border)!important;font-weight:900!important
}
.owner-table td,.partner-table td,.customer-table td{
  color:#29483e!important;background:#fff!important;border-color:#dfe8e3!important
}
.owner-table tbody tr:nth-child(even) td,.partner-table tbody tr:nth-child(even) td,.customer-table tbody tr:nth-child(even) td{background:#f8fbf9!important}
.owner-table tbody tr:hover td,.partner-table tbody tr:hover td,.customer-table tbody tr:hover td{background:#edf7f2!important}

.owner-primary,.partner-primary,.customer-primary,.btn.btn-primary,
.decision.approve,.owner-launch-approval-actions button:not(:disabled){
  color:#fff!important;
  background:linear-gradient(135deg,var(--ux-green-3),var(--ux-green))!important;
  border:1px solid rgba(5,77,54,.25)!important;
  box-shadow:0 8px 20px rgba(7,91,67,.2)!important
}
.owner-secondary,.partner-secondary,.customer-secondary,.btn.btn-light,
.owner-link-button,.portal-storefront-button{
  color:var(--ux-green)!important;background:#eef6f2!important;border:1px solid #c7ded2!important
}
.owner-primary:hover,.partner-primary:hover,.customer-primary:hover,.btn.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}
button:disabled{opacity:.58!important;cursor:not-allowed!important;filter:saturate(.65)}

.owner-form-message,.partner-form-message,.customer-form-message,.owner-modal-message,.customer-modal-message{
  color:var(--ux-muted)!important;background:#eef4f1!important;border-radius:10px!important;padding:8px 10px!important
}
.owner-form-message.error,.partner-form-message.error,.customer-form-message.error,.owner-modal-message.error,.customer-modal-message.error{
  color:#8e2f28!important;background:#fff0ee!important;border:1px solid #f0c7c2!important
}
.owner-form-message.success,.partner-form-message.success,.customer-form-message.success,.owner-modal-message.success,.customer-modal-message.success{
  color:#086343!important;background:#e8f7ef!important;border:1px solid #bee5d1!important
}

.owner-modal,.partner-order-modal,.customer-modal,.modal{
  background:rgba(5,28,21,.58)!important;
  backdrop-filter:blur(7px)!important
}
.owner-modal-card,.partner-order-modal-card,.customer-modal-card,.modal-card{
  max-height:min(90dvh,920px)!important;overflow:auto!important
}
.owner-modal-close,.partner-order-modal-close,.customer-modal-close,.modal-close{
  color:var(--ux-green)!important;background:#edf5f1!important;border:1px solid var(--ux-border)!important
}
.portal-alert-drawer{background:var(--ux-surface)!important;color:var(--ux-ink)!important;border-left:1px solid var(--ux-border)!important;box-shadow:-18px 0 45px rgba(6,58,42,.18)!important}
.portal-alert-head{background:#eaf3ee!important;color:var(--ux-green)!important;border-color:var(--ux-border)!important}

/* Login / account screens */
.owner-login-shell,.partner-auth-shell,.customer-auth-shell{
  background:
    radial-gradient(circle at 18% 14%,rgba(243,214,124,.34),transparent 28%),
    radial-gradient(circle at 86% 88%,rgba(21,153,109,.22),transparent 32%),
    linear-gradient(145deg,#053b2c,#0a684c 55%,#d5aa38)!important
}
.owner-login-card,.partner-auth-card,.customer-auth-card{padding:32px!important}
.owner-tabs,.auth-tabs{background:#eaf1ed!important;border:1px solid var(--ux-border)!important}
.owner-tab,.auth-tab{color:#5b7067!important}
.owner-tab.active,.auth-tab.active{background:#fff!important;color:var(--ux-green)!important}

/* ---------- Public marketplace ---------- */
body.golden-premium-public{
  background:
    radial-gradient(circle at 86% 1%,rgba(211,167,45,.13),transparent 24%),
    linear-gradient(180deg,#f8f3e8,#edf3ef 520px,#f7faf8)!important;
  color:var(--ux-ink)!important
}
.golden-premium-public .utility-bar{background:#063d2e!important;color:#f7ead0!important}
.golden-premium-public .site-header,
.golden-premium-public .reference-storefront-header,
.golden-premium-public .reference-masthead,
.golden-premium-public .reference-nav-shell{
  background:rgba(255,253,248,.97)!important;color:var(--ux-ink)!important;border-color:var(--ux-border)!important
}
.golden-premium-public .reference-wide-shell{max-width:1440px!important}
.golden-premium-public .reference-home-shell{padding-top:20px!important}
.golden-premium-public .reference-commerce-layout{gap:20px!important}
.golden-premium-public .reference-category-panel,
.golden-premium-public .reference-products-panel,
.golden-premium-public .reference-deal-card,
.golden-premium-public .company-card,
.golden-premium-public .visitor-live-panel,
.golden-premium-public .category-card,
.golden-premium-public .product-card{
  background:var(--ux-surface)!important;color:var(--ux-ink)!important;border:1px solid var(--ux-border)!important;box-shadow:var(--ux-shadow-soft)!important
}
.golden-premium-public .product-card{border-radius:18px!important;overflow:hidden!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.golden-premium-public .product-card:hover{transform:translateY(-4px);border-color:#a5c8b7!important;box-shadow:var(--ux-shadow)!important}
.golden-premium-public .product-body h3,.golden-premium-public .product-detail-content h2{color:var(--ux-green)!important}
.golden-premium-public .product-body p,.golden-premium-public .product-detail-content p{color:var(--ux-muted)!important}
.golden-premium-public .main-nav a,.golden-premium-public .reference-nav-shell a{color:var(--ux-ink-2)!important}
.golden-premium-public .main-nav a.active,.golden-premium-public .reference-nav-shell a.active{color:var(--ux-green)!important;border-color:var(--ux-green-2)!important}
.golden-premium-public .account-btn{background:#fff!important;color:var(--ux-green)!important;border-color:var(--ux-border-strong)!important}
.golden-premium-public .account-btn.signed-in{background:var(--ux-green)!important;color:#fff!important}
.golden-premium-public .cart-drawer{
  background:var(--ux-surface)!important;color:var(--ux-ink)!important;border-left:1px solid var(--ux-border)!important;box-shadow:-20px 0 50px rgba(4,40,29,.2)!important
}
.golden-premium-public .drawer-head,.golden-premium-public .drawer-foot{background:#fffaf0!important;color:var(--ux-ink)!important;border-color:var(--ux-border)!important}
.golden-premium-public .cart-drawer h1,.golden-premium-public .cart-drawer h2,.golden-premium-public .cart-drawer h3{color:var(--ux-green)!important}
.golden-premium-public .modal-card{background:var(--ux-surface)!important}
.golden-premium-public .demo-form,.golden-premium-public .auth-form{color:var(--ux-ink)!important}

/* ---------- Legal / policy pages ---------- */
body:not(.owner-body):not(.partner-body):not(.customer-body):not(.golden-premium-public) .legal-header{
  background:rgba(255,253,248,.97)!important;border-color:var(--ux-border)!important
}
.legal-hero{background:radial-gradient(circle at 82% 8%,rgba(243,213,121,.25),transparent 32%),linear-gradient(135deg,#063c2d,#0a7252)!important}
.legal-layout{max-width:1240px!important;gap:28px!important}
.legal-toc{background:#fffdf8!important}
.legal-toc a{color:#506960!important}
.legal-toc a:hover{background:#eaf4ef!important;color:var(--ux-green)!important}
.legal-card p,.legal-card li{color:#4d6259!important}
.legal-card h2,.legal-card h3{color:var(--ux-green)!important}
.legal-table th{background:#e8f2ed!important;color:var(--ux-green)!important}
.legal-table td{background:#fff!important;color:#385148!important}

/* ---------- Accessible status colors ---------- */
.success,.passed,[class*="status-pass"],[class*="status-ready"]{color:var(--ux-success)!important}
.error,.failed,[class*="status-error"],[class*="status-fail"]{color:var(--ux-danger)!important}
.warning,[class*="status-warning"]{color:var(--ux-warning)!important}

/* ---------- Responsive layout refinements ---------- */
@media(max-width:1180px){
  .owner-app,.partner-app,.customer-app{grid-template-columns:235px minmax(0,1fr)!important}
  .owner-content,.partner-content,.customer-content{padding:22px!important}
}
@media(max-width:860px){
  .owner-content,.partner-content,.customer-content{padding:16px!important}
  .owner-card,.partner-card,.customer-card{padding:17px!important}
  .owner-toolbar,.partner-toolbar,.customer-toolbar{grid-template-columns:1fr!important;display:grid!important}
  .owner-form-grid.two-col,.owner-shop-form-grid,.partner-form-grid,.customer-form-columns{grid-template-columns:1fr!important}
  .span-2,.wide{grid-column:auto!important}
}
@media(max-width:680px){
  body input:not([type="checkbox"]):not([type="radio"]),body select,body textarea{font-size:16px!important}
  .owner-modal-card,.partner-order-modal-card,.customer-modal-card,.modal-card{width:calc(100% - 18px)!important;border-radius:16px!important;padding:17px!important}
  .owner-card,.partner-card,.customer-card{border-radius:15px!important}
  .golden-premium-public .reference-home-shell{padding-left:10px!important;padding-right:10px!important}
  .legal-card{padding:20px!important}
}

/* Release marker for deployment preflight. */
html::after{content:"One.v2.43-theme";display:none}