/* ZarModir Loyalty & Scale — quiet marble-and-gold visual system */
.zcl-root{--zcl-ink:#3e392f;--zcl-gold:#b28a4e;--zcl-line:rgba(123,102,69,.18);color:var(--zcl-ink);font-family:inherit;max-width:1500px;margin:0 auto;direction:rtl}
.zcl-root *{box-sizing:border-box}.zcl-root h2,.zcl-root h3,.zcl-root p{margin:0}.zcl-root button,.zcl-root input,.zcl-root select{font:inherit}
.zcl-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:160px;margin-bottom:22px;padding:28px 36px;border:1px solid var(--zcl-line);border-radius:26px;background:radial-gradient(circle at 85% 15%,rgba(185,144,82,.13),transparent 38%),linear-gradient(122deg,#eeeae2 0%,#faf8f3 52%,#eee7d9 100%);box-shadow:0 14px 44px rgba(59,45,25,.065)}
.zcl-hero small{color:#a58858;letter-spacing:.13em;font-size:11px}.zcl-hero h2{font-size:clamp(23px,2.3vw,32px);font-weight:850;margin:8px 0}.zcl-hero p{color:#756b5e;font-size:13px}.zcl-hero-icon{width:70px;height:70px;display:grid;place-items:center;border:1px solid #d7c19a;background:rgba(255,255,255,.65);border-radius:22px;color:#ac8548;font-size:40px;box-shadow:0 10px 20px #ab8c5230}
.zcl-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.zcl-stat{min-height:121px;display:flex;flex-direction:column;gap:7px;padding:20px;background:linear-gradient(140deg,#fffdfa,#f6f3ec);border:1px solid var(--zcl-line);border-radius:21px;box-shadow:0 10px 22px rgba(65,55,38,.045)}.zcl-stat span{font-size:23px;color:#ac874f;line-height:1}.zcl-stat small{color:#756c5e;font-size:12px}.zcl-stat strong{font-size:25px;line-height:1.3}
.zcl-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0 20px}.zcl-tabs button,.zcl-plain,.zcl-sms-actions button{background:#fffdf9;color:#615446;border:1px solid #dfd3bf;border-radius:12px;padding:11px 17px;cursor:pointer}.zcl-tabs button.active{background:#423e35;color:#fff;border-color:#423e35;box-shadow:0 6px 12px #4d453b23}
.zcl-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,1fr);gap:17px;align-items:start}.zcl-stack{display:flex;flex-direction:column;gap:16px;min-width:0}.zcl-box{padding:24px;background:linear-gradient(150deg,#fffefb,#faf8f3);border:1px solid var(--zcl-line);border-radius:22px;box-shadow:0 10px 25px #756a5610;min-width:0}.zcl-box h3{margin:0 0 16px;font-size:16px;font-weight:800}.zcl-box p{color:#695f53;font-size:13px;line-height:2}.zcl-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.zcl-head h3{margin:0}.zcl-head>span,.zcl-muted{color:#81776a;font-size:12px}
.zcl-table-wrap{max-width:100%;overflow:auto}.zcl-table{width:100%;min-width:620px;border-collapse:collapse;font-size:12px;text-align:right}.zcl-table th{background:#f1ece2;color:#66523a;font-weight:750}.zcl-table td,.zcl-table th{padding:13px 11px;border-bottom:1px solid var(--zcl-line);vertical-align:middle}.zcl-table td small{display:block;color:#8b8177;margin-top:4px}.zcl-table tr.selected{background:#fff4d8}.zcl-tier{border:1px solid #c6c2bd;padding:5px 12px;border-radius:99px;background:#f5f4f0;font-size:11px}.zcl-tier.gold{color:#88611c;background:#f8ebc9;border-color:#dbc18b}.zcl-tier.silver{color:#686971;background:#e8e9ec;border-color:#c2c4ca}.zcl-plus{color:#23784d;font-weight:800}.zcl-minus{color:#b64739;font-weight:800}
.zcl-field{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#615445;min-width:0}.zcl-field input,.zcl-field select{width:100%;border:1px solid #dad0c0;border-radius:12px;background:#fff;color:#3f3930;min-height:43px;padding:10px 12px;outline:none;font-size:13px}.zcl-field input:focus,.zcl-field select:focus{border-color:#b49a68;box-shadow:0 0 0 3px #bb945a22}.zcl-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.zcl-root form{display:flex;flex-direction:column;gap:14px}.zcl-check{display:flex;gap:10px;align-items:center;font-size:13px;cursor:pointer}.zcl-check input{accent-color:#987341;width:17px;height:17px}
.zcl-primary{border:1px solid #a68451;background:linear-gradient(110deg,#b99a68,#d4b47d,#a78755);color:#271d12!important;box-shadow:0 9px 22px #92704428;cursor:pointer;border-radius:13px;padding:12px 17px;min-height:44px;font-weight:800}.zcl-primary:disabled{opacity:.45;cursor:not-allowed}.zcl-plain{font-size:12px;min-height:42px}.zcl-sms-actions{display:flex;flex-wrap:wrap;gap:8px}.zcl-loading{padding:40px;text-align:center;color:#73695d;background:#faf8f3;border-radius:20px}.zcl-root button:focus-visible{outline:3px solid #a78044;outline-offset:2px}
.zsc-display{background:radial-gradient(circle at 30% 10%,#575248,#2b2c2a);color:#f8e6bc;border:1px solid #8b7852;min-height:150px;padding:22px;border-radius:20px;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;margin-bottom:16px;direction:rtl}.zsc-display small{font-size:12px;color:#dac8a9}.zsc-display strong{font-family:ui-monospace,Consolas,monospace;direction:ltr;font-size:clamp(31px,4.5vw,52px);font-variant-numeric:tabular-nums}.zsc-display span{font-size:13px}.zsc-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.zsc-actions button{flex:1 1 180px}
html[data-workspace-layout^="orbit-"] .zcl-root{color:var(--zcl-ink)}html[data-gallery-theme="onyx-gold"] .zcl-root{--zcl-ink:#eee5d5}
@media(max-width:950px){.zcl-layout{grid-template-columns:1fr}.zcl-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:530px){.zcl-hero{padding:20px;min-height:125px}.zcl-hero-icon{width:52px;height:52px;font-size:28px}.zcl-stats{gap:9px}.zcl-stat{padding:13px;min-height:100px}.zcl-stat strong{font-size:21px}.zcl-box{padding:15px}.zcl-fields{grid-template-columns:1fr}}