/* ZarModir Product Intelligence - scoped premium jewelry workstation */
.zi-root{--zi-ink:var(--ink,#252b2a);--zi-accent:var(--gold,#b69361);--zi-muted:var(--muted,#8e918d);--zi-border:color-mix(in srgb,var(--zi-accent) 15%,#d9ddd9);--zi-soft:color-mix(in srgb,var(--zi-accent) 7%,#fff);color:var(--zi-ink);max-width:1720px;margin:0 auto;font-size:13px;line-height:1.7}
.zi-root *{box-sizing:border-box}.zi-root button{font-family:inherit;cursor:pointer}.zi-dashboard{display:grid;gap:18px;padding-bottom:92px}
.zi-hero{background:linear-gradient(115deg,#202e2b,#14201e 65%,#2a3830);position:relative;overflow:hidden;padding:31px clamp(22px,4vw,50px);border-radius:25px;display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #f5d69c23;box-shadow:0 19px 45px #172b2520;color:#f8f5ed;min-height:191px}
.zi-hero:before{content:"";position:absolute;width:440px;height:440px;border:1px solid #e3c58b24;border-radius:50%;left:-80px;top:-240px;box-shadow:0 0 0 36px #dcc28c07,0 0 0 76px #e1c38406}.zi-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 10%,#ffffff08,transparent 45%);pointer-events:none}.zi-eyebrow{letter-spacing:2.5px;font:600 10px/1.8 system-ui,sans-serif;color:#d6bd88;direction:ltr;display:inline-block}.zi-hero h2{font-size:clamp(22px,2.6vw,34px);letter-spacing:-.9px;margin:8px 0 6px;font-weight:950}.zi-hero h2 em{font-style:normal;color:#e3c18a}.zi-hero p{color:#cbd4ce;font-size:12px;margin:0;max-width:610px;line-height:2.1}.zi-hero-icon{flex:0 0 105px;width:105px;height:105px;border:1px solid #e5c78d60;border-radius:32px;display:grid;place-items:center;font-size:65px;background:linear-gradient(150deg,#d5b47318,#b78c4b05);box-shadow:inset 0 1px 0 #ffffff24,0 18px 40px #0002;color:#edca86;transform:rotate(-8deg)}
.zi-top-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.zi-tabs{display:inline-flex;padding:5px;border-radius:16px;background:var(--white,#fff);border:1px solid var(--zi-border);gap:4px}.zi-tab{border:0;padding:11px 18px;border-radius:12px;background:none;color:var(--zi-muted);font-weight:800}.zi-tab.active{background:#263732;color:#faf9f4;box-shadow:0 3px 10px #162a2726}.zi-utility{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start}.zi-btn{border:1px solid var(--zi-border);padding:11px 15px;background:var(--white,#fff);border-radius:12px;color:var(--zi-ink);font-size:11px;font-weight:800;white-space:nowrap}.zi-btn:hover{border-color:var(--zi-accent);color:var(--zi-accent)}.zi-workspace{display:grid;grid-template-columns:285px minmax(0,1fr);gap:16px;align-items:start}.zi-filters,.zi-search-main,.zi-chart-card,.zi-kpi,.zi-analysis-table{background:var(--white,#fff);border:1px solid var(--zi-border);border-radius:20px;box-shadow:0 8px 29px #263c3507;min-width:0}.zi-filters{padding:21px 18px;position:sticky;top:95px;display:grid;gap:17px}.zi-filters-head{display:flex;align-items:center;justify-content:space-between;gap:6px;border-bottom:1px solid var(--zi-border);padding-bottom:16px}.zi-filters-head h3{font-size:15px;margin:0}.zi-filters-head span{color:var(--zi-muted);font-size:10px}.zi-filter-group{display:grid;gap:9px}.zi-filter-group>label{font-weight:850;font-size:11px}.zi-filter-group small{color:var(--zi-muted)}.zi-input{height:42px;border:1px solid var(--zi-border);background:var(--white,#fff);color:var(--zi-ink);border-radius:11px;padding:10px 12px;width:100%;min-width:0;font:inherit;font-size:12px;outline:none}.zi-input:focus{border-color:var(--zi-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--zi-accent) 14%,transparent)}.zi-dual{display:grid;grid-template-columns:1fr 1fr;gap:7px}.zi-dual .zi-input{min-width:0}.zi-filter-options{display:flex;flex-wrap:wrap;gap:6px}.zi-filter-chip{border:1px solid var(--zi-border);border-radius:9px;background:var(--zi-soft);padding:7px 11px;color:var(--zi-ink);font-size:11px}.zi-filter-chip.active{background:color-mix(in srgb,var(--zi-accent) 17%,#fff);color:#2e3a33;border-color:var(--zi-accent);font-weight:850}.zi-search-main{padding:clamp(18px,2.2vw,28px)}.zi-section-heading,.zi-results-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:20px}.zi-section-heading span,.zi-results-head small{font-size:10px;color:var(--zi-accent);font-weight:800;letter-spacing:.4px}.zi-section-heading h3,.zi-results-head h3{font-size:19px;font-weight:950;margin:3px 0 4px;letter-spacing:-.4px}.zi-section-heading p{margin:0;font-size:11px;color:var(--zi-muted)}.zi-counter{font-size:11px!important;background:color-mix(in srgb,var(--zi-accent) 10%,#fff);border:1px solid color-mix(in srgb,var(--zi-accent) 23%,#fff);color:var(--zi-ink)!important;padding:9px 15px;border-radius:30px;white-space:nowrap;letter-spacing:0!important}.zi-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}.zi-cat{position:relative;border:1px solid var(--zi-border);background:linear-gradient(150deg,var(--white,#fff),var(--zi-soft));border-radius:16px;display:flex;align-items:center;flex-direction:column;padding:9px 8px 11px;min-height:151px;gap:3px;transition:transform .15s,border .15s,box-shadow .15s;overflow:hidden;color:var(--zi-ink)}.zi-cat:hover{transform:translateY(-3px);box-shadow:0 9px 22px #3348371c}.zi-cat.selected{border:1.5px solid var(--zi-accent);background:color-mix(in srgb,var(--zi-accent) 9%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--zi-accent) 11%,transparent)}.zi-cat-visual{height:78px;width:100%;max-width:122px;display:grid;place-items:center;background:linear-gradient(145deg,#faf9f5,#f4ede2);border:1px solid #e7dfd1;border-radius:11px;overflow:hidden}.zi-cat-visual img{width:100%;height:100%;object-fit:cover}.zi-cat-visual>span{font-size:39px;filter:drop-shadow(0 7px 9px #b6a37f20)}.zi-cat-name{font-size:12px;font-weight:850;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}.zi-cat small{color:var(--zi-muted);font-size:9px}.zi-cat-check{position:absolute;left:5px;top:4px;border-radius:50%;width:21px;height:21px;background:var(--zi-accent);color:#fff;font-size:11px;display:none;place-items:center;font-style:normal}.zi-cat.selected .zi-cat-check{display:grid}.zi-results-head{border-top:1px solid var(--zi-border);padding-top:24px;margin:28px 0 16px}.zi-results-tools{display:flex;gap:6px;align-items:center}.zi-results-tools .zi-input{max-width:157px}.zi-switch{width:38px;height:38px;border:1px solid var(--zi-border);border-radius:10px;background:transparent;color:var(--zi-muted);font-size:18px}.zi-switch.active{background:#263732;color:white}.zi-products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.zi-product{border:1px solid var(--zi-border);border-radius:17px;padding:12px;background:var(--white,#fff);display:grid;gap:8px;min-width:0;transition:.16s;box-shadow:0 4px 12px #122e1b06}.zi-product:hover{transform:translateY(-2px);box-shadow:0 10px 22px #203f2920}.zi-product-selected{border-color:var(--zi-accent);background:color-mix(in srgb,var(--zi-accent) 5%,#fff)}.zi-product-head{display:flex;align-items:center;justify-content:space-between;gap:7px}.zi-product-pick{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--zi-muted);cursor:pointer}.zi-product-pick input{accent-color:var(--zi-accent)}.zi-chip{padding:4px 8px;border-radius:30px;background:#fff2de;color:#856a42;font-size:9px;white-space:nowrap}.zi-chip.available{background:#e9f6ed;color:#367359}.zi-product-photo{height:125px;border-radius:13px;background:linear-gradient(120deg,#f7f1e7,#faf9f6);display:grid;place-items:center;overflow:hidden}.zi-product-photo img{width:100%;height:100%;object-fit:contain}.zi-product-photo>span{font-size:52px}.zi-product h4{font-size:12px;line-height:1.9;margin:0;font-weight:900;min-height:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zi-product-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;color:var(--zi-muted);font-size:10px}.zi-product-meta b{color:var(--zi-ink);font-weight:700}.zi-product-price{font-size:15px;font-weight:950;color:#344c3d;padding-top:6px;border-top:1px dashed var(--zi-border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zi-product-price small{font-size:9px;color:var(--zi-muted);font-weight:500}.zi-product-actions{display:flex;gap:5px;flex-wrap:wrap}.zi-mini-btn{border:1px solid var(--zi-border);border-radius:8px;padding:8px 6px;background:var(--zi-soft);font-size:10px;font-weight:700;color:var(--zi-ink);flex:1;white-space:nowrap}.zi-mini-btn:hover{border-color:var(--zi-accent)}.zi-sticky-actions{position:sticky;bottom:13px;z-index:10;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;background:color-mix(in srgb,#172923 93%,#fff);color:#fff;border:1px solid #cdb77b3a;border-radius:18px;padding:12px 20px;box-shadow:0 12px 35px #04110b4a;width:max-content;max-width:100%;margin:auto}.zi-sticky-actions b{color:#e5c17d}.zi-sticky-actions .zi-btn{background:#ffffff17;color:#fff;border-color:#ffffff35}.zi-action-primary{background:linear-gradient(110deg,#d5b57a,#ebcf9b);color:#203329;border:0;border-radius:11px;min-height:41px;padding:10px 16px;font-weight:900;white-space:nowrap}.zi-action-primary:hover{filter:brightness(1.04)}.zi-action-primary:disabled{opacity:.48;cursor:not-allowed}.zi-notice{position:fixed;bottom:78px;left:20px;z-index:30;background:#20352e;color:#fff;padding:13px 21px;border-radius:12px;box-shadow:0 12px 30px #0004;max-width:400px}.zi-notice.error{background:#a7473d}.zi-empty{border:1px dashed var(--zi-border);padding:45px 20px;text-align:center;border-radius:16px;color:var(--zi-muted);background:var(--zi-soft)}.zi-hint,.zi-footnote{font-size:11px;color:var(--zi-muted);line-height:2}.zi-table-scroll{overflow:auto;max-width:100%}.zi-products-table{width:100%;border-collapse:collapse;min-width:680px;font-size:11px}.zi-products-table th{text-align:right;padding:13px;border-bottom:1px solid var(--zi-border);background:var(--zi-soft);font-size:10px;color:var(--zi-muted)}.zi-products-table td{text-align:right;padding:11px 13px;border-bottom:1px solid var(--zi-border)}.zi-products-table tbody tr:hover{background:var(--zi-soft)}.zi-inline-code{display:block;direction:ltr;text-align:right;color:var(--zi-muted);font-size:9px}.zi-analytics-filters{display:flex;align-items:end;flex-wrap:wrap;gap:11px;background:var(--white,#fff);border:1px solid var(--zi-border);padding:18px;border-radius:17px}.zi-analytics-filters label{display:grid;gap:5px;flex:1 1 160px;color:var(--zi-muted);font-size:11px}.zi-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.zi-kpi{padding:17px;position:relative;min-height:131px}.zi-kpi>span{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:var(--zi-soft);color:var(--zi-accent);font-size:22px;margin-bottom:9px}.zi-kpi small{display:block;color:var(--zi-muted);font-size:11px}.zi-kpi strong{font-size:clamp(15px,1.5vw,22px);display:block;margin-top:7px;font-weight:950;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.zi-kpi p{font-size:9px;color:var(--zi-muted);margin:4px 0 0}.zi-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.zi-chart-card{padding:21px;min-height:260px}.zi-chart-title h3{font-size:15px;margin:0;font-weight:950}.zi-chart-title small{color:var(--zi-muted);font-size:10px}.zi-chart-rows{display:grid;gap:14px;margin-top:23px}.zi-chart-label{display:flex;justify-content:space-between;gap:9px;margin-bottom:6px;font-size:11px}.zi-chart-label b{font-size:11px}.zi-chart-line{height:9px;border-radius:20px;background:var(--zi-soft);overflow:hidden}.zi-chart-line i{display:block;background:var(--zi-bar-color,#bd914f);height:100%;border-radius:20px;transition:width .2s}.zi-analysis-table{padding:21px}.zi-preset-list{display:grid;gap:5px}.zi-preset{display:flex;align-items:center;justify-content:space-between;background:var(--zi-soft);border-radius:8px;padding:4px}.zi-preset-load,.zi-preset-delete{background:transparent;border:0;color:var(--zi-ink);padding:5px;font-size:10px}.zi-preset-delete{color:#b4433c;font-size:17px}
.zi-modal-backdrop{position:fixed;inset:0;z-index:100;background:#101b18b3;backdrop-filter:blur(7px);display:grid;place-items:center;padding:20px}.zi-modal{width:min(740px,96vw);max-height:89svh;overflow:auto;background:var(--white,#fff);color:var(--zi-ink);border:1px solid var(--zi-border);border-radius:24px;box-shadow:0 30px 100px #0006;padding:clamp(18px,3vw,32px);position:relative}.zi-modal-x{position:absolute;left:17px;top:15px;border:1px solid var(--zi-border);background:var(--zi-soft);border-radius:12px;width:34px;height:34px;color:var(--zi-ink)}.zi-modal-title{padding-bottom:15px;border-bottom:1px solid var(--zi-border);margin-bottom:19px}.zi-modal-title small{letter-spacing:1.8px;color:var(--zi-accent);font-size:9px}.zi-modal-title h2{font-size:22px;margin:6px 0}.zi-modal-title p{color:var(--zi-muted);margin:2px 0;font-size:11px}.zi-manager-list{display:grid;gap:9px;max-height:45svh;overflow:auto;padding-left:5px}.zi-manager-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:9px;border:1px solid var(--zi-border);border-radius:12px}.zi-manager-row strong{flex:1;min-width:90px}.zi-manager-thumb{height:52px;width:52px;background:var(--zi-soft);display:grid;place-items:center;border-radius:10px;font-size:25px;overflow:hidden}.zi-manager-thumb img{width:100%;height:100%;object-fit:cover}.zi-manager-row>label{display:grid;gap:3px;font-size:10px}.zi-manager-row>label .zi-input{width:85px;height:34px}.zi-manager-visible{display:flex!important;align-items:center;gap:4px!important}.zi-manager-upload{cursor:pointer;border:1px dashed var(--zi-accent);padding:9px;border-radius:10px}.zi-manager-upload input{display:block;width:135px;max-width:100%;font-size:9px}.zi-save-row{padding:8px 10px}.zi-manager-create{padding-top:16px;border-top:1px solid var(--zi-border);margin-top:12px}.zi-manager-create form{display:flex;gap:10px}.zi-facet-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.zi-facet-form label,.zi-quote-form label,.zi-modal [data-zi-form="to-tray"] label{display:grid;gap:6px;font-size:11px;font-weight:800}.zi-facet-form button{grid-column:1/-1}.zi-quote-form{display:flex;align-items:end;flex-wrap:wrap;gap:12px;border:1px solid var(--zi-border);border-radius:15px;background:var(--zi-soft);padding:14px}.zi-quote-form label{flex:1;min-width:150px}.zi-quote-form small{color:var(--zi-muted);font-size:9px;width:100%}.zi-quote-summary{display:flex;gap:16px;justify-content:space-between;align-items:center;margin:20px 0;font-size:12px}.zi-quote-summary span{color:var(--zi-muted)}.zi-history-chart{height:98px;border-bottom:1px solid var(--zi-border);display:flex;align-items:end;gap:4px;direction:ltr;padding:3px 8px 0;margin-bottom:17px}.zi-history-chart span{background:linear-gradient(0deg,#739287,#d0b077);min-width:8px;flex:1;border-radius:5px 5px 0 0}.zi-history-list{display:grid;gap:9px;max-height:39vh;overflow:auto}.zi-history-entry{border:1px solid var(--zi-border);border-radius:12px;padding:12px 13px}.zi-history-entry summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:9px;list-style:none}.zi-history-entry summary div{display:grid}.zi-history-entry summary strong{font-size:14px}.zi-history-entry summary small{color:var(--zi-muted);font-size:10px}.zi-history-entry summary span{color:var(--zi-accent);font-size:10px}.zi-history-details{display:grid;grid-template-columns:1fr auto;gap:9px;background:var(--zi-soft);border-radius:9px;padding:13px;margin-top:12px;font-size:11px}.zi-history-details b{text-align:left}.zi-root [data-zi-form="to-tray"]{display:grid;gap:15px}.zi-loading{text-align:center;padding:100px 20px;color:var(--zi-muted)}.zi-spinner{display:inline-block;width:12px;height:12px;border:2px solid var(--zi-accent);border-radius:50%;border-top-color:transparent;animation:zi-spin .8s linear infinite}@keyframes zi-spin{to{transform:rotate(360deg)}}
@media(max-width:1480px){.zi-category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.zi-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1150px){.zi-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.zi-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zi-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zi-workspace{grid-template-columns:238px minmax(0,1fr)}.zi-filters{position:static}}
@media(max-width:850px){.zi-workspace{grid-template-columns:minmax(0,1fr)}.zi-filters{position:static;display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px}.zi-filters-head{flex:1 0 100%}.zi-filter-group{flex:1 1 180px}.zi-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.zi-sticky-actions{width:100%;border-radius:14px}.zi-hero-icon{display:none}}
@media(max-width:580px){.zi-hero{padding:24px 18px;min-height:160px;border-radius:17px}.zi-hero h2{font-size:23px}.zi-hero p{font-size:11px}.zi-top-actions{display:grid}.zi-tabs{width:100%}.zi-tab{flex:1;padding:9px 10px;font-size:10px}.zi-utility{justify-content:center}.zi-workspace{gap:11px}.zi-search-main{padding:13px}.zi-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.zi-cat{min-height:128px;padding:7px 4px}.zi-cat-visual{height:66px}.zi-cat-visual span{font-size:31px}.zi-cat-name{font-size:10px}.zi-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.zi-product{padding:8px}.zi-product-photo{height:92px}.zi-product-actions{display:grid}.zi-product-price{font-size:12px}.zi-kpi-grid,.zi-insight-grid{grid-template-columns:1fr 1fr;gap:8px}.zi-kpi{padding:13px}.zi-kpi strong{font-size:16px}.zi-chart-card{padding:13px}.zi-chart-title h3{font-size:12px}.zi-chart-label{font-size:9px}.zi-analytics-filters{padding:12px}.zi-sticky-actions{padding:10px;gap:6px;font-size:11px}.zi-sticky-actions button{font-size:10px;padding:9px}.zi-facet-form{grid-template-columns:1fr}.zi-manager-create form{display:grid}.zi-manager-row{gap:5px}.zi-modal{border-radius:16px;padding:17px}}
@media(prefers-reduced-motion:reduce){.zi-root *{transition:none!important;animation:none!important}}