/* ============================================================ Exhibition module — exhibition.css (Oct 1 2026) Ported from the "EXHIBITION MODULE - MOBILE" mockup. Every rule is scoped under #exhibition-root and every class carries the ex- prefix (same convention as cmp-/rm-/tv- in the other module stylesheets), so nothing here leaks into other tabs and global rules (style.css label, input, .tab-panel h1…) are overridden where they would leak in. ============================================================ */ #exhibition-root{ --bg:#F6F3EA; --surface:#FFFFFF; --line:#DDD6C4; --line-soft:#EAE4D4; --line-soft2:#E3DDCC; --ink:#22262E; --ink-soft:#8B8577; --ink-soft2:#6B7280; --teal:#2F6E6E; --teal-light:#3E7C7C; --teal-tint:#E9F2F1; --gold:#DA9F3D; --gold-tint:#FBF1DF; --green:#3F7D4F; --green-tint:#E9F4EC; --red:#B85C4A; --red-dark:#8A3F30; --red-tint:#F6E9E6; --red-line:#E3C3BB; /* Oct 1 2026: forms use the same type as Orders (orders.css) — Inter only, no serif. --serif is kept as a name so every heading rule picks it up. */ --serif:'Inter', system-ui, 'Segoe UI', sans-serif; --sans:'Inter', system-ui, 'Segoe UI', sans-serif; font-family:var(--sans);color:var(--ink);font-size:14px; } #exhibition-root *{box-sizing:border-box} #exhibition-root button,#exhibition-root input,#exhibition-root textarea,#exhibition-root select{font-family:var(--sans);color:inherit} #exhibition-root button{background:none;border:0;cursor:pointer;padding:0;font-size:inherit;line-height:inherit;text-align:inherit;width:auto;height:auto;box-shadow:none;text-transform:none;letter-spacing:normal} #exhibition-root button[disabled]{cursor:default} #exhibition-root ::selection{background:rgba(47,110,110,0.22)} #exhibition-root :focus-visible{outline:2px solid var(--teal);outline-offset:2px} #exhibition-root svg{flex:none} /* undo style.css's global label { display:flex; flex-direction:column; flex:1 } */ #exhibition-root label{display:block;flex:none;gap:0} #exhibition-root .ex-wrap{max-width:1180px;margin:0 auto} #exhibition-root .ex-loading{padding:40px 0;text-align:center;color:var(--ink-soft);font-size:13.5px} #exhibition-root .ex-page-head{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--line-soft2);padding-bottom:16px;margin-bottom:20px;flex-wrap:wrap;gap:12px} #exhibition-root .ex-brand-eyebrow{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 4px} #exhibition-root h1{font-family:var(--serif);font-weight:700;font-size:34px;margin:0;letter-spacing:-0.01em;color:var(--ink)} #exhibition-root .ex-tagline{font-size:12.5px;color:var(--ink-soft);text-align:right;line-height:1.6} #exhibition-root .ex-grid{display:grid;grid-template-columns:1.25fr 0.75fr;gap:24px;align-items:start} #exhibition-root .ex-panel{background:var(--surface);border:1px solid var(--line-soft);border-radius:10px} #exhibition-root .ex-section{padding:22px;border-bottom:1px solid var(--line-soft2)} #exhibition-root .ex-section:last-child{border-bottom:none} #exhibition-root .ex-section-title{font-family:var(--serif);font-size:16px;font-weight:600;color:var(--ink);margin:0 0 14px;display:flex;align-items:center;gap:8px} #exhibition-root .ex-section-title::after{content:"";flex:1;height:1px;background:var(--line-soft2)} #exhibition-root .ex-count{font-family:var(--sans);font-size:11px;font-weight:600;color:var(--teal);background:var(--teal-tint);border-radius:999px;padding:1px 8px} #exhibition-root .ex-field{display:flex;flex-direction:column;gap:6px;min-width:0} #exhibition-root label{font-size:11px;color:var(--ink-soft);font-weight:600;letter-spacing:.06em;text-transform:uppercase} #exhibition-root label .ex-opt{text-transform:none;letter-spacing:0;font-weight:500} #exhibition-root input, #exhibition-root textarea{font-size:13.5px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);width:100%} #exhibition-root input[readonly]{background:var(--bg);color:var(--ink)} #exhibition-root textarea{line-height:1.6;resize:vertical;min-height:70px} #exhibition-root input:focus, #exhibition-root textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(47,110,110,0.15)} #exhibition-root input::placeholder, #exhibition-root textarea::placeholder{color:#B3AC9C} #exhibition-root .ex-phone-inp{display:flex;border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow:hidden} #exhibition-root .ex-phone-inp span{padding:9px 10px;font-size:13.5px;color:var(--ink-soft);background:var(--bg);border-right:1px solid var(--line)} #exhibition-root .ex-phone-inp input{border:0;border-radius:0;flex:1;min-width:0} #exhibition-root .ex-phone-inp input:focus{box-shadow:none} #exhibition-root .ex-phone-inp:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px rgba(47,110,110,0.15)} #exhibition-root .ex-field.ex-bad input, #exhibition-root .ex-field.ex-bad .ex-phone-inp{border-color:var(--red)} #exhibition-root .ex-err{font-size:11.5px;color:var(--red)} #exhibition-root .ex-err:empty{display:none} #exhibition-root .ex-readout-line{font-size:11.5px;color:var(--ink-soft);margin-top:2px;line-height:1.5} #exhibition-root .ex-readout-line b{color:var(--green)} #exhibition-root .ex-readout-line.ex-warm b{color:#9A6B1E} #exhibition-root .ex-hint{margin:-4px 0 14px;font-size:12.5px} #exhibition-root .ex-wl-tools{display:flex;gap:10px;margin-bottom:14px} #exhibition-root .ex-scan-btn{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13.5px;font-weight:600;padding:0 16px;min-height:40px;background:var(--ink);color:var(--bg);border-radius:8px;white-space:nowrap} #exhibition-root .ex-scan-btn:hover{background:#3a3f4a} #exhibition-root .ex-scan-btn.ex-on{background:var(--surface);color:var(--ink);border:1px solid var(--line)} #exhibition-root .ex-wl-search{position:relative;flex:1;min-width:0} #exhibition-root .ex-wl-search input{padding-left:34px;min-height:40px} #exhibition-root .ex-wl-search > svg{position:absolute;left:11px;top:11px;color:var(--ink-soft)} #exhibition-root .ex-results{position:absolute;left:0;right:0;top:calc(100% + 4px);background:var(--surface);border:1px solid var(--line-soft);border-radius:10px;box-shadow:0 8px 20px rgba(34,38,46,0.14);z-index:15;display:none;max-height:290px;overflow-y:auto} #exhibition-root .ex-results.ex-show{display:block} #exhibition-root .ex-results button{display:flex;gap:12px;align-items:center;width:100%;text-align:left;padding:10px 12px;border-top:1px solid var(--line-soft)} #exhibition-root .ex-results button:first-child{border-top:0} #exhibition-root .ex-results button:hover, #exhibition-root .ex-results button.ex-hl{background:var(--bg)} #exhibition-root .ex-results button[disabled]{opacity:.45;cursor:default} #exhibition-root .ex-results .ex-rc{font-size:12.5px;font-weight:600;color:var(--teal)} #exhibition-root .ex-results .ex-rn{font-size:12.5px;color:var(--ink-soft2);margin-top:1px} #exhibition-root .ex-results .ex-rp{margin-left:auto;font-size:12.5px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums} #exhibition-root .ex-results .ex-none{padding:14px 12px;color:var(--ink-soft);font-size:13px} #exhibition-root .ex-scanbox{border:1px solid var(--line-soft);border-radius:10px;padding:12px;margin-bottom:14px;background:var(--bg)} #exhibition-root .ex-vf{position:relative;height:180px;border-radius:8px;background:radial-gradient(circle at 50% 40%,#353a44,#1b1e24);overflow:hidden;display:grid;place-items:center} #exhibition-root .ex-vf i{position:absolute;width:24px;height:24px;border:2.5px solid var(--gold)} #exhibition-root .ex-vf .ex-bl{bottom:24px;left:24%;border-right:0;border-top:0;border-radius:0 0 0 6px} #exhibition-root .ex-add-btn{font-size:12.5px;font-weight:600;padding:9px 16px;background:var(--teal-tint);border:1px solid var(--teal-light);color:var(--teal);border-radius:8px;text-align:center} #exhibition-root .ex-add-btn:hover{background:var(--teal);color:#fff;border-color:var(--teal)} #exhibition-root .ex-item-card{border:1px solid var(--line-soft);border-left:4px solid var(--teal);background:var(--surface);margin-bottom:14px;border-radius:8px;overflow:hidden} #exhibition-root .ex-item-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--teal-tint);padding:10px 16px} #exhibition-root .ex-ic-badge{font-family:var(--serif);font-size:13.5px;font-weight:600;color:var(--teal)} #exhibition-root .ex-remove-item-btn{font-size:11.5px;font-weight:600;border:1px solid var(--red-line);color:var(--red);padding:5px 12px;border-radius:8px;white-space:nowrap} #exhibition-root .ex-remove-item-btn:hover{background:var(--red);color:#fff;border-color:var(--red)} #exhibition-root .ex-item-card-body{padding:16px} #exhibition-root .ex-prod{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--line-soft2)} #exhibition-root .ex-pname{font-family:var(--serif);font-size:15px;font-weight:600} #exhibition-root .ex-pmeta{font-size:12px;color:var(--ink-soft);margin-top:3px;line-height:1.5} #exhibition-root .ex-pprice{font-size:13.5px;font-weight:700;color:var(--green);white-space:nowrap;font-variant-numeric:tabular-nums} #exhibition-root .ex-wl-empty{border:1px dashed var(--line);border-radius:8px;padding:22px 14px;text-align:center;color:var(--ink-soft);font-size:13px;line-height:1.6} #exhibition-root .ex-summary-card{position:sticky;top:20px;background:var(--surface);border:1px solid var(--line-soft);border-radius:10px;padding:22px} #exhibition-root .ex-sc-title{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 14px} #exhibition-root .ex-sc-row{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;padding:6px 0;color:var(--ink-soft)} #exhibition-root .ex-sc-row span:last-child{color:var(--ink);font-weight:600;text-align:right} #exhibition-root .ex-sc-row.ex-total{border-top:1px solid var(--line-soft2);margin-top:6px;padding-top:12px;align-items:baseline} #exhibition-root .ex-sc-row.ex-total span:first-child{font-family:var(--serif);font-weight:600;font-size:15px;color:var(--ink)} #exhibition-root .ex-sc-row.ex-total span:last-child{font-family:var(--serif);font-weight:700;font-size:22px;color:var(--teal)} #exhibition-root .ex-action-row{display:flex;gap:10px;margin-top:14px} #exhibition-root .ex-action-btn{flex:1;padding:11px 10px;border-radius:999px;font-size:13px;font-weight:600;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:6px;background:var(--surface);color:var(--ink)} #exhibition-root .ex-action-btn:hover{background:var(--bg)} #exhibition-root .ex-logged{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px dotted var(--line)} #exhibition-root .ex-logged:first-of-type{border-top:0;padding-top:0} #exhibition-root .ex-logged strong{font-size:13.5px;font-weight:600} #exhibition-root .ex-logged small{display:block;color:var(--ink-soft);font-size:11.5px;margin-top:2px} #exhibition-root .ex-logged .ex-t{color:var(--ink-soft);font-size:11.5px;white-space:nowrap} #exhibition-root .ex-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px} #exhibition-root .ex-stat{background:var(--surface);border:1px solid var(--line-soft);border-radius:10px;padding:18px 20px} #exhibition-root .ex-stat b{display:block;font-family:var(--serif);font-size:30px;font-weight:700;color:var(--teal);line-height:1.1} #exhibition-root .ex-stat span{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)} #exhibition-root .ex-soon{padding:40px 28px;text-align:center} #exhibition-root .ex-soon h2{font-family:var(--serif);font-size:22px;font-weight:600;margin:0 0 8px} #exhibition-root .ex-soon p{margin:0 auto;max-width:460px;color:var(--ink-soft2);font-size:13.5px;line-height:1.6} #exhibition-root .ex-soon .ex-saves{display:inline-block;margin-top:14px;font-size:12px;font-weight:600;color:var(--teal);background:var(--teal-tint);border-radius:999px;padding:4px 12px} #exhibition-root .ex-soon ul{text-align:left;max-width:380px;margin:18px auto 0;padding-left:18px;font-size:13px;line-height:1.8;color:var(--ink)} #exhibition-root .ex-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,16px);background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:999px;font-size:13px;font-weight:500;opacity:0;pointer-events:none;transition:all .25s;z-index:50;white-space:nowrap} #exhibition-root .ex-toast.ex-show{opacity:1;transform:translate(-50%,0)} @media (prefers-reduced-motion:reduce){#exhibition-root *{transition:none!important;animation:none!important}} #exhibition-root .ex-seg{display:flex;gap:8px;flex-wrap:wrap} #exhibition-root .ex-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:13px;font-weight:600;color:var(--ink-soft2)} #exhibition-root .ex-chip:hover{border-color:var(--ink-soft);color:var(--ink)} #exhibition-root .ex-chip.ex-sm{padding:6px 12px;font-size:12.5px} #exhibition-root .ex-chip.ex-on{background:var(--ink);border-color:var(--ink);color:var(--bg)} #exhibition-root .ex-chip .ex-dot, #exhibition-root .ex-tpill .ex-dot{width:8px;height:8px;border-radius:50%;background:currentColor} #exhibition-root .ex-temp-seg .ex-chip{flex:1;justify-content:center;max-width:140px} #exhibition-root .ex-chip.ex-t-hot{color:var(--red)} #exhibition-root .ex-chip.ex-t-warm{color:#9A6B1E} #exhibition-root .ex-chip.ex-t-cold{color:var(--teal)} #exhibition-root .ex-chip.ex-t-hot.ex-on{background:var(--red-tint);border-color:var(--red);color:var(--red-dark)} #exhibition-root .ex-chip.ex-t-warm.ex-on{background:var(--gold-tint);border-color:var(--gold);color:#7A5316} #exhibition-root .ex-chip.ex-t-cold.ex-on{background:var(--teal-tint);border-color:var(--teal);color:var(--teal)} #exhibition-root .ex-field.ex-bad .ex-seg .ex-chip{border-color:var(--red-line)} #exhibition-root .ex-fu-field{margin-top:18px} #exhibition-root .ex-fu-box{margin-top:14px;padding:16px;background:var(--bg);border:1px solid var(--line-soft);border-radius:8px;display:flex;flex-direction:column;gap:14px} #exhibition-root .ex-store-line{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--ink-soft2);line-height:1.5;padding-bottom:12px;border-bottom:1px solid var(--line-soft2)} #exhibition-root .ex-store-line svg{color:var(--teal);margin-top:1px} #exhibition-root .ex-store-line b{color:var(--ink);font-weight:600;font-size:13.5px} #exhibition-root .ex-tpill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:1px 8px;border-radius:999px;vertical-align:middle} #exhibition-root .ex-tpill.ex-t-hot{background:var(--red-tint);color:var(--red-dark)} #exhibition-root .ex-tpill.ex-t-warm{background:var(--gold-tint);color:#7A5316} #exhibition-root .ex-tpill.ex-t-cold{background:var(--teal-tint);color:var(--teal)} #exhibition-root .ex-logged small + small{margin-top:1px} #exhibition-root .ex-t-hot .ex-dot{background:var(--red)!important} #exhibition-root .ex-t-warm .ex-dot{background:var(--gold)!important} #exhibition-root .ex-t-cold .ex-dot{background:var(--teal)!important} #exhibition-root .ex-sc-row .ex-tpill.ex-t-hot, #exhibition-root .ex-logged .ex-tpill.ex-t-hot{color:var(--red-dark)} #exhibition-root .ex-sc-row .ex-tpill.ex-t-warm, #exhibition-root .ex-logged .ex-tpill.ex-t-warm{color:#7A5316} #exhibition-root .ex-sc-row .ex-tpill.ex-t-cold, #exhibition-root .ex-logged .ex-tpill.ex-t-cold{color:var(--teal)} #exhibition-root .ex-vpage{max-width:640px;margin:0 auto} #exhibition-root .ex-back{font-size:13.5px;font-weight:600;color:var(--ink-soft2);margin-bottom:14px} #exhibition-root .ex-back:hover{color:var(--teal)} #exhibition-root .ex-vh1{font-size:30px} #exhibition-root .ex-vsub{margin:4px 0 26px;font-size:13.5px;color:var(--ink-soft)} #exhibition-root .ex-vform .ex-vsec{margin-bottom:34px} #exhibition-root .ex-vtitle{display:flex;align-items:center;gap:14px;margin:0 0 16px;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)} #exhibition-root .ex-vtitle::after{content:"";flex:1;height:1px;background:var(--line-soft2)} #exhibition-root .ex-vtitle .ex-count{letter-spacing:0} #exhibition-root .ex-vform .ex-field{margin-bottom:18px;gap:8px} #exhibition-root .ex-vform .ex-vrow .ex-field:last-child{margin-bottom:18px} #exhibition-root .ex-vform label{font-size:11.5px;font-weight:700;letter-spacing:.1em;color:var(--ink-soft2)} #exhibition-root .ex-req{color:var(--red)} #exhibition-root .ex-vform input, #exhibition-root .ex-vform textarea{font-size:16px;padding:14px 16px;border-radius:12px;border-color:var(--line-soft2)} #exhibition-root .ex-vform .ex-phone-inp{border-radius:12px;border-color:var(--line-soft2)} #exhibition-root .ex-vform .ex-phone-inp span{padding:14px 14px;font-size:16px} #exhibition-root .ex-vform .ex-phone-inp input{padding:14px 16px} #exhibition-root .ex-vform .ex-wl-search input{padding-left:40px;min-height:52px} #exhibition-root .ex-vform .ex-wl-search > svg{left:14px;top:17px} #exhibition-root .ex-vform .ex-scan-btn{min-height:52px;border-radius:12px;font-size:14.5px;padding:0 18px} #exhibition-root .ex-vform .ex-readout-line{font-size:12.5px} #exhibition-root .ex-vform .ex-hint{margin:-6px 0 16px} #exhibition-root .ex-vform .ex-item-card textarea{font-size:15px;padding:12px 14px} #exhibition-root .ex-vform .ex-chip{padding:11px 18px;font-size:14px} #exhibition-root .ex-vform .ex-chip.ex-sm{padding:8px 14px;font-size:13px} #exhibition-root .ex-vform .ex-temp-seg .ex-chip{max-width:none} #exhibition-root .ex-vform .ex-fu-field{margin-top:4px} #exhibition-root .ex-vform .ex-fu-box .ex-field{margin-bottom:0} #exhibition-root .ex-save-btn{display:block;width:100%;padding:17px;border-radius:14px;background:#1D5E62;color:#fff;font-size:17px;font-weight:700;letter-spacing:.01em} #exhibition-root .ex-save-btn:hover{background:var(--teal)} #exhibition-root .ex-fu-box{margin-top:12px;padding:18px;background:var(--surface);border:1px solid var(--line-soft2);border-radius:12px;gap:18px} #exhibition-root .ex-store-line{padding-bottom:14px} #exhibition-root .ex-days{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;margin:0 -2px;scroll-snap-type:x proximity;scrollbar-width:thin} #exhibition-root .ex-day{position:relative;flex:none;width:64px;padding:10px 0 9px;display:flex;flex-direction:column;align-items:center;gap:1px;border:1.5px solid var(--line-soft2);border-radius:12px;background:var(--surface);scroll-snap-align:start} #exhibition-root .ex-day:hover{border-color:var(--line)} #exhibition-root .ex-day .ex-dw{font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--ink-soft);text-transform:uppercase} #exhibition-root .ex-day .ex-dn{font-family:var(--serif);font-size:22px;font-weight:600;line-height:1.15;color:var(--ink)} #exhibition-root .ex-day .ex-dm{font-size:11px;color:var(--ink-soft)} #exhibition-root .ex-day .ex-dt{position:absolute;top:-8px;left:50%;transform:translateX(-50%);font-size:9.5px;font-weight:700;white-space:nowrap;background:var(--gold-tint);color:#7A5316;border-radius:999px;padding:1px 6px} #exhibition-root .ex-day.ex-sun .ex-dw{color:var(--red)} #exhibition-root .ex-day.ex-on{background:var(--teal);border-color:var(--teal)} #exhibition-root .ex-day.ex-on .ex-dw, #exhibition-root .ex-day.ex-on .ex-dn, #exhibition-root .ex-day.ex-on .ex-dm{color:#fff} #exhibition-root .ex-day.ex-more{width:auto;min-width:86px;padding:10px 12px;justify-content:center;gap:6px;color:var(--ink-soft2)} #exhibition-root .ex-day.ex-more.ex-on svg{color:#fff} #exhibition-root .ex-days{padding-top:10px} #exhibition-root .ex-sr-date{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none} #exhibition-root .ex-field[data-f="fuDate"]{position:relative} #exhibition-root .ex-slots{display:grid;gap:8px} #exhibition-root .ex-slots.ex-call{grid-template-columns:repeat(3,1fr)} #exhibition-root .ex-slots.ex-visit{grid-template-columns:repeat(4,1fr)} #exhibition-root .ex-slot{padding:11px 8px;border:1.5px solid var(--line-soft2);border-radius:10px;background:var(--surface);font-size:13.5px;font-weight:600;color:var(--ink);text-align:center} #exhibition-root .ex-slot b{display:block;font-weight:600} #exhibition-root .ex-slot small{display:block;font-size:11.5px;font-weight:500;color:var(--ink-soft);margin-top:2px} #exhibition-root .ex-slot:hover{border-color:var(--line)} #exhibition-root .ex-slot.ex-on{background:var(--teal);border-color:var(--teal);color:#fff} #exhibition-root .ex-slot.ex-on small{color:#D5E7E5} #exhibition-root .ex-field.ex-bad .ex-slot, #exhibition-root .ex-field.ex-bad .ex-day{border-color:var(--red-line)} #exhibition-root .ex-wa{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink);cursor:pointer} #exhibition-root .ex-vform .ex-wa input{width:20px;height:20px;padding:0;accent-color:var(--teal);flex:none} #exhibition-root .ex-confirm{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:10px;background:var(--green-tint);color:var(--ink);font-size:13.5px;line-height:1.5} #exhibition-root .ex-confirm svg{color:var(--green);margin-top:2px} #exhibition-root .ex-confirm b{font-weight:600} #exhibition-root .ex-confirm[hidden]{display:none} #exhibition-root .ex-vform label.ex-wa{font-size:13.5px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink)} #exhibition-root .ex-confirm b{white-space:nowrap} #exhibition-root .ex-client-strip{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;text-align:left;background:var(--surface);border:1.5px solid var(--line-soft2);border-radius:12px} #exhibition-root .ex-av{width:38px;height:38px;flex:none;border-radius:50%;background:var(--teal-tint);color:var(--teal);display:grid;place-items:center;font-family:var(--serif);font-weight:700;font-size:16px;text-transform:uppercase} #exhibition-root .ex-vi{flex:1;min-width:0} #exhibition-root .ex-vi b{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600} #exhibition-root .ex-vi small{display:block;font-size:12px;color:var(--ink-soft);margin-top:2px} #exhibition-root .ex-client-strip{margin-bottom:28px;background:var(--teal-tint);border-color:#CFE2DF} #exhibition-root .ex-client-strip .ex-av{background:var(--teal);color:#fff} #exhibition-root .ex-totals{margin-top:8px;padding:6px 16px 12px;background:var(--surface);border:1px solid var(--line-soft2);border-radius:12px} #exhibition-root .ex-q-err{margin:0 0 10px;font-size:13px;text-align:center} #exhibition-root .ex-clear-row{text-align:center;margin:16px 0 0} #exhibition-root .ex-clear-row button{font-size:13px;font-weight:600;color:var(--ink-soft2);text-decoration:underline} #exhibition-root .ex-done-head{display:flex;align-items:center;gap:14px;margin:6px 0 22px} #exhibition-root .ex-done-ico{width:48px;height:48px;flex:none;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center} #exhibition-root .ex-done-ico svg{width:24px;height:24px} #exhibition-root .ex-wa-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:17px;border-radius:14px;background:#25D366;color:#fff;font-size:17px;font-weight:700;text-decoration:none} #exhibition-root .ex-wa-btn:hover{background:#1FAE58} #exhibition-root .ex-fu-box.ex-plain{padding:0;border:0;background:none} #exhibition-root .ex-confirm em{display:block;font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--green);margin-bottom:2px} #exhibition-root .ex-confirm b{white-space:normal} #exhibition-root .ex-chip[disabled]{opacity:.4;cursor:not-allowed} #exhibition-root .ex-client-strip.ex-found{margin:4px 0 0} #exhibition-root .ex-found-tag{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;color:var(--green);white-space:nowrap} #exhibition-root .ex-found-tag svg{width:14px;height:14px} #exhibition-root .ex-new-note{display:flex;align-items:center;gap:10px;margin:4px 0 16px;padding:10px 12px;border-radius:10px;background:var(--gold-tint);border:1px solid #EFD9AE;font-size:13px;color:#6B4A12} #exhibition-root .ex-new-note svg{width:18px;height:18px;color:#9A6B1E} #exhibition-root .ex-add-btn.ex-full{display:block;width:100%;padding:12px} #exhibition-root .ex-wnote{margin-top:8px;font-size:12.5px;color:var(--ink-soft2);font-style:italic} #exhibition-root .ex-readout-line:empty{display:none} #exhibition-root .ex-select-wrap{position:relative} #exhibition-root .ex-select-wrap select{appearance:none;-webkit-appearance:none;width:100%;font-family:var(--sans);font-size:16px;padding:14px 44px 14px 16px;border:1px solid var(--line-soft2);border-radius:12px;background:var(--surface);color:var(--ink);cursor:pointer} #exhibition-root .ex-select-wrap select:invalid, #exhibition-root .ex-select-wrap select option[disabled]{color:#B3AC9C} #exhibition-root .ex-select-wrap select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(47,110,110,0.15)} #exhibition-root .ex-select-wrap .ex-chev{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--ink-soft);pointer-events:none} #exhibition-root .ex-field.ex-bad select{border-color:var(--red)} #exhibition-root .ex-stat.ex-link{text-align:left;cursor:pointer;transition:border-color .15s} #exhibition-root .ex-stat.ex-link:hover{border-color:var(--teal)} #exhibition-root .ex-stat.ex-link em{display:block;font-style:normal;font-size:11.5px;font-weight:600;color:var(--teal);margin-top:6px} #exhibition-root .ex-sug-wrap{position:relative} #exhibition-root .ex-results.ex-sug button{gap:10px} #exhibition-root .ex-av.ex-sm{width:30px;height:30px;font-size:13px} #exhibition-root .ex-results .ex-sn{font-size:14px;font-variant-numeric:tabular-nums;color:var(--ink-soft2)} #exhibition-root .ex-results .ex-sn b{color:var(--ink);font-weight:700} #exhibition-root .ex-results.ex-sug .ex-tpill{margin-left:auto} #exhibition-root .ex-sc-row span.ex-tbc{color:var(--ink-soft);font-weight:500;font-style:italic} #exhibition-root .ex-stat b.ex-sm{font-size:24px;line-height:1.35} #exhibition-root .ex-rep{margin-bottom:18px} #exhibition-root .ex-rep-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:22px} #exhibition-root .ex-rep-grid:last-child{margin-bottom:0} #exhibition-root .ex-rep-h{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 10px} #exhibition-root .ex-rep-empty{font-size:13px;color:var(--ink-soft);margin:0} #exhibition-root .ex-bars{display:flex;flex-direction:column;gap:9px} #exhibition-root .ex-bar-row{display:grid;grid-template-columns:minmax(0,1.1fr) 1fr auto;align-items:center;gap:10px;font-size:13px} #exhibition-root .ex-bl{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #exhibition-root .ex-bl .ex-dot{width:8px;height:8px;border-radius:50%;flex:none} #exhibition-root .ex-dot.ex-t-hot{background:var(--red)} #exhibition-root .ex-dot.ex-t-warm{background:var(--gold)} #exhibition-root .ex-dot.ex-t-cold{background:var(--teal)} #exhibition-root .ex-bt{height:8px;border-radius:999px;background:var(--bg);overflow:hidden} #exhibition-root .ex-bt i{display:block;height:100%;border-radius:999px;background:var(--ink-soft)} #exhibition-root .ex-bt i.ex-t-hot{background:var(--red)} #exhibition-root .ex-bt i.ex-t-warm{background:var(--gold)} #exhibition-root .ex-bt i.ex-t-cold{background:var(--teal)} #exhibition-root .ex-bn{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:52px;text-align:right} #exhibition-root .ex-bn small{font-weight:500;color:var(--ink-soft);margin-left:5px;font-size:11.5px} #exhibition-root .ex-rank{list-style:none;margin:0;padding:0;counter-reset:r} #exhibition-root .ex-rank li{counter-increment:r;display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px dotted var(--line);font-size:13px} #exhibition-root .ex-rank li:first-child{border-top:0;padding-top:0} #exhibition-root .ex-rank li::before{content:counter(r);width:20px;height:20px;flex:none;border-radius:50%;background:var(--teal-tint);color:var(--teal);font-size:11px;font-weight:700;display:grid;place-items:center} #exhibition-root .ex-rank li span{flex:1;min-width:0} #exhibition-root .ex-rank li b{font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #exhibition-root .ex-rank li small{display:block;font-size:11.5px;color:var(--ink-soft)} #exhibition-root .ex-rank li em{font-style:normal;font-size:12px;font-weight:600;color:var(--ink-soft2);white-space:nowrap} #exhibition-root .ex-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px} #exhibition-root .ex-kpis div{background:var(--bg);border-radius:10px;padding:12px 14px} #exhibition-root .ex-kpis b{display:block;font-family:var(--serif);font-size:20px;font-weight:700;color:var(--teal)} #exhibition-root .ex-kpis span{font-size:11px;color:var(--ink-soft);font-weight:600} #exhibition-root .ex-qrow{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line-soft2);font-size:13.5px} #exhibition-root .ex-qrow:first-child{border-top:0} #exhibition-root .ex-qrow small{display:block;font-size:12px;color:var(--ink-soft);margin-top:2px} #exhibition-root .ex-qv{text-align:right;font-weight:600;font-variant-numeric:tabular-nums} #exhibition-root .ex-qv small.ex-ok{color:var(--green);font-weight:600} #exhibition-root .ex-side-col{display:flex;flex-direction:column;gap:18px} #exhibition-root .ex-fu-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-top:1px dotted var(--line);font-size:13.5px} #exhibition-root .ex-fu-row:first-of-type{border-top:0;padding-top:0} #exhibition-root .ex-fu-row b{font-weight:600} #exhibition-root .ex-fu-row small{display:block;font-size:12px;color:var(--ink-soft);margin-top:1px} #exhibition-root .ex-due{font-size:11.5px;font-weight:700;border-radius:999px;padding:2px 9px;white-space:nowrap;background:var(--gold-tint);color:#7A5316} #exhibition-root .ex-due.ex-now{background:var(--red-tint);color:var(--red-dark)} #exhibition-root .ex-due.ex-later{background:var(--bg);color:var(--ink-soft2);font-weight:600} #exhibition-root .ex-bt i.ex-teal{background:var(--teal-light)} #exhibition-root .ex-pdf-frame{position:relative;overflow:hidden;border-radius:10px;border:1px solid var(--line-soft);background:#E7E2D5} #exhibition-root .ex-pdf-frame iframe{position:absolute;top:0;left:0;border:0;transform-origin:0 0;pointer-events:none} #exhibition-root .ex-wa-card{background:var(--surface);border:1px solid var(--line-soft);border-radius:12px;padding:16px;margin-bottom:24px} #exhibition-root .ex-wa-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px} #exhibition-root .ex-wa-to{font-size:12.5px;color:var(--ink-soft2);margin-top:4px} #exhibition-root .ex-wa-status{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;white-space:nowrap;border-radius:999px;padding:3px 10px;background:var(--gold-tint);color:#7A5316} #exhibition-root .ex-wa-status.ex-idle{background:var(--bg);color:var(--ink-soft2)} #exhibition-root .ex-wa-status.ex-ok{background:var(--green-tint);color:var(--green)} #exhibition-root .ex-wa-status svg{width:13px;height:13px} #exhibition-root .ex-wa-phone{background:#EFE7DD;border-radius:10px;padding:14px;margin-bottom:10px;background-image:radial-gradient(rgba(0,0,0,.03) 1px,transparent 1px);background-size:12px 12px} #exhibition-root .ex-wa-chat{display:flex} #exhibition-root .ex-wa-bubble{position:relative;max-width:92%;width:340px;background:#fff;border-radius:2px 10px 10px 10px;padding:4px 4px 18px;box-shadow:0 1px 1px rgba(0,0,0,.12)} #exhibition-root .ex-wa-bubble p{margin:8px 6px 0;font-size:13.5px;line-height:1.45;color:#111} #exhibition-root .ex-wa-time{position:absolute;right:8px;bottom:4px;font-size:10.5px;color:#667781} #exhibition-root .ex-wa-note{font-size:12px;color:#7A5316;background:var(--gold-tint);border-radius:8px;padding:8px 10px;margin:0 0 12px;line-height:1.5} #exhibition-root .ex-wa-btn[disabled]{opacity:.7;cursor:wait} #exhibition-root button.ex-wa-btn{border:0;cursor:pointer;font-family:var(--sans)} /* phone widths (mockup was drawn at 390px) */ @media (max-width:768px){ #exhibition-root .ex-wrap{padding:20px 16px 28px} #exhibition-root h1{font-size:28px} #exhibition-root .ex-page-head{margin-bottom:16px;padding-bottom:14px} #exhibition-root .ex-tagline{text-align:left;width:100%} #exhibition-root .ex-grid{grid-template-columns:1fr;gap:16px} #exhibition-root .ex-section{padding:18px 16px} #exhibition-root .ex-wl-tools{flex-direction:column} #exhibition-root .ex-scan-btn{min-height:44px} #exhibition-root .ex-wl-search input{min-height:44px} #exhibition-root .ex-vf{height:200px} #exhibition-root .ex-stats{gap:8px;margin-bottom:16px} #exhibition-root .ex-stat{padding:14px 12px} #exhibition-root .ex-stat b{font-size:26px} #exhibition-root .ex-stat span{font-size:9.5px;line-height:1.35;display:block;margin-top:2px} #exhibition-root .ex-summary-card{position:static;padding:18px 16px} #exhibition-root .ex-soon{padding:32px 18px} #exhibition-root .ex-fu-box{padding:16px 14px} #exhibition-root .ex-slots.ex-visit{grid-template-columns:repeat(3,1fr)} #exhibition-root .ex-slot small{font-size:10.5px} #exhibition-root .ex-rep-grid{grid-template-columns:1fr;gap:20px} #exhibition-root .ex-kpis{grid-template-columns:1fr 1fr} #exhibition-root .ex-stat b.ex-sm{font-size:16px;line-height:1.9} #exhibition-root .ex-clear-row{text-align:center;margin:14px 0 0} #exhibition-root .ex-clear-row button{font-size:12.5px;font-weight:600;color:var(--ink-soft2);text-decoration:underline} } /* Exhibition landing + brand hub */ #exhibition-root .ex-xh{--x-wine:#400D1C;--x-ink:#24161A;--x-mute:#7A6A6D;--x-faint:#A99A9C;--x-peach:#F2CDAE;--x-rose:#F8E4E9;--x-mint:#E8F1EC;--x-green:#1D5C54;--x-line:rgba(64,13,28,.10); --x-serif:'Cormorant Garamond','Fraunces',Georgia,serif;--x-sans:'Manrope','Inter','Segoe UI',system-ui,sans-serif; font-family:var(--x-sans);color:var(--x-ink);background:#FBF7F2;-webkit-font-smoothing:antialiased} #exhibition-root .ex-xh button{font-family:inherit;color:inherit} #exhibition-root .ex-xh-hero{position:relative;overflow:hidden;background:var(--x-wine);border-radius:20px;padding:30px 26px 28px;color:#fff} #exhibition-root .ex-xh-hero::after{content:"";position:absolute;right:26px;top:32px;width:7px;height:7px;transform:rotate(45deg);border:1px solid rgba(242,205,174,.45)} #exhibition-root .ex-xh-eyebrow{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgba(242,205,174,.8)} #exhibition-root .ex-xh-hero h1{margin:26px 0 0;font-family:var(--x-serif);font-size:44px;font-weight:500;line-height:.95;letter-spacing:-.005em;color:#fff} #exhibition-root .ex-xh-hero h1 i{display:block;font-style:italic;font-weight:400;color:var(--x-peach)} #exhibition-root .ex-xh-meta{margin-top:30px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);font-size:12.5px;font-weight:500;letter-spacing:.02em;color:rgba(255,255,255,.66)} #exhibition-root .ex-xh-meta span{margin:0 8px;color:rgba(242,205,174,.6)} #exhibition-root .ex-xh-sec{margin-top:40px} #exhibition-root .ex-xh-label{margin:0 0 6px;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--x-mute)} #exhibition-root .ex-xh-row-ex{display:flex;align-items:center;gap:16px;width:100%;padding:20px 2px;text-align:left;border-bottom:1px solid var(--x-line)} #exhibition-root .ex-xh-row-ex:last-child{border-bottom:0} #exhibition-root .ex-xh-av{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;font-family:var(--x-serif);font-size:18px;font-weight:600;line-height:1} #exhibition-root .ex-xh-av.ex-xz{background:var(--x-rose);color:var(--x-wine)} #exhibition-root .ex-xh-av.ex-dg{background:var(--x-mint);color:var(--x-green);font-size:15.5px;letter-spacing:.02em} #exhibition-root .ex-xh-who{flex:1;min-width:0} #exhibition-root .ex-xh-who b{display:block;font-family:var(--x-serif);font-size:22px;font-weight:600;line-height:1.1;color:var(--x-ink)} #exhibition-root .ex-xh-who small{display:block;margin-top:5px;font-size:12px;font-weight:500;color:var(--x-mute)} #exhibition-root .ex-xh-who small em{font-style:normal;font-weight:700;color:var(--x-ink)} #exhibition-root .ex-xh-who small .ex-dot{margin:0 6px;color:var(--x-faint)} #exhibition-root .ex-xh-go{flex:none;color:var(--x-faint);transition:color .15s,transform .15s} #exhibition-root .ex-xh-row-ex:hover .ex-xh-go, #exhibition-root .ex-xh-row-ex:focus-visible .ex-xh-go{color:var(--x-wine);transform:translateX(3px)} #exhibition-root .ex-xh-row-ex:hover .ex-xh-who b{color:var(--x-wine)} #exhibition-root .ex-xh-row-in{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:15px 2px;border-bottom:1px solid var(--x-line);font-size:13.5px} #exhibition-root .ex-xh-row-in:last-child{border-bottom:0} #exhibition-root .ex-xh-row-in > span:first-child{color:var(--x-mute);font-weight:500} #exhibition-root .ex-xh-row-in > span:last-child{font-weight:600;text-align:right} #exhibition-root .ex-xh-row-in button{font-size:13px;font-weight:600;color:var(--x-wine);text-decoration:underline;text-decoration-color:rgba(64,13,28,.25);text-underline-offset:4px} #exhibition-root .ex-xh-row-in button:hover{text-decoration-color:var(--x-wine)} #exhibition-root .ex-bh{--b-wine:#400D1C;--b-ink:#22262E;--b-mute:#5E5A52;--b-line:#EAE4D4;--b-ivory:#F6F3EA;--b-rose:#F6E6E9;--b-mint:#E9F2F1;--b-green:#1D5C54; --b-serif:'Cormorant Garamond','Fraunces',Georgia,serif;--b-sans:'Manrope','Inter','Segoe UI',system-ui,sans-serif; font-family:var(--b-sans);color:var(--b-ink);-webkit-font-smoothing:antialiased} #exhibition-root .ex-bh button, #exhibition-root .ex-bh a{font-family:inherit} #exhibition-root .ex-bh-back{display:inline-flex;align-items:center;gap:4px;height:34px;font-size:14px;font-weight:500;color:var(--b-mute)} #exhibition-root .ex-bh-back:hover{color:var(--b-wine)} #exhibition-root .ex-bh-hero{position:relative;overflow:hidden;margin-top:2px;background:#fff;border:1px solid var(--b-line);border-radius:28px;padding:22px 20px 18px;box-shadow:0 10px 28px rgba(64,13,28,.06)} #exhibition-root .ex-bh-ring{position:absolute;border-radius:50%;border:1px solid rgba(64,13,28,.12);pointer-events:none} #exhibition-root .ex-bh-ring.ex-r1{right:-60px;top:-60px;width:200px;height:200px} #exhibition-root .ex-bh-ring.ex-r2{right:-20px;top:-20px;width:120px;height:120px} #exhibition-root .ex-bh-gem{position:absolute;right:34px;top:34px;width:11px;height:11px;transform:rotate(45deg);background:var(--b-wine)} #exhibition-root .ex-bh-hero .ex-in{position:relative} #exhibition-root .ex-bh-eyebrow{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--b-wine)} #exhibition-root .ex-bh-hero h1{margin:8px 0 0;font-family:var(--b-serif);font-size:48px;font-weight:600;line-height:1;letter-spacing:-.01em;color:var(--b-ink)} #exhibition-root .ex-bh-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px} #exhibition-root .ex-bh-chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:var(--b-ivory);font-size:13px;font-weight:500;color:#3E423F} #exhibition-root .ex-bh-chip.ex-hl{background:var(--b-wine);color:#fff;font-weight:600} #exhibition-root .ex-bh-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px} #exhibition-root .ex-bh-stat{background:var(--b-ivory);border-radius:16px;padding:10px 12px} #exhibition-root .ex-bh-stat b{display:block;font-family:var(--b-serif);font-size:30px;font-weight:600;line-height:1.05;font-variant-numeric:lining-nums} #exhibition-root .ex-bh-stat span{display:block;font-size:12px;font-weight:500;color:var(--b-mute)} #exhibition-root .ex-bh-stat.ex-fu{background:var(--b-rose)} #exhibition-root .ex-bh-stat.ex-fu b, #exhibition-root .ex-bh-stat.ex-fu span{color:var(--b-wine)} #exhibition-root .ex-bh-stat.ex-fu span{font-weight:600} #exhibition-root .ex-bh h2{margin:28px 2px 10px;font-family:var(--b-serif);font-size:25px;font-weight:600;color:var(--b-ink)} #exhibition-root .ex-bh-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} #exhibition-root .ex-bh-tile{position:relative;overflow:hidden;height:156px;background:#fff;border:1px solid var(--b-line);border-radius:24px;padding:16px;color:var(--b-ink);display:flex;flex-direction:column;justify-content:space-between;text-align:left;box-shadow:0 6px 18px rgba(64,13,28,.05);transition:border-color .15s,transform .15s} #exhibition-root .ex-bh-tile:hover{border-color:rgba(64,13,28,.35);transform:translateY(-2px)} #exhibition-root .ex-bh-mark{position:absolute;right:-6px;bottom:-40px;font-family:var(--b-serif);font-style:italic;font-size:140px;line-height:1;color:rgba(64,13,28,.05);pointer-events:none} #exhibition-root .ex-bh-top{position:relative;display:flex;justify-content:space-between;align-items:flex-start;width:100%} #exhibition-root .ex-bh-ic{width:40px;height:40px;border-radius:50%;background:var(--b-mint);color:var(--b-green);display:flex;align-items:center;justify-content:center} #exhibition-root .ex-bh-badge{min-width:26px;height:26px;padding:0 8px;border-radius:999px;background:var(--b-wine);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center} #exhibition-root .ex-bh-name{position:relative} #exhibition-root .ex-bh-name b{display:block;font-family:var(--b-serif);font-size:24px;font-weight:700;line-height:1.1} #exhibition-root .ex-bh-name small{display:block;font-size:13px;color:var(--b-mute)} #exhibition-root .ex-bh-tile.ex-soon-tile{background:transparent;border:1px dashed #D6CEBB;box-shadow:none} #exhibition-root .ex-bh-tile.ex-soon-tile .ex-bh-ic{background:#EEEAE0;color:var(--b-mute)} #exhibition-root .ex-bh-tile.ex-soon-tile .ex-bh-name b{color:#4A4D4A} #exhibition-root .ex-bh-soon{padding:4px 9px;border-radius:999px;border:1px solid #DDD6C4;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--b-mute)} #exhibition-root .ex-bh-next{background:#fff;border:1px solid var(--b-line);border-radius:22px;padding:12px 10px 12px 14px;display:flex;align-items:center;gap:12px;box-shadow:0 6px 18px rgba(64,13,28,.05)} #exhibition-root .ex-bh-av{width:44px;height:44px;flex-shrink:0;border-radius:50%;background:var(--b-rose);color:var(--b-wine);font-family:var(--b-serif);font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:center} #exhibition-root .ex-bh-who{flex-grow:1;min-width:0} #exhibition-root .ex-bh-who b{display:block;font-size:16px;font-weight:600} #exhibition-root .ex-bh-who small{display:block;font-size:13px;color:var(--b-mute)} #exhibition-root .ex-bh-call{width:44px;height:44px;flex-shrink:0;border-radius:50%;background:var(--b-mint);color:var(--b-green);display:flex;align-items:center;justify-content:center} #exhibition-root .ex-bh-call:hover{background:#D9EAE7} #exhibition-root .ex-bh-none{padding:18px;border:1px dashed #D6CEBB;border-radius:22px;font-size:13.5px;color:var(--b-mute)} #exhibition-root .ex-bh{margin-top:-10px} /* ---------- Additions for the live module (not in the mockup) ---------- */ #exhibition-root .ex-rel{position:relative} #exhibition-root .ex-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,16px);background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:999px;font-size:13px;font-weight:500;opacity:0;pointer-events:none;transition:all .25s;z-index:1000;max-width:calc(100vw - 32px);text-align:center} #exhibition-root .ex-toast.ex-show{opacity:1;transform:translate(-50%,0)} @media (max-width:768px){#exhibition-root .ex-toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))}} /* real camera inside the mockup's viewfinder box */ #exhibition-root .ex-vf{display:block;height:auto;min-height:180px;background:#1b1e24} #exhibition-root .ex-cam-view{width:100%} #exhibition-root .ex-cam-view video{width:100%!important;border-radius:8px;display:block} #exhibition-root .ex-scan-note{font-size:12px;color:var(--ink-soft2);margin:8px 2px 0;line-height:1.5} /* saved banner + logged list on Visits */ #exhibition-root .ex-confirm.ex-saved{margin:0 0 22px} #exhibition-root .ex-confirm a{color:var(--teal);font-weight:600;white-space:nowrap} #exhibition-root .ex-logged-wrap{margin-top:40px} #exhibition-root .ex-logged .ex-tpill{margin-left:4px} /* landing: switcher, inline edit, actions */ #exhibition-root .ex-dot-sep{margin:0 6px;color:var(--x-faint)} #exhibition-root .ex-xh-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--x-mute)} #exhibition-root .ex-select-wrap.ex-compact{flex:1;max-width:340px} #exhibition-root .ex-select-wrap.ex-compact select{font-size:14px;padding:10px 40px 10px 14px;text-transform:none;letter-spacing:0;font-weight:600;color:var(--x-ink)} #exhibition-root .ex-xh-edit{margin-left:8px;font-size:12px!important;color:var(--x-mute)!important} #exhibition-root .ex-inline-edit{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end} #exhibition-root .ex-inline-edit input{max-width:220px;padding:8px 10px;font-size:14px;border-radius:8px} #exhibition-root .ex-xh-row-in.ex-editing{align-items:center} #exhibition-root .ex-xh-actions{display:flex;gap:18px;flex-wrap:wrap;padding:16px 2px 0} #exhibition-root .ex-xh-actions button{font-size:13px;font-weight:600;color:var(--x-wine);text-decoration:underline;text-decoration-color:rgba(64,13,28,.25);text-underline-offset:4px} /* landing + hub sit in a readable column on desktop, two columns for the landing */ #exhibition-root .ex-xh{border-radius:24px;padding:22px 22px 36px;max-width:980px;margin:0 auto} #exhibition-root .ex-xh-cols{display:grid;grid-template-columns:1fr 1fr;gap:40px} #exhibition-root .ex-bh{max-width:760px;margin:0 auto} #exhibition-root .ex-in{position:relative} #exhibition-root .ex-wa-btn{text-decoration:none} @media (max-width:768px){ #exhibition-root .ex-xh{border-radius:20px;padding:8px 16px 32px} #exhibition-root .ex-xh-cols{grid-template-columns:1fr;gap:0} #exhibition-root .ex-inline-edit input{max-width:none} #exhibition-root .ex-xh-row-in.ex-editing{flex-direction:column;align-items:stretch;gap:8px} } /* "Temp" badge on the Exhibition nav item (sidebar, outside the module root) */ .ex-nav-temp{font-size:10px;font-weight:600;letter-spacing:.04em;color:#9A6B1E;background:#FBF1DF;border:1px solid #EFD9AE;border-radius:999px;padding:0 7px;margin-left:8px;vertical-align:middle;line-height:1.6} #exhibition-root .ex-summary-card{position:static} /* Headings styled like Orders' page title (.ord-title: Inter 800, #20242B). The landing page and Xazina brand hub keep their own display fonts. */ #exhibition-root h1,#exhibition-root .ex-vh1{font-weight:800;color:#20242B;letter-spacing:-0.01em} #exhibition-root .ex-pname,#exhibition-root .ex-ic-badge,#exhibition-root .ex-section-title,#exhibition-root .ex-sc-row.ex-total span:first-child{font-weight:700} #exhibition-root .ex-day .ex-dn{font-weight:700} /* WhatsApp send card — sends through Nextel from the brand number (Oct 2 2026) */ #exhibition-root .ex-wa-doc{display:flex;align-items:center;gap:10px;background:#F5F6F6;border-radius:8px;padding:10px} #exhibition-root .ex-wa-pdf{width:34px;height:40px;flex:none;border-radius:4px;background:#E5484D;color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center} #exhibition-root .ex-wa-doc b{display:block;font-size:12.5px;font-weight:600;color:#111;word-break:break-all} #exhibition-root .ex-wa-doc small{font-size:11px;color:#667781} #exhibition-root .ex-wa-steps{margin:0 0 12px;padding-left:20px;font-size:13px;color:var(--ink-soft);line-height:1.9} #exhibition-root .ex-wa-steps li.ex-done{color:var(--green)} #exhibition-root .ex-wa-steps li.ex-now{color:var(--ink);font-weight:600} #exhibition-root .ex-wa-status.ex-fail{background:var(--red-tint);color:var(--red-dark)} #exhibition-root .ex-wa-note.ex-fail{background:var(--red-tint);color:var(--red-dark)} #exhibition-root .ex-wa-note.ex-ok{background:var(--green-tint);color:var(--green)} #exhibition-root button.ex-wa-btn{border:0;cursor:pointer} #exhibition-root .ex-wa-btn[disabled]{opacity:.7;cursor:wait} /* ---------- Reports: Visitors / Quotations (Oct 3 2026) ---------- */ #exhibition-root button.ex-bh-stat-link{display:block;width:100%;text-align:left;cursor:pointer;transition:transform .15s,box-shadow .15s} #exhibition-root button.ex-bh-stat-link:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(64,13,28,.10)} #exhibition-root .ex-bh-stat-link span i{font-style:normal;margin-left:2px;opacity:.6} #exhibition-root .ex-muted{color:var(--ink-soft)} #exhibition-root .ex-rpt-sum{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px} #exhibition-root .ex-rpt-sum span{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line-soft);border-radius:999px;padding:6px 12px;font-size:13px;color:var(--ink-soft2)} #exhibition-root .ex-rpt-sum b{color:var(--ink);font-weight:700} #exhibition-root .ex-rpt-sum .ex-dot{display:inline-block;width:8px;height:8px;border-radius:50%} #exhibition-root .ex-rpt-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px} #exhibition-root .ex-rpt-tools .ex-wl-search{flex:1;min-width:240px} #exhibition-root .ex-rpt-tools .ex-wl-search input{min-height:42px} #exhibition-root .ex-rpt-tools .ex-add-btn{min-height:40px} #exhibition-root .ex-rpt-wrap{overflow:hidden} #exhibition-root .ex-rpt-scroll{overflow-x:auto} #exhibition-root .ex-rpt{width:100%;border-collapse:collapse} #exhibition-root .ex-rpt th{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);text-align:left;padding:12px 14px;border-bottom:1px solid var(--line-soft2);white-space:nowrap;background:var(--surface)} #exhibition-root .ex-rpt td{padding:12px 14px;border-bottom:1px solid var(--line-soft);font-size:13.5px;vertical-align:top} #exhibition-root .ex-rpt tr:last-child td{border-bottom:0} #exhibition-root .ex-rpt td small{display:block;color:var(--ink-soft);font-size:12px;margin-top:2px;max-width:260px} #exhibition-root .ex-rpt td a{color:var(--ink);text-decoration:none;white-space:nowrap} #exhibition-root .ex-rpt td a:hover{color:var(--teal);text-decoration:underline} #exhibition-root .ex-rpt .ex-r{text-align:right;white-space:nowrap} #exhibition-root .ex-rpt-click tbody tr{cursor:pointer} #exhibition-root .ex-rpt-click tbody tr:hover td{background:var(--bg)} #exhibition-root .ex-rpt-no{color:var(--teal);font-weight:700;white-space:nowrap} #exhibition-root .ex-rpt-link{color:var(--teal);font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap} #exhibition-root .ex-rpt-badge{display:inline-block;font-size:11.5px;font-weight:700;border-radius:999px;padding:2px 9px;white-space:nowrap;background:var(--bg);color:var(--ink-soft2)} #exhibition-root .ex-rpt-badge.ex-ok{background:var(--green-tint);color:var(--green)} #exhibition-root .ex-rpt-empty{padding:28px;text-align:center;color:var(--ink-soft);font-size:13.5px;margin:0} #exhibition-root .ex-rpt-cards{display:none} #exhibition-root .ex-rpt-card{display:block;width:100%;text-align:left;padding:14px 16px;border-bottom:1px solid var(--line-soft);background:var(--surface)} #exhibition-root .ex-rpt-card:last-child{border-bottom:0} #exhibition-root .ex-rpt-card-btn{cursor:pointer} #exhibition-root .ex-rpt-card-btn:hover{background:var(--bg)} #exhibition-root .ex-rpt-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px} #exhibition-root .ex-rpt-top small{display:block;color:var(--ink-soft);font-size:12.5px;margin-top:3px} #exhibition-root .ex-rpt-top small a{color:inherit} #exhibition-root .ex-rpt-time{font-size:12px;white-space:nowrap} #exhibition-root .ex-rpt-meta{display:flex;flex-direction:column;gap:2px;font-size:12.5px;color:var(--ink-soft2);margin:8px 0 6px} #exhibition-root .ex-rpt-q small{display:inline;margin-left:6px;color:var(--ink-soft);font-size:12.5px} @media (max-width:768px){ #exhibition-root .ex-rpt-scroll{display:none} #exhibition-root .ex-rpt-cards{display:block} #exhibition-root .ex-rpt-tools .ex-wl-search{min-width:100%} #exhibition-root .ex-rpt-tools .ex-seg{overflow-x:auto;flex-wrap:nowrap;width:100%;padding-bottom:2px} #exhibition-root .ex-rpt-tools .ex-seg .ex-chip{white-space:nowrap} } /* Landing page — Inter, same type system as Orders / Production Status */ #exhibition-root .ex-xh{--x-serif:'Inter',sans-serif;--x-sans:'Inter',sans-serif;font-family:'Inter',sans-serif} #exhibition-root .ex-xh-eyebrow, #exhibition-root .ex-xh-label{font-size:10.5px;font-weight:600;letter-spacing:.06em} #exhibition-root .ex-xh-hero h1{font-family:'Cormorant Garamond','Fraunces',Georgia,serif} #exhibition-root .ex-xh-meta{font-size:13px;letter-spacing:0} #exhibition-root .ex-xh-av{font-size:13px;font-weight:700} #exhibition-root .ex-xh-av.ex-dg{font-size:12.5px;letter-spacing:0} #exhibition-root .ex-xh-who b{font-size:16.5px;font-weight:700;line-height:1.25;letter-spacing:-.01em;color:#20242B} #exhibition-root .ex-xh-who small{font-size:12.5px;color:#8B8577} #exhibition-root .ex-xh-who small em{color:#20242B} #exhibition-root .ex-xh-row-in{font-size:13.5px} #exhibition-root .ex-xh-row-in > span:first-child{color:#8B8577} #exhibition-root .ex-xh-row-in > span:last-child{color:#20242B} /* Xazina hub hero — ivory & champagne, burgundy only as an accent */ #exhibition-root .ex-bh-hero{--gold:#B8935A;--gold-soft:rgba(184,147,90,.30);--wine:#400D1C; background:radial-gradient(110% 80% at 100% 0%,#F6EBDD 0%,rgba(246,235,221,0) 60%),linear-gradient(165deg,#FFFDF9 0%,#FAF4EA 100%); border:1px solid rgba(184,147,90,.40);border-radius:26px;padding:28px 26px 7px;color:#24161A; box-shadow:0 18px 40px rgba(64,13,28,.07),0 2px 6px rgba(64,13,28,.04)} #exhibition-root .ex-bh-hero::before{content:"";position:absolute;inset:7px;border:1px solid rgba(184,147,90,.18);border-radius:20px;pointer-events:none} #exhibition-root .ex-bh-ring{border-color:var(--gold-soft)} #exhibition-root .ex-bh-gem{right:36px;top:36px;width:9px;height:9px;background:var(--wine)} #exhibition-root .ex-bh-eyebrow{padding-right:36px;font-size:10.5px;font-weight:600;letter-spacing:.28em;color:var(--gold)} #exhibition-root .ex-bh-hero h1{margin:12px 0 0;font-size:58px;font-weight:500;letter-spacing:.01em;line-height:.95;color:#24161A} #exhibition-root .ex-bh-hero h1::after{content:"";display:block;width:44px;height:1px;margin-top:16px;background:var(--gold)} #exhibition-root .ex-bh-chips{margin-top:18px;gap:8px} #exhibition-root .ex-bh-chip{height:30px;padding:0 13px;background:rgba(255,255,255,.6);border:1px solid var(--gold-soft);color:#4A3B3E;font-size:12.5px;font-weight:500;letter-spacing:.02em} #exhibition-root .ex-bh-chip svg{color:var(--gold)} #exhibition-root .ex-bh-chip.ex-hl{background:var(--wine);border-color:var(--wine);color:#F6E3CC;font-weight:600} #exhibition-root .ex-bh-stats{gap:0;margin:22px -19px 0;border-top:1px solid var(--gold-soft);border-radius:0 0 19px 19px;overflow:hidden} #exhibition-root .ex-bh-stat, #exhibition-root button.ex-bh-stat-link{background:transparent;border-radius:0;padding:16px 19px 18px;color:#24161A} #exhibition-root button.ex-bh-stat-link + button.ex-bh-stat-link{border-left:1px solid var(--gold-soft)} #exhibition-root button.ex-bh-stat-link:hover{transform:none;box-shadow:none;background:rgba(184,147,90,.07)} #exhibition-root .ex-bh-stat b{font-size:44px;font-weight:500;line-height:1;color:var(--wine)} #exhibition-root .ex-bh-stat span{margin-top:6px;font-size:10.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)} #exhibition-root .ex-bh-stat-link span i{opacity:.8;transition:margin .15s} #exhibition-root button.ex-bh-stat-link:hover span i{margin-left:6px} #exhibition-root .ex-bh-stat-link:focus-visible{outline:1px solid var(--gold);outline-offset:-4px} @media (max-width:480px){ #exhibition-root .ex-bh-hero{padding:24px 20px 7px} #exhibition-root .ex-bh-hero h1{font-size:50px} #exhibition-root .ex-bh-stats{margin:20px -13px 0} #exhibition-root .ex-bh-stat,#exhibition-root button.ex-bh-stat-link{padding:14px 13px 16px} } /* Label Devanshi Gupta — page + walk-in form (reuses the Visits form styles) */ #exhibition-root .ex-ldg-saved{margin-bottom:16px} #exhibition-root .ex-ldg-new{display:block;width:100%} #exhibition-root .ex-ldg-new b{color:var(--teal)} #exhibition-root .ex-ldg-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px} #exhibition-root .ex-ldg-head .ex-section-title{margin:0;flex:1} #exhibition-root .ex-ldg-row{padding:14px 0;border-top:1px dotted var(--line)} #exhibition-root .ex-ldg-row:first-child{border-top:0;padding-top:6px} #exhibition-root .ex-ldg-top{display:flex;justify-content:space-between;gap:10px} #exhibition-root .ex-ldg-top strong{font-size:14.5px;font-weight:700} #exhibition-root .ex-ldg-top small{display:block;margin-top:2px;font-size:12.5px;color:var(--ink-soft)} #exhibition-root .ex-ldg-top small a{color:inherit;text-decoration:none} #exhibition-root .ex-ldg-top .ex-t{font-size:12px;color:var(--ink-soft);white-space:nowrap} #exhibition-root .ex-ldg-tag{display:inline-block;margin-top:8px;padding:3px 10px;border-radius:999px;background:var(--teal-tint);color:var(--teal);font-size:12px;font-weight:600} #exhibition-root .ex-ldg-notes{margin:8px 0 0;font-size:13.5px;line-height:1.5;color:var(--ink);white-space:pre-line} #exhibition-root .ex-ldg-btns{display:grid;grid-template-columns:1fr 1.4fr;gap:10px} #exhibition-root .ex-ldg-btns .ex-save-btn{margin:0} #exhibition-root .ex-ldg-next{width:100%;padding:16px;border-radius:14px;border:1px solid var(--line-soft2);background:var(--surface);font-size:15.5px;font-weight:700;color:var(--ink)} #exhibition-root .ex-ldg-next:hover{border-color:var(--teal);color:var(--teal)} #exhibition-root .ex-ldg-btns button:disabled{opacity:.6;cursor:default} #exhibition-root .ex-vform #ex-l-notes{min-height:150px} @media (max-width:480px){ #exhibition-root .ex-ldg-btns{position:sticky;bottom:0;margin:0 -16px;padding:12px 16px calc(14px + env(safe-area-inset-bottom,0px));background:var(--bg);border-top:1px solid var(--line-soft)} #exhibition-root .ex-ldg-btns .ex-save-btn,#exhibition-root .ex-ldg-next{padding:15px 10px;font-size:15px} } #exhibition-root .ex-ldg-btns button{text-align:center} #exhibition-root .ex-vtitle .ex-opt{font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink-soft)} @media (max-width:480px){#exhibition-root .ex-ldg-btns{grid-template-columns:1fr 1fr}#exhibition-root .ex-ldg-next{font-size:14px;white-space:nowrap}} @media (max-width:480px){ #exhibition-root .ex-ldg-stats{grid-template-columns:1fr 1fr} #exhibition-root .ex-ldg-new{grid-column:1/-1;display:flex;align-items:center;gap:12px;background:#1D5E62;border-color:#1D5E62} #exhibition-root .ex-ldg-new b,#exhibition-root .ex-ldg-new span{color:#fff} #exhibition-root .ex-ldg-new span{font-size:12px;margin:0} #exhibition-root .ex-stat.ex-link.ex-ldg-new em{display:none} #exhibition-root .ex-ldg-head .ex-section-title{white-space:nowrap} #exhibition-root .ex-ldg-head{flex-wrap:wrap} #exhibition-root .ex-ldg-head .ex-add-btn{padding:8px 12px;font-size:12px;white-space:nowrap} } /* LDG hub: longer brand name than "Xazina" */ #exhibition-root .ex-bh-ldg .ex-bh-hero h1{font-size:46px;line-height:1.02} @media (max-width:480px){#exhibition-root .ex-bh-ldg .ex-bh-hero h1{font-size:38px}} /* Visits page: count + link to the Visitors report instead of a long list */ #exhibition-root .ex-vcount{display:block;width:100%;margin-top:18px;padding:14px 16px;border:1px solid var(--line-soft2);border-radius:12px;background:var(--surface);text-align:left;font-size:13.5px;color:var(--ink-soft)} #exhibition-root .ex-vcount b{color:var(--ink);font-weight:700} #exhibition-root .ex-vcount span{color:var(--teal);font-weight:600} #exhibition-root .ex-vcount:hover{border-color:var(--teal)} /* Oct 10: visitor details popup (Xazina › Visitors), read-only */ #exhibition-root .ex-rpt-cards .ex-rpt-card-btn:focus-visible,#exhibition-root .ex-rpt-click tbody tr:focus-visible{outline:2px solid var(--teal);outline-offset:-2px} #exhibition-root .ex-vd-scrim{position:fixed;inset:0;background:rgba(34,38,46,.42);display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000} #exhibition-root .ex-vd{background:var(--surface);border:1px solid var(--line-soft);border-radius:14px;width:100%;max-width:460px;max-height:86vh;overflow-y:auto;padding:22px 22px 18px;box-shadow:0 18px 40px rgba(34,38,46,.18)} #exhibition-root .ex-vd-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px} #exhibition-root .ex-vd-head h2{font-family:var(--sans);font-size:18px;font-weight:700;margin:0 0 6px;color:var(--ink);letter-spacing:0} #exhibition-root .ex-vd-x{border:0;background:none;color:var(--ink-soft);font-size:16px;line-height:1;padding:4px;cursor:pointer;border-radius:6px} #exhibition-root .ex-vd-x:hover{color:var(--ink);background:var(--bg)} #exhibition-root .ex-vd-sec{border-top:1px solid var(--line-soft)} #exhibition-root .ex-vd-row{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--line-soft);font-size:13.5px} #exhibition-root .ex-vd-row>span:first-child{color:var(--ink-soft)} #exhibition-root .ex-vd-row>span:last-child{text-align:right;color:var(--ink)} #exhibition-root .ex-vd-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin:16px 0 6px} #exhibition-root .ex-vd-list{list-style:none;margin:0;padding:0} #exhibition-root .ex-vd-list li{padding:8px 0;border-bottom:1px solid var(--line-soft);font-size:13.5px} #exhibition-root .ex-vd-list li:last-child{border-bottom:0} #exhibition-root .ex-vd-list b{font-weight:600} #exhibition-root .ex-vd-list small{display:block;color:var(--ink-soft);font-size:12.5px;margin-top:2px} #exhibition-root .ex-vd-q{display:flex;flex-wrap:wrap;justify-content:space-between;column-gap:12px} #exhibition-root .ex-vd-q small{flex-basis:100%} #exhibition-root .ex-vd-empty{font-size:13px;color:var(--ink-soft);margin:0} @media (max-width:560px){#exhibition-root .ex-vd-scrim{align-items:flex-end;padding:0}#exhibition-root .ex-vd{border-radius:14px 14px 0 0;max-height:88vh}} /* ============================================================ Oct 11 2026 — editable quotation (looks like the client's PDF, built for phones) ============================================================ */ #exhibition-root .ex-qs{--wine:#400D1C;--paper:#FBF8F2;--rule:#DCD5C6;--rule2:#EAE4D4;--tealx:#2C6764;background:var(--paper);border:1px solid var(--rule);border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(64,13,28,.06)} #exhibition-root .ex-qs-hdr{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--wine);color:#FBF8F2;padding:16px 16px 14px} #exhibition-root .ex-qs-brand{font-family:'Cinzel',Georgia,serif;font-weight:600;font-size:22px;letter-spacing:.16em;line-height:1} #exhibition-root .ex-qs-t{text-align:right;font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;font-weight:600;line-height:1} #exhibition-root .ex-qs-t small{display:block;font-family:var(--sans);font-size:10.5px;font-weight:500;opacity:.8;margin-top:4px;letter-spacing:0} #exhibition-root .ex-qs-empty,#exhibition-root .ex-qs-loading{padding:18px 16px;font-size:13px;color:var(--ink-soft)} #exhibition-root .ex-qs-loading{padding:6px 0 4px} #exhibition-root .ex-qs-item{padding:14px 16px 12px;border-bottom:1px solid var(--rule)} #exhibition-root .ex-qs-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start} #exhibition-root .ex-qs-num{font-family:'Cormorant Garamond',Georgia,serif;font-size:22px;line-height:1;color:var(--tealx);font-weight:600;padding-top:1px} #exhibition-root .ex-qs-name b{display:block;font-size:15px;font-weight:600;color:#1F2626;line-height:1.3} #exhibition-root .ex-qs-name small{display:block;font-size:11.5px;color:#6A6D69;margin-top:1px} #exhibition-root .ex-qs-rm{border:0;background:none;color:var(--red);font-size:12px;font-weight:600;padding:4px 0 4px 8px;cursor:pointer} #exhibition-root .ex-qs-spec{font-size:12px;color:#3E4240;margin:8px 0 2px;line-height:1.5} #exhibition-root .ex-qs-item .ex-wnote{margin-top:6px} #exhibition-root .ex-qs-bk{margin-top:8px;border-top:1px solid var(--rule2)} #exhibition-root .ex-qs-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:9px 0;border-bottom:1px dashed var(--rule2)} #exhibition-root .ex-qs-l span{font-size:13.5px;font-weight:500;color:#1F2626} #exhibition-root .ex-qs-l small{display:block;font-size:11px;color:#6A6D69;margin-top:1px} #exhibition-root .ex-qs-amt{font-size:13.5px;font-weight:600;text-align:right;align-self:start;color:#1F2626} #exhibition-root .ex-qs-calc{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12.5px;color:#4A4E4B;margin-top:4px} #exhibition-root .ex-qs-rate{min-height:36px;padding:6px 12px;border:0;border-bottom:2px dashed var(--tealx);border-radius:6px 6px 0 0;background:#F1F7F6;color:#1F2626;font:600 14px var(--sans);cursor:pointer;-webkit-tap-highlight-color:transparent} #exhibition-root .ex-qs-rate:active{background:#E2EFED} #exhibition-root .ex-qs-rate.ex-chg{background:#FBF1DF;border-bottom-color:#B8862A} #exhibition-root .ex-qs-rate.ex-need{background:#FBE9E6;border-bottom-color:#B4483C;color:#8A3F30} #exhibition-root .ex-qs-needtxt{color:#B4483C;font-weight:600} #exhibition-root .ex-qs-was{grid-column:1/-1;font-size:11.5px;color:#8A5E17;margin-top:3px} #exhibition-root .ex-qs-was button{border:0;background:none;padding:2px 0;color:var(--tealx);font:600 11.5px var(--sans);text-decoration:underline;text-underline-offset:2px;cursor:pointer} #exhibition-root .ex-qs-pt{display:flex;justify-content:space-between;align-items:flex-start;padding-top:10px;font-size:13px;color:#1F2626} #exhibition-root .ex-qs-pt b{font-size:15px;font-weight:700} #exhibition-root .ex-qs-pt small{display:block;text-align:right;font-size:11px;color:#8A5E17;margin-top:1px} #exhibition-root .ex-qs-tot{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;font-size:13px} #exhibition-root .ex-qs-tl{display:flex;justify-content:space-between;color:#4A4E4B} #exhibition-root .ex-qs-tl span:last-child{color:#1F2626;font-weight:500} #exhibition-root .ex-qs-grand{display:flex;justify-content:space-between;align-items:baseline;background:var(--wine);color:#fff;border-radius:6px;padding:11px 14px;margin-top:6px} #exhibition-root .ex-qs-grand span:first-child{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:500} #exhibition-root .ex-qs-grand span:last-child{font-family:'Cormorant Garamond',Georgia,serif;font-size:26px;font-weight:600;line-height:1} #exhibition-root .ex-qs-adv{display:flex;justify-content:space-between;padding:8px 14px 0;border-top:1px dashed #B9AE98;font-size:13px;font-weight:600;color:#2E3331} #exhibition-root .ex-qs-adv i{font-style:normal;font-weight:400;color:#5E615E} #exhibition-root .ex-qs-adv span:last-child{color:var(--wine);font-weight:700} #exhibition-root .ex-qs-warn{background:var(--gold-tint);color:#7A5316;border-radius:10px;padding:9px 12px;font-size:12.5px;margin:0 0 12px;line-height:1.45} #exhibition-root .ex-qs-bar{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;gap:12px;margin:14px -4px 0;padding:10px 4px calc(10px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line-soft)} #exhibition-root .ex-qs-bar .ex-save-btn{flex:1;margin:0} #exhibition-root .ex-qs-bar .ex-save-btn:disabled{opacity:.45;cursor:not-allowed} #exhibition-root .ex-qs-give{flex:0 1 auto;min-width:0;font-size:12.5px;color:#7A5316;line-height:1.3} #exhibition-root .ex-qs-give:empty{display:none} #exhibition-root .ex-qs-give b{font-weight:700} #exhibition-root .ex-qs-give small{display:block;font-size:10.5px;color:var(--ink-soft)} #exhibition-root .ex-qs-need{color:#B4483C;font-weight:600} /* Rate sheet (bottom sheet on phones, centred box on wide screens) */ #exhibition-root .ex-rs-scrim{position:fixed;inset:0;background:rgba(34,38,46,.45);display:flex;align-items:flex-end;justify-content:center;z-index:1000} #exhibition-root .ex-rs{background:#fff;width:100%;max-width:480px;border-radius:16px 16px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px rgba(0,0,0,.18)} #exhibition-root .ex-rs-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px} #exhibition-root .ex-rs-h b{display:block;font-size:17px;font-weight:700;color:var(--ink)} #exhibition-root .ex-rs-h b small{font-size:12px;font-weight:500;color:var(--ink-soft)} #exhibition-root .ex-rs-h span{display:block;font-size:12.5px;color:var(--ink-soft);margin-top:2px} #exhibition-root .ex-rs-x{border:0;background:none;color:var(--ink-soft);font-size:18px;padding:2px 4px;cursor:pointer} #exhibition-root .ex-rs-lab{display:block;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:8px 0 6px} #exhibition-root .ex-rs-inp{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:12px;background:#fff;height:58px;overflow:hidden} #exhibition-root .ex-rs-inp:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px rgba(47,110,110,.15)} #exhibition-root .ex-rs-inp span{padding:0 14px;color:var(--ink-soft);font-size:18px} #exhibition-root .ex-rs-inp input{flex:1;min-width:0;border:0;outline:0;font:700 26px var(--sans);color:var(--ink);background:transparent;padding:0;height:100%} #exhibition-root .ex-rs-calc{font-size:14px;color:var(--ink-soft2);margin:10px 0 2px;min-height:20px} #exhibition-root .ex-rs-calc b{color:var(--ink);font-size:16px} #exhibition-root .ex-rs-def{font-size:13px;color:#7A5316;margin-top:6px} #exhibition-root .ex-rs-def button{border:1px solid #E5C784;background:var(--gold-tint);color:#7A5316;font:600 12.5px var(--sans);border-radius:8px;padding:5px 10px;margin-left:6px;cursor:pointer} #exhibition-root .ex-rs-all{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--ink);margin-top:14px;padding:12px;background:var(--bg);border-radius:10px;text-transform:none;letter-spacing:0;font-weight:500} #exhibition-root .ex-rs-all input{width:20px;height:20px;accent-color:var(--teal);flex:none} #exhibition-root .ex-rs-err{color:var(--red-dark);font-size:12.5px;min-height:16px;margin-top:6px} #exhibition-root .ex-rs-btns{display:flex;gap:10px;margin-top:8px} #exhibition-root .ex-rs-btns button{flex:1;height:50px;border-radius:12px;font:700 15px var(--sans);cursor:pointer} #exhibition-root .ex-rs-cancel{border:1px solid var(--line);background:#fff;color:var(--ink)} #exhibition-root .ex-rs-done{border:0;background:var(--teal);color:#fff} @media (min-width:700px){ #exhibition-root .ex-rs-scrim{align-items:center;padding:20px} #exhibition-root .ex-rs{border-radius:16px} #exhibition-root .ex-qs-item,#exhibition-root .ex-qs-tot{padding-left:22px;padding-right:22px} #exhibition-root .ex-qs-line{grid-template-columns:minmax(0,1fr) auto auto;align-items:center} #exhibition-root .ex-qs-calc{grid-column:auto;grid-row:1;grid-column-start:2;margin-top:0} #exhibition-root .ex-qs-amt{grid-column:3;grid-row:1;align-self:center;min-width:90px} } #exhibition-root .ex-rs label.ex-rs-all{flex-direction:row;align-items:center} #exhibition-root .ex-rs-btns button{display:flex;align-items:center;justify-content:center;text-align:center} #exhibition-root .ex-qs-bar .ex-save-btn{white-space:nowrap} #exhibition-root .ex-rs-inp input,#exhibition-root .ex-rs-inp input:focus{border:0 !important;box-shadow:none !important;outline:0 !important;background:transparent !important;border-radius:0 !important} /* Diamond quality picker in the rate sheet (Oct 11) */ #exhibition-root .ex-rs-qs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px} #exhibition-root .ex-rs-q{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:120px;padding:10px 12px;border:1.5px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;text-align:left;font-family:var(--sans)} #exhibition-root .ex-rs-q b{font-size:15px;color:var(--ink)} #exhibition-root .ex-rs-q span{font-size:13px;font-weight:600;color:var(--teal)} #exhibition-root .ex-rs-q small{font-size:11px;color:var(--ink-soft)} #exhibition-root .ex-rs-q.ex-on{border-color:var(--teal);background:var(--teal-tint);box-shadow:0 0 0 2px rgba(47,110,110,.15)} #exhibition-root .ex-rs-qnone{font-size:12.5px;color:#7A5316;background:var(--gold-tint);border-radius:10px;padding:9px 12px;margin:4px 0 10px} /* ============================================================ Oct 11 2026 — Proforma invoice (PI) at the booth ============================================================ */ #exhibition-root .ex-pi-sec{background:#fff;border:1px solid var(--line-soft);border-radius:14px;padding:16px;margin:0 0 18px} #exhibition-root .ex-pi-sech small{display:block;font-size:12.5px;color:var(--ink-soft2);margin-top:3px;line-height:1.45} #exhibition-root .ex-pi-item{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;width:100%;text-align:left;margin-top:10px;padding:11px 12px;border:1px solid var(--line-soft);border-radius:10px;background:var(--bg);cursor:pointer;font-family:var(--sans)} #exhibition-root .ex-pi-item b{font-size:14px;color:var(--ink)} #exhibition-root .ex-pi-item span{font-size:12.5px;color:var(--ink-soft2);text-align:right} #exhibition-root .ex-pi-item em{grid-column:1/-1;font-style:normal;font-size:12px;font-weight:600;color:#7A5316} #exhibition-root .ex-pi-item em.ex-ok{color:var(--green)} #exhibition-root .ex-pi-new{margin-top:12px;background:var(--ink)} #exhibition-root .ex-pi-kinds{display:grid;grid-template-columns:1fr;gap:10px} #exhibition-root .ex-pi-kind{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:14px 16px;border:1.5px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;font-family:var(--sans)} #exhibition-root .ex-pi-kind b{font-size:15.5px;color:var(--ink)} #exhibition-root .ex-pi-kind span{font-size:12.5px;color:var(--ink-soft2);line-height:1.45} #exhibition-root .ex-pi-kind.ex-on{border-color:var(--teal);background:var(--teal-tint);box-shadow:0 0 0 3px rgba(47,110,110,.12)} #exhibition-root .ex-pi-client{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;background:var(--bg);border-radius:10px;margin-bottom:12px;font-size:13.5px} #exhibition-root .ex-pi-client span{color:var(--ink-soft2)} #exhibition-root #ex-pi-addr{width:100%;border-radius:12px;border:1px solid var(--line);padding:12px;font:15px var(--sans);resize:vertical;background:#fff} #exhibition-root .ex-pi-sum{background:var(--surface);border:1px solid var(--line-soft);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;font-size:13.5px} #exhibition-root .ex-pi-sum .ex-qs-grand{background:#400D1C} #exhibition-root .ex-pi-taxnote{font-size:11.5px;color:var(--ink-soft)} #exhibition-root .ex-pi-bal span{color:var(--ink) !important;font-weight:700} #exhibition-root .ex-pi-cashwarn{color:var(--red-dark);font-size:12.5px;font-weight:600} #exhibition-root .ex-pi-pay{border:1px solid var(--line-soft);border-radius:12px;padding:12px;margin-bottom:10px;background:#fff} #exhibition-root .ex-pi-payh{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px} #exhibition-root .ex-pi-payh button{border:0;background:none;color:var(--red);font:600 12px var(--sans);text-transform:none;letter-spacing:0;cursor:pointer} #exhibition-root .ex-pi-amt input{font-size:20px;font-weight:700} #exhibition-root .ex-pi-modes{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0} #exhibition-root .ex-pi-modes .ex-chip{min-height:40px;padding:8px 14px;font-size:13.5px} #exhibition-root .ex-pi-ref{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;font:14px var(--sans);background:#fff} #exhibition-root .ex-pi-primary{background:var(--teal) !important;color:#fff !important;border-color:var(--teal) !important} /* ============================================================ Oct 13 2026 — Label Devanshi Gupta stock + dresses on the walk-in form ============================================================ */ #exhibition-root .ex-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} #exhibition-root .ex-ls-tools .ex-ls-add{width:auto;margin:0;padding:0 18px;min-height:44px;font-size:14px} #exhibition-root .ex-ls-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px} #exhibition-root .ex-ls-card{display:flex;flex-direction:column;text-align:left;background:#fff;border:1px solid var(--line-soft);border-radius:12px;overflow:hidden;cursor:pointer;padding:0;font-family:var(--sans)} #exhibition-root .ex-ls-card:hover{box-shadow:0 4px 14px rgba(34,38,46,.08)} #exhibition-root .ex-ls-ph{display:block;aspect-ratio:3/4;background:var(--bg)} #exhibition-root .ex-ls-img{width:100%;height:100%;object-fit:cover;display:flex;align-items:center;justify-content:center;color:var(--ink-soft)} #exhibition-root .ex-ls-meta{display:flex;flex-direction:column;gap:2px;padding:10px 12px 12px} #exhibition-root .ex-ls-meta b{font-size:14px;color:var(--ink)} #exhibition-root .ex-ls-meta span{font-size:12.5px;color:var(--ink-soft2);line-height:1.35} #exhibition-root .ex-ls-meta em{font-style:normal;font-size:13px;font-weight:600;color:var(--teal);margin-top:2px} #exhibition-root .ex-ls-photo{display:flex;align-items:center;justify-content:center;width:100%;max-width:280px;aspect-ratio:3/4;border:1.5px dashed var(--line);border-radius:14px;background:#fff;cursor:pointer;overflow:hidden;margin-bottom:10px} #exhibition-root .ex-ls-photo img{width:100%;height:100%;object-fit:cover} #exhibition-root .ex-ls-photo span{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--ink-soft);text-align:center;padding:16px} #exhibition-root .ex-ls-photo b{font-size:14px;color:var(--teal)} #exhibition-root .ex-ls-photo small{font-size:12px} #exhibition-root .ex-ls-photo + input + .ex-add-btn{margin-bottom:4px} #exhibition-root input[readonly]{background:var(--bg);color:var(--ink-soft2)} /* thumbnails */ #exhibition-root .ex-lw-thumb,#exhibition-root .ex-lw-thumb-sm{flex:none;border-radius:8px;object-fit:cover;background:var(--bg);display:flex;align-items:center;justify-content:center;color:var(--ink-soft)} #exhibition-root .ex-lw-thumb{width:56px;height:72px} #exhibition-root .ex-lw-thumb-sm{width:36px;height:46px;border-radius:6px} #exhibition-root .ex-lw-noimg svg{width:18px;height:18px} /* walk-in form: added dresses */ #exhibition-root .ex-lw-item{display:flex;gap:12px;align-items:flex-start;padding:10px;border:1px solid var(--line-soft);border-radius:12px;background:#fff;margin-bottom:8px} #exhibition-root .ex-lw-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px} #exhibition-root .ex-lw-top{display:flex;justify-content:space-between;align-items:center;gap:8px} #exhibition-root .ex-lw-top b{font-size:14px} #exhibition-root .ex-lw-top button{border:0;background:none;color:var(--red);font:600 12px var(--sans);cursor:pointer;padding:2px 0} #exhibition-root .ex-lw-info > span{font-size:12.5px;color:var(--ink-soft2)} #exhibition-root .ex-lw-info input{margin-top:4px;width:100%;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:13px var(--sans)} #exhibition-root .ex-lw-search{position:relative;margin-top:4px} #exhibition-root .ex-lw-hit{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px 10px;border:0;background:#fff;cursor:pointer;font-family:var(--sans)} #exhibition-root .ex-lw-hit.ex-hl,#exhibition-root .ex-lw-hit:hover{background:var(--bg)} #exhibition-root .ex-lw-hit:disabled{opacity:.55;cursor:default} #exhibition-root .ex-lw-hit span{flex:1;min-width:0;display:flex;flex-direction:column} #exhibition-root .ex-lw-hit b{font-size:13.5px;color:var(--ink)} #exhibition-root .ex-lw-hit small{font-size:12px;color:var(--ink-soft2)} #exhibition-root .ex-lw-hit em{font-style:normal;font-size:12.5px;font-weight:600;color:var(--teal)} #exhibition-root .ex-lw-none{padding:12px;font-size:13px;color:var(--ink-soft2)} /* report */ #exhibition-root .ex-lw-rep{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 4px} #exhibition-root .ex-lw-repi{display:flex;gap:8px;align-items:center;padding:6px 10px 6px 6px;background:var(--bg);border-radius:10px;max-width:100%} #exhibition-root .ex-lw-repi div{display:flex;flex-direction:column;min-width:0} #exhibition-root .ex-lw-repi b{font-size:12.5px} #exhibition-root .ex-lw-repi span{font-size:11.5px;color:var(--ink-soft2)} #exhibition-root .ex-lw-repi em{font-size:11.5px;color:#7A5316} /* Xazina hub: Visitors · Quotes · PIs in one row (Oct 13) */ #exhibition-root .ex-bh-stats.ex-bh-3{grid-template-columns:repeat(3,minmax(0,1fr))} #exhibition-root .ex-bh-stats.ex-bh-3 .ex-bh-stat,#exhibition-root .ex-bh-stats.ex-bh-3 button.ex-bh-stat-link{padding:14px 12px 16px} @media (max-width:480px){ #exhibition-root .ex-bh-stats.ex-bh-3 .ex-bh-stat b{font-size:36px} #exhibition-root .ex-bh-stats.ex-bh-3 .ex-bh-stat span{letter-spacing:.12em;font-size:10px} } /* ---------- Offline (Oct 14 2026) ---------- */ #exhibition-root .ex-netbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 6px;padding:7px 14px;background:#FBF3E4;color:#7A5410;border-bottom:1px solid #EBD9B4;font-size:12.5px;font-weight:500;line-height:1.3;text-align:center} #exhibition-root .ex-netbar.ex-off{background:#F1F2F4;color:#4A505C;border-bottom-color:var(--line-soft)} #exhibition-root .ex-netbar button{border:1px solid currentColor;background:transparent;color:inherit;font:inherit;font-size:12px;padding:3px 10px;border-radius:999px;cursor:pointer} #exhibition-root .ex-nb-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 auto;opacity:.75} #exhibition-root .ex-nb-spin{animation:ex-nb-pulse 1s ease-in-out infinite} @keyframes ex-nb-pulse{50%{opacity:.2}} #exhibition-root .ex-pend{display:inline-block;margin-top:3px;padding:1px 8px;border-radius:999px;background:#FBF3E4;color:#7A5410;font-size:11px;font-weight:500;white-space:nowrap} #exhibition-root small.ex-pend{display:table} #exhibition-root .ex-pi-wait{display:block;margin-top:6px;color:var(--ink-soft,#5B6270);line-height:1.45} /* ---------- Xazina stock (Oct 15 2026) ---------- */ #exhibition-root .ex-xs-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px} #exhibition-root .ex-xs-sel{min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit;font-size:14px;color:var(--ink);max-width:100%} #exhibition-root .ex-xs-count{margin:0 0 8px;font-size:13px;color:var(--ink-soft)} #exhibition-root .ex-xs-phc{margin:0 0 8px;font-size:12px;color:var(--ink-soft)} #exhibition-root .ex-xs-phc:empty{display:none} #exhibition-root .ex-xs-list{padding:0} #exhibition-root .ex-xs-row{display:flex;flex-direction:column;gap:3px;padding:12px 16px;border-bottom:1px solid var(--line-soft)} #exhibition-root .ex-xs-row:last-child{border-bottom:0} #exhibition-root .ex-xs-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap} #exhibition-root .ex-xs-top b{font-size:14.5px;color:var(--ink);letter-spacing:.2px} #exhibition-root .ex-xs-top em{margin-left:auto;font-style:normal;font-weight:600;font-size:14px;color:var(--teal)} #exhibition-root .ex-xs-top .ex-pend{margin-top:0} #exhibition-root .ex-bs{display:inline-block;padding:1px 8px;border-radius:999px;background:#E8EEF7;color:#24456E;font-size:11px;font-weight:600;letter-spacing:.02em;white-space:nowrap;vertical-align:middle} #exhibition-root .ex-xs-row > span{font-size:13.5px;color:var(--ink)} #exhibition-root .ex-xs-row > small{font-size:12.5px;color:var(--ink-soft);line-height:1.4} #exhibition-root .ex-xs-cats{padding:0;overflow:hidden} #exhibition-root .ex-xs-cath,#exhibition-root .ex-xs-catrow,#exhibition-root .ex-xs-cattot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px} #exhibition-root .ex-xs-cath{font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);border-bottom:1px solid var(--line-soft)} #exhibition-root .ex-xs-catrow{width:100%;border:0;border-bottom:1px solid var(--line-soft);background:none;font:inherit;font-size:14.5px;color:var(--ink);text-align:left;cursor:pointer} #exhibition-root .ex-xs-catrow:hover{background:var(--bg)} #exhibition-root .ex-xs-catrow b{font-weight:600;font-variant-numeric:tabular-nums} #exhibition-root .ex-xs-cattot{background:var(--bg);font-weight:600;font-size:14.5px} #exhibition-root .ex-xs-cattot b{font-variant-numeric:tabular-nums} #exhibition-root .ex-xs-catfoot{margin-top:12px} /* ---------- Stock photos + Gati pricing (Oct 15 2026) ---------- */ #exhibition-root .ex-xs-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-2px;padding:2px} #exhibition-root .ex-xs-tabs::-webkit-scrollbar{display:none} #exhibition-root .ex-xs-tabs .ex-chip{flex:0 0 auto;white-space:nowrap} #exhibition-root button.ex-xs-row{flex-direction:row;align-items:flex-start;gap:12px;width:100%;border:0;border-bottom:1px solid var(--line-soft);background:none;text-align:left;font:inherit;cursor:pointer} #exhibition-root button.ex-xs-row:hover{background:var(--bg)} #exhibition-root .ex-xs-ph{flex:0 0 64px;width:64px;height:64px;border-radius:10px;overflow:hidden;background:var(--bg);display:flex;align-items:center;justify-content:center} #exhibition-root .ex-xs-ph img{width:100%;height:100%;object-fit:cover} #exhibition-root .ex-xs-noph{display:flex;flex-direction:column;align-items:center;gap:1px;color:var(--teal);border:1.5px dashed var(--line);border-radius:10px;width:100%;height:100%;justify-content:center} #exhibition-root .ex-xs-noph small{font-size:10.5px;font-weight:600} #exhibition-root .ex-xs-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1} #exhibition-root .ex-xs-nm{font-size:13.5px;color:var(--ink)} #exhibition-root .ex-xs-info small{font-size:12.5px;color:var(--ink-soft);line-height:1.4} #exhibition-root .ex-sp-ph{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1/1;max-height:52vh;background:var(--bg);border-radius:14px;overflow:hidden;margin:4px 0 10px;color:var(--ink-soft);font-size:14px} #exhibition-root .ex-sp-ph img{width:100%;height:100%;object-fit:contain;background:#fff} #exhibition-root .ex-sp-meta{margin:0 0 6px;font-size:13px;color:var(--ink-soft);line-height:1.45} #exhibition-root .ex-qs-rate.ex-lock{border-bottom-style:solid;border-bottom-color:transparent;cursor:default;color:var(--ink);background:transparent} #exhibition-root .ex-qs-ph{flex:0 0 46px;width:46px;height:46px;border-radius:8px;object-fit:cover;background:var(--bg);margin-right:2px} #exhibition-root .ex-rthumb{flex:0 0 40px;width:40px;height:40px;border-radius:8px;object-fit:cover;background:var(--bg)} #exhibition-root .ex-wl-ph{flex:0 0 64px;width:64px;height:64px;border-radius:10px;object-fit:cover;background:var(--bg)} #exhibition-root .ex-qs-top.ex-has-ph{grid-template-columns:auto auto minmax(0,1fr) auto} #exhibition-root .ex-lock{border-bottom:0!important} /* ---------- Quotations sub-tabs (Oct 15 2026) ---------- */ #exhibition-root .ex-qtabs{display:flex;gap:4px;padding:4px;margin:4px 0 18px;background:#ECEAE3;border-radius:12px;max-width:440px} #exhibition-root .ex-qtab{flex:1;min-height:42px;border:0;border-radius:9px;background:transparent;font:600 14px var(--sans);color:var(--ink-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px} #exhibition-root .ex-qtab.ex-on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(34,38,46,.12);cursor:default} #exhibition-root .ex-qtab span{font-size:12px;font-weight:600;padding:1px 7px;border-radius:999px;background:var(--bg);color:var(--ink-soft)} #exhibition-root .ex-gst{display:block;font-size:10.5px;font-weight:500;color:var(--ink-soft);text-align:right;margin-top:1px;white-space:nowrap} /* Stock tabs: all four visible on phones (2 × 2), no sideways scrolling (Oct 15 2026) */ #exhibition-root .ex-xs-tabs{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:8px;overflow:visible;flex-wrap:wrap} #exhibition-root .ex-xs-tabs .ex-chip{justify-content:center;text-align:center} @media (max-width:600px){ #exhibition-root .ex-xs-tabs{grid-template-columns:1fr 1fr 1fr;justify-content:stretch} #exhibition-root .ex-xs-tabs .ex-chip{width:100%;min-height:40px} } #exhibition-root .ex-xs-top em .ex-gst{text-align:right} /* Mobile polish (Oct 15 2026, exhibition is used on phones only): nothing may push past the screen edge. */ @media (max-width:768px){ #exhibition-root .ex-grid>*,#exhibition-root .ex-panel,#exhibition-root .ex-rep-grid>*,#exhibition-root .ex-stat,#exhibition-root .ex-kpis>div{min-width:0} #exhibition-root .ex-stats{grid-template-columns:repeat(3,minmax(0,1fr))} #exhibition-root .ex-stat b.ex-sm{font-size:14px;line-height:1.6;overflow-wrap:anywhere} #exhibition-root .ex-stat em{font-size:10.5px;line-height:1.3;display:block} #exhibition-root .ex-kpis{grid-template-columns:repeat(2,minmax(0,1fr))} #exhibition-root .ex-kpis b{font-size:17px;overflow-wrap:anywhere} #exhibition-root .ex-sc-row span:last-child{min-width:0;overflow-wrap:anywhere;text-align:right} #exhibition-root .ex-rank li b{white-space:normal} #exhibition-root .ex-rpt-top>div{min-width:0} #exhibition-root .ex-rpt-card .ex-rpt-top .ex-rpt-badge{display:table;margin:4px 0 2px} #exhibition-root .ex-xs-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important;justify-content:stretch} #exhibition-root .ex-xs-tabs .ex-chip{width:100%;min-width:0;padding-left:6px;padding-right:6px;font-size:12.5px;white-space:normal;line-height:1.2} }