/* IXLARGE UI Consolidated v4.18.0 — replaces legacy release cascade. */ /* ===== ui-core.css ===== */ /* v4.8.5 canonical switches, icons and management UI */ :root{--ix-dark:#040A1D;--ix-passive:#f6edf2;--ix-passive-border:#eadde5;--ix-switch-on:#865f76;--ix-switch-off:#f6edf2;--ix-switch-border:#eadde5;--ix-pink:#E4218A;--ix-green:#A8CA01;--ix-yellow:#FFB400} /* canonical switch v4.9.6 */ .ui-switch{position:relative!important;display:inline-flex!important;align-items:center!important;width:46px!important;height:26px!important;min-width:46px!important;flex:0 0 46px!important;vertical-align:middle!important;line-height:1!important}.ui-switch input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;margin:0!important}.ui-switch>i{position:absolute!important;inset:0!important;border-radius:999px!important;background:var(--ix-switch-off)!important;border:1px solid var(--ix-switch-border)!important;box-shadow:none!important;transition:background .18s,border-color .18s!important}.ui-switch>i:after{content:""!important;position:absolute!important;width:20px!important;height:20px!important;left:2px!important;top:2px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 2px 7px rgba(56,38,50,.16)!important;transition:transform .18s!important}.ui-switch input:checked+i{background:var(--ix-switch-on)!important;border-color:var(--ix-switch-on)!important}.ui-switch input:checked+i:after{transform:translateX(20px)!important}.ui-switch input:focus-visible+i{outline:3px solid rgba(134,95,118,.2)!important;outline-offset:2px!important}.ui-switch-card{display:flex!important;align-items:center!important;gap:12px!important;background:#fff!important;border:1px solid var(--ix-switch-border)!important}.ui-switch-button{position:relative!important;display:inline-block!important;width:46px!important;height:26px!important;min-width:46px!important;min-height:26px!important;max-width:46px!important;padding:0!important;margin:0!important;border:1px solid var(--ix-switch-border)!important;border-radius:999px!important;background:var(--ix-switch-off)!important;box-shadow:none!important;vertical-align:middle!important;line-height:1!important;overflow:hidden!important}.ui-switch-button>i{position:absolute!important;width:20px!important;height:20px!important;left:2px!important;top:2px!important;margin:0!important;border-radius:50%!important;background:#fff!important;box-shadow:0 2px 7px rgba(56,38,50,.16)!important;transition:transform .18s!important}.ui-switch-button.is-on{background:var(--ix-switch-on)!important;border-color:var(--ix-switch-on)!important}.ui-switch-button.is-on>i{transform:translateX(20px)!important}.ui-switch-button:focus-visible{outline:3px solid rgba(134,95,118,.2)!important;outline-offset:2px!important} .merchant-switch-btn{background:transparent!important;color:#716671!important}.merchant-switch-btn i{background:var(--ix-switch-off)!important;box-shadow:inset 0 0 0 1px var(--ix-switch-border)!important}.merchant-switch-btn.on i{background:var(--ix-dark)!important;box-shadow:none!important}.merchant-switch-btn.on span{color:var(--ix-dark)!important}.adv-device-switch .adv-switch-ui{background:var(--ix-switch-off)!important;border-color:var(--ix-switch-border)!important}.adv-device-switch input:checked+.adv-switch-ui{background:var(--ix-switch-on)!important;border-color:var(--ix-switch-on)!important} /* merchant sidebar icons: no tiles/background */ .merchant-body .merchant-sidebar nav a i,.merchant-body .advertiser-sidebar-foot a i{width:20px!important;height:auto!important;min-height:0!important;background:transparent!important;background-image:none!important;border-radius:0!important;box-shadow:none!important;color:#d8cbd3!important}.merchant-body .merchant-sidebar nav a.active i,.merchant-body .merchant-sidebar nav a:hover i{background:transparent!important;color:#fff!important}.merchant-body .merchant-sidebar nav a{grid-template-columns:22px 1fr 6px!important} /* support department icons */ .support-dept-identity-v485{display:flex;align-items:center;gap:10px;min-width:0}.support-dept-icon-v485{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border:0;border-radius:0;background:transparent;color:#66545f}.support-department-grid-v484>article{min-height:64px} /* notification center */ .notification-hero-v485,.account-access-hero-v485{margin-bottom:18px}.notification-hero-icon-v485,.account-access-shield-v485{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#f3f0f2;color:var(--ix-dark);font-size:20px}.notification-compose-v485{padding:22px!important}.notification-form-grid-v485{display:grid;grid-template-columns:1fr 1fr;gap:14px}.notification-form-grid-v485 .span-2{grid-column:1/-1}.notification-form-grid-v485 label{display:grid;gap:7px;font-size:10px;font-weight:800;color:#59616b}.notification-form-grid-v485 input,.notification-form-grid-v485 textarea{width:100%;box-sizing:border-box}.inline-label-v485{display:flex!important;align-items:center;gap:7px}.inline-label-v485 small{display:inline-block;padding:3px 6px;border-radius:999px;background:#f1f2f4;color:#8a929b;font-size:8px}.notification-mode-v485,.notification-search-v485{margin-top:18px;padding:18px;border:1px solid #e7e9ec;border-radius:16px;background:#fbfbfc}.notification-type-switches-v485{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.notification-type-switches-v485 .ui-switch-card{margin:0!important}.notification-master-v485{margin:0!important}.account-type-tabs-v485{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.account-type-tabs-v485 button{min-height:34px!important;padding:7px 12px!important;border:1px solid #e2e5e9!important;border-radius:9px!important;background:#fff!important;color:#69727c!important;box-shadow:none!important;font-size:9px!important}.account-type-tabs-v485 button.active{background:var(--ix-dark)!important;color:#fff!important;border-color:var(--ix-dark)!important}.account-live-search-v485{position:relative}.account-live-search-v485>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#929aa3}.account-live-search-v485 input{width:100%;height:46px;padding:0 14px 0 40px!important;border:1px solid #dde1e5!important;border-radius:12px!important;background:#fff!important}.recipient-results-v485{display:grid;gap:7px;margin-top:9px;max-height:330px;overflow:auto}.recipient-result-v485{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;width:100%!important;min-height:58px!important;padding:9px 11px!important;border:1px solid #e5e8eb!important;border-radius:12px!important;background:#fff!important;color:#323a43!important;box-shadow:none!important;text-align:left!important}.recipient-result-v485:hover,.recipient-result-v485.selected{border-color:#c9cfd5!important;background:#f8f9fa!important;transform:none!important}.recipient-avatar-v485,.account-result-icon-v485{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#f1f2f4;color:#4c5661}.recipient-result-v485 strong,.recipient-result-v485 small{display:block}.recipient-result-v485 small{font-size:9px;color:#8b949e;margin-top:3px}.recipient-result-v485 em,.account-access-result-v485>em{font-style:normal;font-size:8px;font-weight:900;padding:5px 7px;border-radius:999px}.recipient-result-v485 em.active,.account-access-result-v485>em.active{background:#eef4e1;color:#667b08}.recipient-result-v485 em.passive,.account-access-result-v485>em.passive{background:#f5edf2;color:#9a6680}.recipient-empty-v485,.empty-hint-v485{display:block;padding:14px;color:#8d959e;font-size:10px}.selected-recipient-head-v485{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid #e8eaed;font-size:10px}.selected-recipient-head-v485 span{padding:4px 7px;border-radius:999px;background:#eef0f2}.selected-recipients-v485{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.selected-recipient-chip-v485{display:inline-flex;align-items:center;gap:6px;padding:6px 7px 6px 9px;border:1px solid #e2e5e8;border-radius:999px;background:#fff;font-size:9px}.selected-recipient-chip-v485 small{color:#969da5}.selected-recipient-chip-v485 button{width:22px!important;min-width:22px!important;height:22px!important;min-height:22px!important;padding:0!important;border-radius:50%!important;background:#f2f3f5!important;color:#606a74!important;box-shadow:none!important}.notification-submit-v485{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding-top:16px;border-top:1px solid #e9ebee}.notification-submit-v485>span{font-size:9px;color:#808891} /* account access */ .account-access-search-card-v485{max-width:1100px;margin:0 auto}.account-access-results-v485{display:grid;gap:8px;margin-top:14px}.account-access-result-v485{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px;border:1px solid #e5e8eb;border-radius:13px;background:#fff}.account-access-result-v485 strong,.account-access-result-v485 small,.account-type-v485{display:block}.account-access-result-v485 small{font-size:9px;color:#8b949e;margin-top:3px}.account-type-v485{font-size:8px;font-weight:900;color:#929aa3;text-transform:uppercase;letter-spacing:.08em}.account-access-empty-v485{min-height:190px;display:grid;place-items:center;align-content:center;gap:7px;text-align:center;color:#929aa3}.account-access-empty-v485 i{font-size:24px}.account-access-empty-v485 strong{color:#59636e}.account-disabled-v485{font-size:9px;color:#a1a8b0} /* roles */ .roles-layout-v485{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}.roles-list-v485{padding:12px!important;position:sticky;top:96px}.role-list-item-v485{display:grid;grid-template-columns:38px 1fr 14px;gap:9px;align-items:center;padding:10px;border-radius:11px;color:#49535e;text-decoration:none}.role-list-item-v485:hover,.role-list-item-v485.active{background:#f4f5f7}.role-icon-v485{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#eceff2;color:#59636e}.role-list-item-v485 strong,.role-list-item-v485 small{display:block}.role-list-item-v485 small{font-size:8px;color:#929aa3;margin-top:3px}.role-editor-v485{padding:22px!important}.role-name-field-v485{display:grid;gap:7px;max-width:520px;font-size:10px;font-weight:800}.permission-groups-v485{display:grid;gap:12px;margin-top:18px}.permission-group-v485{border:1px solid #e5e8eb;border-radius:14px;overflow:hidden}.permission-group-head-v485{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;background:#f7f8f9}.permission-group-head-v485 strong,.permission-group-head-v485 small{display:block}.permission-group-head-v485 small{font-size:8px;color:#929aa3;margin-top:2px}.permission-group-head-v485 button{min-height:28px!important;padding:5px 8px!important;border:1px solid #e1e4e8!important;border-radius:8px!important;background:#fff!important;color:#65707a!important;box-shadow:none!important;font-size:8px!important}.permission-grid-v485{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.permission-switch-v485{display:flex;align-items:center;gap:9px;padding:11px 12px;border-right:1px solid #edf0f2;border-top:1px solid #edf0f2}.permission-switch-v485>span:last-child strong,.permission-switch-v485>span:last-child small{display:block}.permission-switch-v485>span:last-child strong{font-size:9px}.permission-switch-v485>span:last-child small{font-size:7px;color:#9ba2aa;margin-top:2px}.role-savebar-v485{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px;padding-top:15px;border-top:1px solid #e8ebee}.role-savebar-v485>span{font-size:9px;color:#818b95} /* activity/media */ .activity-row-v485{grid-template-columns:130px 130px minmax(0,1fr) 120px 36px!important;align-items:center}.activity-row-v485 form{margin:0!important}.media-grid-v485{grid-template-columns:repeat(6,minmax(0,1fr))!important}.media-item-v485{min-width:0}.media-item-v485 .media-preview{position:relative}.media-zoom-v485,.media-delete-v485 button{position:absolute!important;top:7px!important;width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;border:0!important;border-radius:9px!important;display:grid!important;place-items:center!important;box-shadow:0 5px 14px rgba(4,10,29,.12)!important}.media-zoom-v485{right:43px;background:#fff;color:#4b5563;text-decoration:none}.media-delete-v485{position:absolute;top:7px;right:7px;margin:0!important}.media-delete-v485 button{position:static!important;background:#fff!important;color:#c33270!important}.pagination-v485{display:flex;justify-content:center;gap:6px;margin-top:18px}.pagination-v485 a{min-width:34px;height:34px;display:grid;place-items:center;border:1px solid #e1e4e7;border-radius:9px;background:#fff;color:#67717c;text-decoration:none;font-size:9px;font-weight:900}.pagination-v485 a.active{background:var(--ix-dark);color:#fff;border-color:var(--ix-dark)} /* merchant product image */ .merchant-product-row{grid-template-columns:112px minmax(0,1fr) auto!important}.merchant-product-image{position:relative!important;width:112px!important;height:126px!important;border-radius:14px!important;background:#fff!important;border:1px solid #eadfe6!important}.merchant-product-image img{width:100%!important;height:100%!important;object-fit:contain!important;padding:8px!important}.merchant-product-zoom-v485{position:absolute!important;right:7px!important;top:7px!important;width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;border:1px solid #e5e7eb!important;border-radius:9px!important;background:rgba(255,255,255,.94)!important;color:#4b5563!important;box-shadow:0 4px 12px rgba(4,10,29,.08)!important}.image-lightbox-v485[hidden]{display:none!important}.image-lightbox-v485{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:30px;background:rgba(4,10,29,.68);backdrop-filter:blur(6px)}.image-lightbox-v485 img{max-width:min(900px,90vw);max-height:86vh;border-radius:18px;background:#fff;padding:16px;box-shadow:0 20px 70px rgba(0,0,0,.24)}.image-lightbox-v485>button{position:absolute;right:26px;top:22px;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border-radius:50%!important;background:#fff!important;color:#111827!important;box-shadow:none!important}.lightbox-open-v485{overflow:hidden} @media(max-width:1100px){.permission-grid-v485{grid-template-columns:repeat(2,1fr)}.media-grid-v485{grid-template-columns:repeat(4,1fr)!important}} @media(max-width:760px){.notification-form-grid-v485,.notification-type-switches-v485,.roles-layout-v485{grid-template-columns:1fr}.notification-form-grid-v485 .span-2{grid-column:auto}.notification-submit-v485,.role-savebar-v485{align-items:stretch;flex-direction:column}.roles-list-v485{position:static}.permission-grid-v485{grid-template-columns:1fr}.account-access-result-v485{grid-template-columns:40px 1fr}.account-access-result-v485>em,.account-access-result-v485>form,.account-disabled-v485{grid-column:2}.media-grid-v485{grid-template-columns:repeat(2,1fr)!important}.merchant-product-row{grid-template-columns:92px 1fr!important}.merchant-product-image{width:92px!important;height:108px!important}.merchant-product-actions{grid-column:1/-1;justify-content:flex-end}} /* ===== ui-v499.css ===== */ /* migrated from ui-v492.css */ /* v4.9.2 canonical list/search layer — replaces the temporary v4.9.1 tail overrides. */ .ui-list-toolbar-v491,.ui-list-toolbar-v492{display:flex;align-items:end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}.ui-list-search-v491,.ui-list-search-v492{display:flex;align-items:end;gap:8px;flex:1 1 360px;flex-wrap:wrap}.ui-list-search-v491 label,.ui-list-search-v492 label{flex:1 1 220px;margin:0}.ui-list-search-v491 input,.ui-list-search-v492 input{width:100%}.ui-list-count-v491,.ui-list-count-v492{font-size:12px;color:#806d79;font-weight:700}.ui-compact-field-v492{flex:0 1 150px!important}.ui-filter-card-v492{padding-bottom:10px!important;margin-bottom:18px!important} .ui-pagination-v491{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 0 0;margin-top:14px;border-top:1px solid #eadfe7}.ui-pagination-meta-v491{font-size:12px;color:#7d6976}.ui-pagination-pages-v491{display:flex;align-items:center;gap:6px}.ui-pagination-pages-v491 a,.ui-pagination-pages-v491 span{min-width:34px;height:34px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e7dce3;border-radius:9px;text-decoration:none;color:#261b22;background:#fff;font-size:12px;font-weight:800}.ui-pagination-pages-v491 a:hover,.ui-pagination-pages-v491 a.active{border-color:#040A1D;background:#040A1D;color:#fff}.ui-pagination-pages-v491 span{border-color:transparent;background:transparent}.ui-pagination-size-v491{margin:0}.ui-pagination-size-v491 label{display:flex;align-items:center;gap:7px;font-size:11px;color:#7d6976}.ui-pagination-size-v491 select{min-height:34px;padding:6px 26px 6px 9px} .ui-autocomplete-v491{position:relative}.ui-autocomplete-v491>input[type=search]{width:100%}.ui-autocomplete-results-v491,.ui-multi-results-v492{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:80;background:#fff;border:1px solid #e2d6de;border-radius:12px;box-shadow:0 16px 40px rgba(4,10,29,.14);max-height:280px;overflow:auto;padding:6px}.ui-autocomplete-results-v491[hidden],.ui-multi-results-v492[hidden]{display:none}.ui-autocomplete-option-v491,.ui-multi-option-v492{width:100%;display:block;text-align:left;border:0!important;background:transparent!important;color:#241820!important;border-radius:9px!important;padding:10px 11px!important;box-shadow:none!important;font-weight:600!important}.ui-autocomplete-option-v491:hover,.ui-autocomplete-option-v491:focus,.ui-multi-option-v492:hover,.ui-multi-option-v492:focus{background:#f8f2f6!important}.ui-autocomplete-option-v491 small,.ui-multi-option-v492 small{display:block;color:#8c7884;margin-top:3px;font-weight:500}.ui-autocomplete-selected-v491{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding:9px 11px;border:1px solid #e7dce3;border-radius:10px;background:#fbf8fa;font-size:12px}.ui-autocomplete-selected-v491 small{display:block;color:#8c7884;margin-top:2px}.ui-autocomplete-selected-v491 button{border:0!important;background:transparent!important;color:#b01865!important;padding:2px!important;box-shadow:none!important}.ui-empty-v491,.ui-empty-v492{padding:28px 18px;text-align:center;color:#8c7884}.ui-empty-v491 i,.ui-empty-v492 i{display:block;font-size:24px;margin-bottom:8px;color:#c7b9c2} .ui-ordered-multi-v492{position:relative}.ui-ordered-multi-v492>label{display:grid;gap:6px;margin:0}.ui-ordered-multi-v492.is-empty .ui-multi-selected-v492:after{content:'Henüz seçim yapılmadı.';display:block;padding:16px;text-align:center;color:#9a8793;font-size:11px}.ui-multi-selected-v492{display:grid;gap:7px;margin-top:8px;min-height:46px}.ui-multi-item-v492{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 9px;border:1px solid #eadfe6;border-radius:11px;background:#fff}.ui-multi-item-v492.dragging{opacity:.5;border-color:#E4218A}.ui-multi-grip-v492{color:#b5a5af;cursor:grab}.ui-multi-copy-v492 strong,.ui-multi-copy-v492 small{display:block}.ui-multi-copy-v492 strong{font-size:11px;color:#21171d}.ui-multi-copy-v492 small{font-size:9px;color:#90808a;margin-top:2px}.ui-multi-actions-v492{display:flex;gap:3px}.ui-multi-actions-v492 button{width:27px!important;min-width:27px!important;height:27px!important;min-height:27px!important;padding:0!important;border:1px solid #eadfe6!important;border-radius:8px!important;background:#fff!important;color:#6e5c67!important;box-shadow:none!important}.ui-multi-actions-v492 button:last-child{color:#b01865!important}.note-columns-v492{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ui-note-layer-v492{padding:14px;border:1px solid #eadfe6;border-radius:14px;background:#fcfafb}.ui-note-layer-v492 h3{margin:0 0 12px;font-size:13px;color:#241820}.ui-note-layer-v492 .ui-multi-results-v492{top:74px} /* component normalization phase I: table/card spacing only, no sidebar/layout rewrites */ .admin-card>.table-scroll:first-child,.admin-card>table:first-child{margin-top:0}.admin-card .card-head+ .ui-list-toolbar-v492,.admin-card .card-head+ .ui-list-toolbar-v491{margin-top:14px}.admin-card+.admin-card{margin-top:18px}.admin-grid>.admin-card+.admin-card{margin-top:0} @media(max-width:1050px){.note-columns-v492{grid-template-columns:1fr}.ui-note-layer-v492 .ui-multi-results-v492{top:74px}}@media(max-width:700px){.ui-pagination-v491{align-items:flex-start}.ui-pagination-pages-v491{order:3;width:100%;overflow:auto;padding-bottom:2px}.ui-list-search-v491,.ui-list-search-v492{width:100%}.ui-compact-field-v492{flex:1 1 100%!important}} /* migrated from ui-v493.css */ /* v4.9.3 Admin UI consolidation Phase II — no sidebar selectors in this layer. */ .ui-stack-card-v493{margin:14px 0}.ui-template-form-v493{padding:18px 0;border-bottom:1px solid #eee}.ui-inline-recon-v493{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.ui-input-money-v493{max-width:120px!important}.ui-input-note-v493{max-width:140px!important}.ui-missing-v493{color:#a85d70}.admin-card>.ui-list-toolbar-v492:first-child{margin-top:0}.admin-card>.table-scroll+.ui-pagination-v491{margin-top:14px}.admin-card>.ui-pagination-v491:last-child{padding-bottom:2px}.admin-card table button,.admin-card table .btn{white-space:nowrap}.admin-form>.inline-actions,.inline-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.admin-card .empty-state,.admin-card .ui-empty-v492{min-height:90px;display:flex;align-items:center;justify-content:center}.ui-filter-card-v493{margin-bottom:18px!important}.contact-message-list+.ui-pagination-v491{margin-top:12px}.support-admin-thread-v483,.support-departments-v484{margin-top:18px} @media(max-width:760px){.ui-inline-recon-v493{align-items:stretch}.ui-input-money-v493,.ui-input-note-v493{max-width:none!important;width:100%}.ui-list-search-v492 .ui-compact-field-v492{flex-basis:100%!important}} /* migrated from ui-v494.css */ /* v4.9.4 — responsive/accessibility acceptance layer. No sidebar geometry overrides. */ :root{--ix-focus:#E4218A;--ix-navy:#040A1D;--ix-soft:#f7f8fb;--ix-border:#e6e8ef} :where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid color-mix(in srgb,var(--ix-focus) 65%,white);outline-offset:2px} button:disabled,[aria-disabled="true"]{cursor:not-allowed;opacity:.58} .admin-card img,.table-scroll img,.media-preview img{max-width:100%;height:auto} .ui-storage-grid-v494{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.ui-storage-card-v494{background:#fff;border:1px solid var(--ix-border);border-radius:16px;padding:16px}.ui-storage-card-v494 span{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;color:#7f8490}.ui-storage-card-v494 strong{display:block;margin-top:7px;font-size:24px;color:var(--ix-navy)} .ui-progress-v494{height:9px;background:#eef0f4;border-radius:999px;overflow:hidden;margin-top:10px}.ui-progress-v494>i{display:block;height:100%;background:var(--ix-navy);border-radius:inherit} .ui-orphan-row-v494 td:first-child{width:42px}.ui-path-v494{max-width:420px;word-break:break-all}.ui-danger-note-v494{padding:12px 14px;border:1px solid #f4d9e6;background:#fff9fc;border-radius:12px;color:#7b3958} .ui-responsive-check-v494{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.ui-responsive-check-v494 span{padding:9px 10px;border-radius:10px;border:1px solid var(--ix-border);background:#fff;text-align:center;font-size:12px;font-weight:700} @media(max-width:1100px){.ui-storage-grid-v494{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-responsive-check-v494{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:760px){.ui-storage-grid-v494{grid-template-columns:1fr}.admin-card>.card-head{align-items:flex-start;gap:10px}.admin-card>.card-head,.ui-list-toolbar-v492,.ui-list-toolbar-v491{flex-wrap:wrap}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.ui-responsive-check-v494{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-content{min-width:0}.ui-inline-recon-v493>*{min-width:0}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}} /* migrated from ui-v495.css */ /* v4.9.5 — operations/performance/accessibility consolidation */ .notification-scheduler-v495{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.notification-scheduler-v495 .span-2{grid-column:1/-1}.notification-scheduler-v495 fieldset{border:1px solid #e7eaf0;border-radius:14px;padding:14px;display:flex;gap:18px;flex-wrap:wrap}.notification-scheduler-v495 legend{font-weight:800;color:#040A1D;padding:0 6px}.queue-status-v495,.sla-badge-v495{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:.75rem;font-weight:800;background:#eef1f6;color:#475569}.queue-status-v495.completed{background:#eef8d2;color:#567000}.queue-status-v495.failed,.sla-badge-v495.overdue{background:#ffe5f2;color:#a2105f}.queue-status-v495.running{background:#fff3d6;color:#8a5d00}.sla-kpi-grid-v495{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}.sla-kpi-grid-v495 article{background:#fff;border:1px solid #e8ebf2;border-radius:16px;padding:16px;display:grid;gap:5px}.sla-kpi-grid-v495 span{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.sla-kpi-grid-v495 strong{font-size:1.45rem;color:#040A1D}.sla-kpi-grid-v495 small{color:#748094}.perf-budget-v495{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.perf-budget-v495>div{border:1px solid #e8ebf2;border-radius:14px;padding:14px}.perf-budget-v495 span{display:block;color:#64748b;font-size:.8rem}.perf-budget-v495 strong{font-size:1.15rem;color:#040A1D}.v495-progress-fill{width:var(--progress,0%)}@media(max-width:780px){.notification-scheduler-v495{grid-template-columns:1fr}.notification-scheduler-v495 .span-2{grid-column:auto}.sla-kpi-grid-v495,.perf-budget-v495{grid-template-columns:1fr}.notification-scheduler-v495 fieldset{flex-direction:column;gap:8px}} .sla-settings-v495{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sla-settings-v495 .btn{grid-column:1/-1;justify-self:start}@media(max-width:780px){.sla-settings-v495{grid-template-columns:1fr 1fr}}@media(max-width:520px){.sla-settings-v495{grid-template-columns:1fr}} /* migrated from ui-v496.css */ /* v4.9.6 expanded UI hardening */ :root{--data-modern-active:#865f76;--data-modern-passive:#f6edf2;--data-modern-line:#eadde5;--data-modern-text:#4e3d47;--data-modern-muted:#927e89} .support-department-form-v484{display:grid!important;grid-template-columns:minmax(190px,1.2fr) minmax(220px,1.4fr) 90px minmax(180px,1fr) auto!important;gap:12px!important;align-items:end!important}.support-department-form-v484>label{margin:0!important}.support-department-form-v484 .ui-switch-card{min-height:45px!important;padding:9px 11px!important;align-self:end!important}.support-department-grid-v484{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.support-department-grid-v484>article{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;padding:13px 14px!important}.support-department-actions-v484{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;min-width:144px!important}.support-department-actions-v484 form{display:flex!important;align-items:center!important;margin:0!important}.support-department-actions-v484 .icon-action-v483{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;display:grid!important;place-items:center!important}.support-switch-form-v496{width:46px!important;min-width:46px!important}.support-switch-state-v496{font-size:9px;font-weight:800;color:var(--data-modern-muted)} .data-modern-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.data-modern-preview-card{border:1px solid var(--data-modern-line);border-radius:15px;background:#fff;padding:15px}.data-modern-preview-card.is-primary{box-shadow:inset 3px 0 0 var(--data-modern-active)}.data-modern-preview-card h3{margin:0 0 8px;font-size:15px}.data-modern-kv{display:grid;grid-template-columns:120px 1fr;gap:6px 10px;font-size:10px}.data-modern-kv span{color:var(--data-modern-muted)}.data-modern-relation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.data-modern-relation-grid div{padding:10px;border-radius:12px;background:#fbf7f9;border:1px solid var(--data-modern-line)}.data-modern-relation-grid strong,.data-modern-relation-grid small{display:block}.data-modern-relation-grid small{font-size:9px;color:var(--data-modern-muted);margin-top:3px}.data-modern-danger-zone{border:1px solid #ead7df!important;background:#fff9fb!important}.bulk-select-v496{width:16px;height:16px;accent-color:var(--data-modern-active)}.bulk-actions-v496{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.query-health-grid-v496{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.query-health-card-v496{padding:14px;border:1px solid var(--data-modern-line);border-radius:14px;background:#fff}.query-health-card-v496 strong,.query-health-card-v496 small{display:block}.query-health-card-v496 strong{font-size:20px}.query-health-card-v496 small{color:var(--data-modern-muted);margin-top:3px}.index-table-v496 code{font-size:9px}.badge-data-modern-ok{background:#f3edf1;color:#6e4f61}.badge-data-modern-warn{background:#fff4df;color:#8b6724} @media(max-width:1100px){.support-department-form-v484{grid-template-columns:1fr 1fr}.support-department-grid-v484{grid-template-columns:1fr}.query-health-grid-v496{grid-template-columns:1fr 1fr}}@media(max-width:680px){.support-department-form-v484{grid-template-columns:1fr}.support-department-grid-v484>article{grid-template-columns:1fr}.support-department-actions-v484{justify-content:flex-start}.data-modern-preview-grid{grid-template-columns:1fr}.data-modern-relation-grid{grid-template-columns:1fr 1fr}.query-health-grid-v496{grid-template-columns:1fr}} .query-plan-v496{padding:14px 0;border-top:1px solid var(--data-modern-line)}.query-plan-v496:first-of-type{border-top:0}.query-plan-v496 h3{font-size:13px;margin:0 0 9px} /* v4.9.6: force one switch geometry/palette across every panel */ .admin-shell .ui-switch,.advertiser-body .ui-switch,.member-body .ui-switch,.merchant-body .ui-switch{position:relative!important;display:inline-flex!important;align-items:center!important;width:46px!important;height:26px!important;min-width:46px!important;flex:0 0 46px!important;vertical-align:middle!important;transform:none!important} .admin-shell .ui-switch>i,.advertiser-body .ui-switch>i,.member-body .ui-switch>i,.merchant-body .ui-switch>i{position:absolute!important;inset:0!important;border-radius:999px!important;background:#f6edf2!important;border:1px solid #eadde5!important;box-shadow:none!important} .admin-shell .ui-switch>i:after,.advertiser-body .ui-switch>i:after,.member-body .ui-switch>i:after,.merchant-body .ui-switch>i:after{content:""!important;position:absolute!important;width:20px!important;height:20px!important;left:2px!important;top:2px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 2px 7px rgba(56,38,50,.16)!important;transform:none!important;transition:transform .18s!important} .admin-shell .ui-switch input:checked+i,.advertiser-body .ui-switch input:checked+i,.member-body .ui-switch input:checked+i,.merchant-body .ui-switch input:checked+i{background:#865f76!important;border-color:#865f76!important} .admin-shell .ui-switch input:checked+i:after,.advertiser-body .ui-switch input:checked+i:after,.member-body .ui-switch input:checked+i:after,.merchant-body .ui-switch input:checked+i:after{transform:translateX(20px)!important} .admin-shell .ui-switch-button,.advertiser-body .ui-switch-button,.member-body .ui-switch-button,.merchant-body .ui-switch-button{position:relative!important;display:inline-block!important;width:46px!important;height:26px!important;min-width:46px!important;min-height:26px!important;max-width:46px!important;padding:0!important;margin:0!important;border:1px solid #eadde5!important;border-radius:999px!important;background:#f6edf2!important;box-shadow:none!important;vertical-align:middle!important;overflow:hidden!important} .admin-shell .ui-switch-button>i,.advertiser-body .ui-switch-button>i,.member-body .ui-switch-button>i,.merchant-body .ui-switch-button>i{position:absolute!important;width:20px!important;height:20px!important;left:2px!important;top:2px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 2px 7px rgba(56,38,50,.16)!important;transform:none!important} .admin-shell .ui-switch-button.is-on,.advertiser-body .ui-switch-button.is-on,.member-body .ui-switch-button.is-on,.merchant-body .ui-switch-button.is-on{background:#865f76!important;border-color:#865f76!important} .admin-shell .ui-switch-button.is-on>i,.advertiser-body .ui-switch-button.is-on>i,.member-body .ui-switch-button.is-on>i,.merchant-body .ui-switch-button.is-on>i{transform:translateX(20px)!important} .merchant-switch-btn.on i{background:#865f76!important}.merchant-switch-btn.on span{color:#865f76!important}.adv-device-switch input:checked+.adv-switch-ui{background:#865f76!important;border-color:#865f76!important} .merchant-switch-btn i{width:46px!important;height:26px!important;background:#f6edf2!important;border:1px solid #eadde5!important;box-shadow:none!important}.merchant-switch-btn i:after{width:20px!important;height:20px!important;top:2px!important;left:2px!important;background:#fff!important;box-shadow:0 2px 7px rgba(56,38,50,.16)!important;transition:transform .18s!important}.merchant-switch-btn.on i{background:#865f76!important;border-color:#865f76!important}.merchant-switch-btn.on i:after{left:2px!important;transform:translateX(20px)!important} .adv-switch-ui{background:#f6edf2!important;border:1px solid #eadde5!important}.adv-device-switch input:checked+.adv-switch-ui{background:#865f76!important;border-color:#865f76!important} /* migrated from ui-v497.css */ /* v4.9.7 support operations hardening */ .support-ticket-controls-v483{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end} .support-ticket-controls-v483 select{min-width:150px;max-width:220px} .support-workload-grid-v497{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .support-workload-grid-v497 article{display:grid;gap:5px;padding:15px 16px;border:1px solid #eee4ea;border-radius:16px;background:#fff} .support-workload-grid-v497 article strong{color:#241b22} .support-workload-grid-v497 article span,.support-workload-grid-v497 article small{color:#75656f} .support-workload-grid-v497 article small.is-overdue{color:#865f76;font-weight:800} @media(max-width:1050px){.support-workload-grid-v497{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:680px){.support-workload-grid-v497{grid-template-columns:1fr}.support-ticket-controls-v483{width:100%;justify-content:stretch}.support-ticket-controls-v483 select,.support-ticket-controls-v483 .btn{width:100%;max-width:none}} /* v4.9.7 dashboard / support & accounts operations center */ .account-ops-center-v497{overflow:hidden;background:linear-gradient(145deg,#fff,#fcf8fb);border-color:#eadfe6} .account-ops-head-v497{margin-bottom:17px} .account-ops-head-v497 p{margin:6px 0 0;color:#8a7884;font-size:12px;font-weight:600} .account-ops-total-v497{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #eadde5;border-radius:999px;background:#f6edf2;color:#865f76;font-size:11px;font-weight:850;white-space:nowrap} .account-ops-grid-v497{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .account-ops-card-v497{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 34px;align-items:center;gap:14px;min-height:132px;padding:18px;border:1px solid #eadfe6;border-radius:20px;background:#fff;color:#2d2229;text-decoration:none;box-shadow:0 10px 30px rgba(92,67,84,.055);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease} .account-ops-card-v497:hover{transform:translateY(-2px);border-color:#d7becd;box-shadow:0 16px 34px rgba(92,67,84,.10)} .account-ops-icon-v497{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#f6edf2;color:#865f76;font-size:18px;box-shadow:inset 0 0 0 1px rgba(134,95,118,.06)} .account-ops-copy-v497{display:grid;gap:4px;min-width:0} .account-ops-copy-v497 small{font-size:10px;line-height:1.2;color:#8b7683;font-weight:850;text-transform:uppercase;letter-spacing:.06em} .account-ops-copy-v497 strong{font-size:30px;line-height:1;color:#2a2026;letter-spacing:-.04em} .account-ops-copy-v497 em{font-style:normal;color:#9b8c95;font-size:10px;line-height:1.45} .account-ops-arrow-v497{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#faf6f8;color:#9b7b8e;font-size:12px;transition:background .18s ease,color .18s ease,transform .18s ease} .account-ops-card-v497:hover .account-ops-arrow-v497{background:#865f76;color:#fff;transform:translateX(2px)} .account-ops-card-v497.support{border-top:3px solid #865f76} .account-ops-card-v497.merchant{border-top:3px solid #a9be75} .account-ops-card-v497.advertiser{border-top:3px solid #d38caf} .account-ops-card-v497.merchant .account-ops-icon-v497{background:#f3f7e9;color:#7d9651} .account-ops-card-v497.advertiser .account-ops-icon-v497{background:#fbf0f5;color:#b05f87} @media(max-width:1050px){.account-ops-grid-v497{grid-template-columns:repeat(2,minmax(0,1fr))}.account-ops-card-v497:last-child{grid-column:1/-1}} @media(max-width:680px){.account-ops-head-v497{align-items:flex-start}.account-ops-total-v497{margin-top:10px}.account-ops-grid-v497{grid-template-columns:1fr}.account-ops-card-v497:last-child{grid-column:auto}.account-ops-card-v497{min-height:118px;padding:15px;grid-template-columns:44px minmax(0,1fr) 32px}.account-ops-icon-v497{width:44px;height:44px;border-radius:14px}.account-ops-copy-v497 strong{font-size:27px}} /* migrated from ui-v498.css */ /* v4.9.8 operations automation + support analytics */ .support-hero-actions-v498{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end} .support-sla-grid-v498{grid-template-columns:repeat(4,minmax(0,1fr))} .support-report-grid-v498{display:grid;grid-template-columns:1fr 1fr;gap:18px} .notification-scheduler-v495 .ui-switch-card{align-self:end;min-height:52px} @media(max-width:1050px){.support-sla-grid-v498{grid-template-columns:repeat(2,minmax(0,1fr))}.support-report-grid-v498{grid-template-columns:1fr}} @media(max-width:680px){.support-sla-grid-v498{grid-template-columns:1fr}.support-hero-actions-v498{justify-content:flex-start;width:100%}} /* v4.9.9 retention / query history / quality schedule */ .retention-grid-v499{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}.retention-kpi-v499{background:#fff;border:1px solid #eadde5;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:6px}.retention-kpi-v499 small{font-weight:800;color:#865f76;text-transform:uppercase;letter-spacing:.06em}.retention-kpi-v499 strong{font-size:30px;color:#040A1D}.retention-kpi-v499 span{color:#6b6470}.retention-form-v499{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:14px;align-items:end}.retention-form-v499 label{display:grid;gap:6px}.quality-schedule-v499{margin-top:16px;padding-top:16px;border-top:1px solid #eee}.quality-schedule-v499 .inline-actions{align-items:end}@media(max-width:900px){.retention-form-v499{grid-template-columns:1fr 1fr}.retention-grid-v499{grid-template-columns:1fr 1fr}}@media(max-width:600px){.retention-form-v499,.retention-grid-v499{grid-template-columns:1fr}} /* ===== ui-v4100.css ===== */ /* migrated from ui-v492.css */ /* v4.9.2 canonical list/search layer — replaces the temporary v4.9.1 tail overrides. */ .ui-list-toolbar-v491,.ui-list-toolbar-v492{display:flex;align-items:end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}.ui-list-search-v491,.ui-list-search-v492{display:flex;align-items:end;gap:8px;flex:1 1 360px;flex-wrap:wrap}.ui-list-search-v491 label,.ui-list-search-v492 label{flex:1 1 220px;margin:0}.ui-list-search-v491 input,.ui-list-search-v492 input{width:100%}.ui-list-count-v491,.ui-list-count-v492{font-size:12px;color:#806d79;font-weight:700}.ui-compact-field-v492{flex:0 1 150px!important}.ui-filter-card-v492{padding-bottom:10px!important;margin-bottom:18px!important} .ui-pagination-v491{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 0 0;margin-top:14px;border-top:1px solid #eadfe7}.ui-pagination-meta-v491{font-size:12px;color:#7d6976}.ui-pagination-pages-v491{display:flex;align-items:center;gap:6px}.ui-pagination-pages-v491 a,.ui-pagination-pages-v491 span{min-width:34px;height:34px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e7dce3;border-radius:9px;text-decoration:none;color:#261b22;background:#fff;font-size:12px;font-weight:800}.ui-pagination-pages-v491 a:hover,.ui-pagination-pages-v491 a.active{border-color:#040A1D;background:#040A1D;color:#fff}.ui-pagination-pages-v491 span{border-color:transparent;background:transparent}.ui-pagination-size-v491{margin:0}.ui-pagination-size-v491 label{display:flex;align-items:center;gap:7px;font-size:11px;color:#7d6976}.ui-pagination-size-v491 select{min-height:34px;padding:6px 26px 6px 9px} .ui-autocomplete-v491{position:relative}.ui-autocomplete-v491>input[type=search]{width:100%}.ui-autocomplete-results-v491,.ui-multi-results-v492{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:80;background:#fff;border:1px solid #e2d6de;border-radius:12px;box-shadow:0 16px 40px rgba(4,10,29,.14);max-height:280px;overflow:auto;padding:6px}.ui-autocomplete-results-v491[hidden],.ui-multi-results-v492[hidden]{display:none}.ui-autocomplete-option-v491,.ui-multi-option-v492{width:100%;display:block;text-align:left;border:0!important;background:transparent!important;color:#241820!important;border-radius:9px!important;padding:10px 11px!important;box-shadow:none!important;font-weight:600!important}.ui-autocomplete-option-v491:hover,.ui-autocomplete-option-v491:focus,.ui-multi-option-v492:hover,.ui-multi-option-v492:focus{background:#f8f2f6!important}.ui-autocomplete-option-v491 small,.ui-multi-option-v492 small{display:block;color:#8c7884;margin-top:3px;font-weight:500}.ui-autocomplete-selected-v491{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding:9px 11px;border:1px solid #e7dce3;border-radius:10px;background:#fbf8fa;font-size:12px}.ui-autocomplete-selected-v491 small{display:block;color:#8c7884;margin-top:2px}.ui-autocomplete-selected-v491 button{border:0!important;background:transparent!important;color:#b01865!important;padding:2px!important;box-shadow:none!important}.ui-empty-v491,.ui-empty-v492{padding:28px 18px;text-align:center;color:#8c7884}.ui-empty-v491 i,.ui-empty-v492 i{display:block;font-size:24px;margin-bottom:8px;color:#c7b9c2} .ui-ordered-multi-v492{position:relative}.ui-ordered-multi-v492>label{display:grid;gap:6px;margin:0}.ui-ordered-multi-v492.is-empty .ui-multi-selected-v492:after{content:'Henüz seçim yapılmadı.';display:block;padding:16px;text-align:center;color:#9a8793;font-size:11px}.ui-multi-selected-v492{display:grid;gap:7px;margin-top:8px;min-height:46px}.ui-multi-item-v492{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 9px;border:1px solid #eadfe6;border-radius:11px;background:#fff}.ui-multi-item-v492.dragging{opacity:.5;border-color:#E4218A}.ui-multi-grip-v492{color:#b5a5af;cursor:grab}.ui-multi-copy-v492 strong,.ui-multi-copy-v492 small{display:block}.ui-multi-copy-v492 strong{font-size:11px;color:#21171d}.ui-multi-copy-v492 small{font-size:9px;color:#90808a;margin-top:2px}.ui-multi-actions-v492{display:flex;gap:3px}.ui-multi-actions-v492 button{width:27px!important;min-width:27px!important;height:27px!important;min-height:27px!important;padding:0!important;border:1px solid #eadfe6!important;border-radius:8px!important;background:#fff!important;color:#6e5c67!important;box-shadow:none!important}.ui-multi-actions-v492 button:last-child{color:#b01865!important}.note-columns-v492{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ui-note-layer-v492{padding:14px;border:1px solid #eadfe6;border-radius:14px;background:#fcfafb}.ui-note-layer-v492 h3{margin:0 0 12px;font-size:13px;color:#241820}.ui-note-layer-v492 .ui-multi-results-v492{top:74px} /* component normalization phase I: table/card spacing only, no sidebar/layout rewrites */ .admin-card>.table-scroll:first-child,.admin-card>table:first-child{margin-top:0}.admin-card .card-head+ .ui-list-toolbar-v492,.admin-card .card-head+ .ui-list-toolbar-v491{margin-top:14px}.admin-card+.admin-card{margin-top:18px}.admin-grid>.admin-card+.admin-card{margin-top:0} @media(max-width:1050px){.note-columns-v492{grid-template-columns:1fr}.ui-note-layer-v492 .ui-multi-results-v492{top:74px}}@media(max-width:700px){.ui-pagination-v491{align-items:flex-start}.ui-pagination-pages-v491{order:3;width:100%;overflow:auto;padding-bottom:2px}.ui-list-search-v491,.ui-list-search-v492{width:100%}.ui-compact-field-v492{flex:1 1 100%!important}} /* migrated from ui-v493.css */ /* v4.9.3 Admin UI consolidation Phase II — no sidebar selectors in this layer. */ .ui-stack-card-v493{margin:14px 0}.ui-template-form-v493{padding:18px 0;border-bottom:1px solid #eee}.ui-inline-recon-v493{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.ui-input-money-v493{max-width:120px!important}.ui-input-note-v493{max-width:140px!important}.ui-missing-v493{color:#a85d70}.admin-card>.ui-list-toolbar-v492:first-child{margin-top:0}.admin-card>.table-scroll+.ui-pagination-v491{margin-top:14px}.admin-card>.ui-pagination-v491:last-child{padding-bottom:2px}.admin-card table button,.admin-card table .btn{white-space:nowrap}.admin-form>.inline-actions,.inline-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.admin-card .empty-state,.admin-card .ui-empty-v492{min-height:90px;display:flex;align-items:center;justify-content:center}.ui-filter-card-v493{margin-bottom:18px!important}.contact-message-list+.ui-pagination-v491{margin-top:12px}.support-admin-thread-v483,.support-departments-v484{margin-top:18px} @media(max-width:760px){.ui-inline-recon-v493{align-items:stretch}.ui-input-money-v493,.ui-input-note-v493{max-width:none!important;width:100%}.ui-list-search-v492 .ui-compact-field-v492{flex-basis:100%!important}} /* migrated from ui-v494.css */ /* v4.9.4 — responsive/accessibility acceptance layer. No sidebar geometry overrides. */ :root{--ix-focus:#E4218A;--ix-navy:#040A1D;--ix-soft:#f7f8fb;--ix-border:#e6e8ef} :where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid color-mix(in srgb,var(--ix-focus) 65%,white);outline-offset:2px} button:disabled,[aria-disabled="true"]{cursor:not-allowed;opacity:.58} .admin-card img,.table-scroll img,.media-preview img{max-width:100%;height:auto} .ui-storage-grid-v494{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.ui-storage-card-v494{background:#fff;border:1px solid var(--ix-border);border-radius:16px;padding:16px}.ui-storage-card-v494 span{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;color:#7f8490}.ui-storage-card-v494 strong{display:block;margin-top:7px;font-size:24px;color:var(--ix-navy)} .ui-progress-v494{height:9px;background:#eef0f4;border-radius:999px;overflow:hidden;margin-top:10px}.ui-progress-v494>i{display:block;height:100%;background:var(--ix-navy);border-radius:inherit} .ui-orphan-row-v494 td:first-child{width:42px}.ui-path-v494{max-width:420px;word-break:break-all}.ui-danger-note-v494{padding:12px 14px;border:1px solid #f4d9e6;background:#fff9fc;border-radius:12px;color:#7b3958} .ui-responsive-check-v494{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.ui-responsive-check-v494 span{padding:9px 10px;border-radius:10px;border:1px solid var(--ix-border);background:#fff;text-align:center;font-size:12px;font-weight:700} @media(max-width:1100px){.ui-storage-grid-v494{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-responsive-check-v494{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:760px){.ui-storage-grid-v494{grid-template-columns:1fr}.admin-card>.card-head{align-items:flex-start;gap:10px}.admin-card>.card-head,.ui-list-toolbar-v492,.ui-list-toolbar-v491{flex-wrap:wrap}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.ui-responsive-check-v494{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-content{min-width:0}.ui-inline-recon-v493>*{min-width:0}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}} /* migrated from ui-v495.css */ /* v4.9.5 — operations/performance/accessibility consolidation */ .notification-scheduler-v495{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.notification-scheduler-v495 .span-2{grid-column:1/-1}.notification-scheduler-v495 fieldset{border:1px solid #e7eaf0;border-radius:14px;padding:14px;display:flex;gap:18px;flex-wrap:wrap}.notification-scheduler-v495 legend{font-weight:800;color:#040A1D;padding:0 6px}.queue-status-v495,.sla-badge-v495{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:.75rem;font-weight:800;background:#eef1f6;color:#475569}.queue-status-v495.completed{background:#eef8d2;color:#567000}.queue-status-v495.failed,.sla-badge-v495.overdue{background:#ffe5f2;color:#a2105f}.queue-status-v495.running{background:#fff3d6;color:#8a5d00}.sla-kpi-grid-v495{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}.sla-kpi-grid-v495 article{background:#fff;border:1px solid #e8ebf2;border-radius:16px;padding:16px;display:grid;gap:5px}.sla-kpi-grid-v495 span{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.sla-kpi-grid-v495 strong{font-size:1.45rem;color:#040A1D}.sla-kpi-grid-v495 small{color:#748094}.perf-budget-v495{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.perf-budget-v495>div{border:1px solid #e8ebf2;border-radius:14px;padding:14px}.perf-budget-v495 span{display:block;color:#64748b;font-size:.8rem}.perf-budget-v495 strong{font-size:1.15rem;color:#040A1D}.v495-progress-fill{width:var(--progress,0%)}@media(max-width:780px){.notification-scheduler-v495{grid-template-columns:1fr}.notification-scheduler-v495 .span-2{grid-column:auto}.sla-kpi-grid-v495,.perf-budget-v495{grid-template-columns:1fr}.notification-scheduler-v495 fieldset{flex-direction:column;gap:8px}} .sla-settings-v495{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sla-settings-v495 .btn{grid-column:1/-1;justify-self:start}@media(max-width:780px){.sla-settings-v495{grid-template-columns:1fr 1fr}}@media(max-width:520px){.sla-settings-v495{grid-template-columns:1fr}} /* migrated from ui-v496.css */ /* v4.9.6 expanded UI hardening */ :root{--data-modern-active:#865f76;--data-modern-passive:#f6edf2;--data-modern-line:#eadde5;--data-modern-text:#4e3d47;--data-modern-muted:#927e89} .support-department-form-v484{display:grid!important;grid-template-columns:minmax(190px,1.2fr) minmax(220px,1.4fr) 90px minmax(180px,1fr) auto!important;gap:12px!important;align-items:end!important}.support-department-form-v484>label{margin:0!important}.support-department-form-v484 .ui-switch-card{min-height:45px!important;padding:9px 11px!important;align-self:end!important}.support-department-grid-v484{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.support-department-grid-v484>article{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;padding:13px 14px!important}.support-department-actions-v484{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;min-width:144px!important}.support-department-actions-v484 form{display:flex!important;align-items:center!important;margin:0!important}.support-department-actions-v484 .icon-action-v483{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;display:grid!important;place-items:center!important}.support-switch-form-v496{width:46px!important;min-width:46px!important}.support-switch-state-v496{font-size:9px;font-weight:800;color:var(--data-modern-muted)} .data-modern-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.data-modern-preview-card{border:1px solid var(--data-modern-line);border-radius:15px;background:#fff;padding:15px}.data-modern-preview-card.is-primary{box-shadow:inset 3px 0 0 var(--data-modern-active)}.data-modern-preview-card h3{margin:0 0 8px;font-size:15px}.data-modern-kv{display:grid;grid-template-columns:120px 1fr;gap:6px 10px;font-size:10px}.data-modern-kv span{color:var(--data-modern-muted)}.data-modern-relation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.data-modern-relation-grid div{padding:10px;border-radius:12px;background:#fbf7f9;border:1px solid var(--data-modern-line)}.data-modern-relation-grid strong,.data-modern-relation-grid small{display:block}.data-modern-relation-grid small{font-size:9px;color:var(--data-modern-muted);margin-top:3px}.data-modern-danger-zone{border:1px solid #ead7df!important;background:#fff9fb!important}.bulk-select-v496{width:16px;height:16px;accent-color:var(--data-modern-active)}.bulk-actions-v496{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.query-health-grid-v496{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.query-health-card-v496{padding:14px;border:1px solid var(--data-modern-line);border-radius:14px;background:#fff}.query-health-card-v496 strong,.query-health-card-v496 small{display:block}.query-health-card-v496 strong{font-size:20px}.query-health-card-v496 small{color:var(--data-modern-muted);margin-top:3px}.index-table-v496 code{font-size:9px}.badge-data-modern-ok{background:#f3edf1;color:#6e4f61}.badge-data-modern-warn{background:#fff4df;color:#8b6724} @media(max-width:1100px){.support-department-form-v484{grid-template-columns:1fr 1fr}.support-department-grid-v484{grid-template-columns:1fr}.query-health-grid-v496{grid-template-columns:1fr 1fr}}@media(max-width:680px){.support-department-form-v484{grid-template-columns:1fr}.support-department-grid-v484>article{grid-template-columns:1fr}.support-department-actions-v484{justify-content:flex-start}.data-modern-preview-grid{grid-template-columns:1fr}.data-modern-relation-grid{grid-template-columns:1fr 1fr}.query-health-grid-v496{grid-template-columns:1fr}} .query-plan-v496{padding:14px 0;border-top:1px solid var(--data-modern-line)}.query-plan-v496:first-of-type{border-top:0}.query-plan-v496 h3{font-size:13px;margin:0 0 9px} /* v4.9.6: force one switch geometry/palette across every panel */ .admin-shell .ui-switch,.advertiser-body .ui-switch,.member-body .ui-switch,.merchant-body .ui-switch{position:relative!important;display:inline-flex!important;align-items:center!important;width:46px!important;height:26px!important;min-width:46px!important;flex:0 0 46px!important;vertical-align:middle!important;transform:none!important} .admin-shell .ui-switch>i,.advertiser-body .ui-switch>i,.member-body .ui-switch>i,.merchant-body .ui-switch>i{position:absolute!important;inset:0!important;border-radius:999px!important;background:#f6edf2!important;border:1px solid #eadde5!important;box-shadow:none!important} .admin-shell .ui-switch>i:after,.advertiser-body .ui-switch>i:after,.member-body .ui-switch>i:after,.merchant-body .ui-switch>i:after{content:""!important;position:absolute!important;width:20px!important;height:20px!important;left:2px!important;top:2px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 2px 7px rgba(56,38,50,.16)!important;transform:none!important;transition:transform .18s!important} .admin-shell .ui-switch input:checked+i,.advertiser-body .ui-switch input:checked+i,.member-body .ui-switch input:checked+i,.merchant-body .ui-switch input:checked+i{background:#865f76!important;border-color:#865f76!important} .admin-shell .ui-switch input:checked+i:after,.advertiser-body .ui-switch input:checked+i:after,.member-body .ui-switch input:checked+i:after,.merchant-body .ui-switch input:checked+i:after{transform:translateX(20px)!important} .admin-shell .ui-switch-button,.advertiser-body .ui-switch-button,.member-body .ui-switch-button,.merchant-body .ui-switch-button{position:relative!important;display:inline-block!important;width:46px!important;height:26px!important;min-width:46px!important;min-height:26px!important;max-width:46px!important;padding:0!important;margin:0!important;border:1px solid #eadde5!important;border-radius:999px!important;background:#f6edf2!important;box-shadow:none!important;vertical-align:middle!important;overflow:hidden!important} .admin-shell .ui-switch-button>i,.advertiser-body .ui-switch-button>i,.member-body .ui-switch-button>i,.merchant-body .ui-switch-button>i{position:absolute!important;width:20px!important;height:20px!important;left:2px!important;top:2px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 2px 7px rgba(56,38,50,.16)!important;transform:none!important} .admin-shell .ui-switch-button.is-on,.advertiser-body .ui-switch-button.is-on,.member-body .ui-switch-button.is-on,.merchant-body .ui-switch-button.is-on{background:#865f76!important;border-color:#865f76!important} .admin-shell .ui-switch-button.is-on>i,.advertiser-body .ui-switch-button.is-on>i,.member-body .ui-switch-button.is-on>i,.merchant-body .ui-switch-button.is-on>i{transform:translateX(20px)!important} .merchant-switch-btn.on i{background:#865f76!important}.merchant-switch-btn.on span{color:#865f76!important}.adv-device-switch input:checked+.adv-switch-ui{background:#865f76!important;border-color:#865f76!important} .merchant-switch-btn i{width:46px!important;height:26px!important;background:#f6edf2!important;border:1px solid #eadde5!important;box-shadow:none!important}.merchant-switch-btn i:after{width:20px!important;height:20px!important;top:2px!important;left:2px!important;background:#fff!important;box-shadow:0 2px 7px rgba(56,38,50,.16)!important;transition:transform .18s!important}.merchant-switch-btn.on i{background:#865f76!important;border-color:#865f76!important}.merchant-switch-btn.on i:after{left:2px!important;transform:translateX(20px)!important} .adv-switch-ui{background:#f6edf2!important;border:1px solid #eadde5!important}.adv-device-switch input:checked+.adv-switch-ui{background:#865f76!important;border-color:#865f76!important} /* migrated from ui-v497.css */ /* v4.9.7 support operations hardening */ .support-ticket-controls-v483{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end} .support-ticket-controls-v483 select{min-width:150px;max-width:220px} .support-workload-grid-v497{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .support-workload-grid-v497 article{display:grid;gap:5px;padding:15px 16px;border:1px solid #eee4ea;border-radius:16px;background:#fff} .support-workload-grid-v497 article strong{color:#241b22} .support-workload-grid-v497 article span,.support-workload-grid-v497 article small{color:#75656f} .support-workload-grid-v497 article small.is-overdue{color:#865f76;font-weight:800} @media(max-width:1050px){.support-workload-grid-v497{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:680px){.support-workload-grid-v497{grid-template-columns:1fr}.support-ticket-controls-v483{width:100%;justify-content:stretch}.support-ticket-controls-v483 select,.support-ticket-controls-v483 .btn{width:100%;max-width:none}} /* v4.9.7 dashboard / support & accounts operations center */ .account-ops-center-v497{overflow:hidden;background:linear-gradient(145deg,#fff,#fcf8fb);border-color:#eadfe6} .account-ops-head-v497{margin-bottom:17px} .account-ops-head-v497 p{margin:6px 0 0;color:#8a7884;font-size:12px;font-weight:600} .account-ops-total-v497{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #eadde5;border-radius:999px;background:#f6edf2;color:#865f76;font-size:11px;font-weight:850;white-space:nowrap} .account-ops-grid-v497{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .account-ops-card-v497{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 34px;align-items:center;gap:14px;min-height:132px;padding:18px;border:1px solid #eadfe6;border-radius:20px;background:#fff;color:#2d2229;text-decoration:none;box-shadow:0 10px 30px rgba(92,67,84,.055);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease} .account-ops-card-v497:hover{transform:translateY(-2px);border-color:#d7becd;box-shadow:0 16px 34px rgba(92,67,84,.10)} .account-ops-icon-v497{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#f6edf2;color:#865f76;font-size:18px;box-shadow:inset 0 0 0 1px rgba(134,95,118,.06)} .account-ops-copy-v497{display:grid;gap:4px;min-width:0} .account-ops-copy-v497 small{font-size:10px;line-height:1.2;color:#8b7683;font-weight:850;text-transform:uppercase;letter-spacing:.06em} .account-ops-copy-v497 strong{font-size:30px;line-height:1;color:#2a2026;letter-spacing:-.04em} .account-ops-copy-v497 em{font-style:normal;color:#9b8c95;font-size:10px;line-height:1.45} .account-ops-arrow-v497{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#faf6f8;color:#9b7b8e;font-size:12px;transition:background .18s ease,color .18s ease,transform .18s ease} .account-ops-card-v497:hover .account-ops-arrow-v497{background:#865f76;color:#fff;transform:translateX(2px)} .account-ops-card-v497.support{border-top:3px solid #865f76} .account-ops-card-v497.merchant{border-top:3px solid #a9be75} .account-ops-card-v497.advertiser{border-top:3px solid #d38caf} .account-ops-card-v497.merchant .account-ops-icon-v497{background:#f3f7e9;color:#7d9651} .account-ops-card-v497.advertiser .account-ops-icon-v497{background:#fbf0f5;color:#b05f87} @media(max-width:1050px){.account-ops-grid-v497{grid-template-columns:repeat(2,minmax(0,1fr))}.account-ops-card-v497:last-child{grid-column:1/-1}} @media(max-width:680px){.account-ops-head-v497{align-items:flex-start}.account-ops-total-v497{margin-top:10px}.account-ops-grid-v497{grid-template-columns:1fr}.account-ops-card-v497:last-child{grid-column:auto}.account-ops-card-v497{min-height:118px;padding:15px;grid-template-columns:44px minmax(0,1fr) 32px}.account-ops-icon-v497{width:44px;height:44px;border-radius:14px}.account-ops-copy-v497 strong{font-size:27px}} /* migrated from ui-v498.css */ /* v4.9.8 operations automation + support analytics */ .support-hero-actions-v498{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end} .support-sla-grid-v498{grid-template-columns:repeat(4,minmax(0,1fr))} .support-report-grid-v498{display:grid;grid-template-columns:1fr 1fr;gap:18px} .notification-scheduler-v495 .ui-switch-card{align-self:end;min-height:52px} @media(max-width:1050px){.support-sla-grid-v498{grid-template-columns:repeat(2,minmax(0,1fr))}.support-report-grid-v498{grid-template-columns:1fr}} @media(max-width:680px){.support-sla-grid-v498{grid-template-columns:1fr}.support-hero-actions-v498{justify-content:flex-start;width:100%}} /* v4.9.9 retention / query history / quality schedule */ .retention-grid-v499{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}.retention-kpi-v499{background:#fff;border:1px solid #eadde5;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:6px}.retention-kpi-v499 small{font-weight:800;color:#865f76;text-transform:uppercase;letter-spacing:.06em}.retention-kpi-v499 strong{font-size:30px;color:#040A1D}.retention-kpi-v499 span{color:#6b6470}.retention-form-v499{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:14px;align-items:end}.retention-form-v499 label{display:grid;gap:6px}.quality-schedule-v499{margin-top:16px;padding-top:16px;border-top:1px solid #eee}.quality-schedule-v499 .inline-actions{align-items:end}@media(max-width:900px){.retention-form-v499{grid-template-columns:1fr 1fr}.retention-grid-v499{grid-template-columns:1fr 1fr}}@media(max-width:600px){.retention-form-v499,.retention-grid-v499{grid-template-columns:1fr}} /* v4.10.0 canonical additions */ .ui-span-2{grid-column:span 2}.admin-form textarea{width:100%}@media(max-width:760px){.ui-span-2{grid-column:span 1}} /* ===== ui-v4101.css ===== */ /* v4.10.1 Release & Browser QA */ .admin-card pre{max-width:100%;overflow:auto;padding:14px 16px;border-radius:12px;background:#080d20;color:#eef1ff}.admin-card code{overflow-wrap:anywhere}.status-badge.warning{background:#fff5db;color:#7a5700}.status-badge.danger{background:#ffe9ef;color:#8d2348}.status-badge.success{background:#edf8ef;color:#2c6a3a} /* ===== ui-v4102.css ===== */ /* v4.10.2 — observability + release header hotfix */ .obs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:18px 0}.obs-kpi{background:#fff;border:1px solid #e8ebf1;border-radius:16px;padding:18px;display:flex;gap:14px;align-items:center}.obs-kpi i{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#f4f6fa;color:#040A1D}.obs-kpi span{display:block;color:#6d7480;font-size:12px}.obs-kpi strong{display:block;font-size:24px;color:#040A1D;margin-top:2px}.obs-chart{display:flex;align-items:flex-end;gap:8px;min-height:180px;padding:18px 8px 4px;border-top:1px solid #eef0f4}.obs-bar{flex:1;min-width:18px;background:#040A1D;border-radius:7px 7px 3px 3px;position:relative;opacity:.88}.obs-bar:hover{opacity:1}.obs-bar small{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:10px;color:#69707d;white-space:nowrap;margin-bottom:5px}.obs-bar-labels{display:flex;gap:8px;margin-top:8px;color:#8b9099;font-size:10px}.obs-bar-labels span{flex:1;text-align:center;overflow:hidden}.obs-advice{display:grid;gap:10px}.obs-advice>div{border:1px solid #e8ebf1;border-radius:12px;padding:13px 14px;background:#fbfcfe}.obs-advice code{font-size:12px}.obs-severity{font-size:11px;font-weight:700;padding:4px 8px;border-radius:999px;background:#fff3d6;color:#8a5b00}.obs-severity.high{background:#ffe6ef;color:#9d174d}.slow-log-input{min-height:240px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5}@media(max-width:980px){.obs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.obs-grid{grid-template-columns:1fr}.obs-chart{overflow-x:auto}.obs-bar{min-width:28px}} /* ===== ui-v4103.css ===== */ /* IXLARGE Perfume Encyclopedia v4.10.3 — Panel Spacing Contract */ :root{--panel-flow-gap:18px;--panel-inner-gap:14px} /* Top-level panel modules: no individual vertical margins; one adjacent-sibling gap. */ :where(.admin-content,.advertiser-content,.merchant-content,.member-panel-content) > :where(section,article,div,form):not([hidden]){margin-top:0!important;margin-bottom:0!important} :where(.admin-content,.advertiser-content,.merchant-content,.member-panel-content) > :where(section,article,div,form):not([hidden]) + :where(section,article,div,form):not([hidden]){margin-top:var(--panel-flow-gap)!important} /* Flash/impersonation blocks participate in the same flow without doubling margins. */ :where(.admin-content,.advertiser-content,.merchant-content,.member-panel-content) > :where(.alert,.notice,.impersonation-banner-v481){margin-bottom:0!important} /* Grids own spacing with gap; children must not add vertical margin. */ :where(.admin-grid,.dashboard-grid,.dashboard-stack,.metric-grid,.stat-grid,.module-grid,.analytics-grid,.obs-grid,.roles-layout-v485,.permission-grid-v485,.merchant-grid,.merchant-dashboard-grid,.merchant-profile-grid,.merchant-package-grid,.merchant-checkout-grid,.adv-dashboard-split,.adv-payment-grid,.adv-profile-layout,.adv-purchase-grid,.adv-kpis,.adv-hero,.member-grid,.member-kpis,.member-dna-grid,.member-dna-stats,.support-dashboard-kpis-v483,.support-workload-grid-v497) > :where(.admin-card,.adv-card,.merchant-card,.member-card,article,section,div){margin-top:0!important;margin-bottom:0!important} /* Cards and tables: table never creates an outer gap; heading-to-content gets one inner gap. */ :where(.admin-card,.adv-card,.merchant-card,.member-card) > :where(table,.table-scroll,.adv-table-shell,.edge-table){margin-top:0!important;margin-bottom:0!important} :where(.admin-card,.adv-card,.merchant-card,.member-card) > :where(.card-head,.adv-card-head,.merchant-card-head,.member-card-head) + :where(table,.table-scroll,.adv-table-shell,.edge-table,.admin-form,.adv-form-grid,.merchant-form,.member-list,.support-ticket-table-v483,.support-workload-grid-v497){margin-top:var(--panel-inner-gap)!important} :where(.admin-content,.advertiser-content,.merchant-content,.member-panel-content) table{margin-top:0!important;margin-bottom:0!important} /* Forms inside cards do not add page-level spacing. */ :where(.admin-card,.adv-card,.merchant-card,.member-card) > form{margin-top:0!important;margin-bottom:0!important} /* Pagination belongs to the table/card and uses one inner gap only. */ :where(.admin-card,.adv-card,.merchant-card,.member-card) > .ui-pagination-v491{margin-top:var(--panel-inner-gap)!important;margin-bottom:0!important} /* Action bars are internal rhythm, not page rhythm. */ :where(.admin-card,.adv-card,.merchant-card,.member-card) :where(.inline-actions,.adv-action-row,.role-savebar-v485,.notification-submit-v485,.support-reply-actions-v483){margin-bottom:0!important} /* Remove legacy special-case page offsets now governed by the contract. */ .advertiser-content .metric-strip-v34,.advertiser-content .adv-dashboard-split,.merchant-content .merchant-hero,.merchant-content .merchant-kpis,.merchant-content .merchant-dashboard-grid,.member-panel-content .member-hero,.member-panel-content .member-kpis,.admin-content .stat-grid,.admin-content .metric-grid,.admin-content .dashboard-grid,.admin-content .module-grid,.admin-content .analytics-grid,.admin-content .obs-grid{margin-top:0!important;margin-bottom:0!important} /* Nested table shells: only one 14px separator after a head, never 2+12+14 stacking. */ :where(.adv-card,.merchant-card,.member-card,.admin-card) :where(.card-head,.adv-card-head,.merchant-card-head,.member-card-head) + :where(.table-scroll,.adv-table-shell,.edge-table){margin-top:var(--panel-inner-gap)!important} /* Support automation III */ .support-department-form-v4103{display:grid;grid-template-columns:1.2fr 1.2fr .65fr .9fr;gap:14px;align-items:end} .support-department-form-v4103 .span-2{grid-column:span 2}.support-department-form-v4103 .span-all{grid-column:1/-1} .support-department-meta-v4103{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.support-department-meta-v4103 span{font-size:9px;padding:4px 7px;border-radius:999px;background:#f3f5f7;color:#66707b;font-weight:800} @media(max-width:1050px){.support-department-form-v4103{grid-template-columns:1fr 1fr}} @media(max-width:650px){.support-department-form-v4103{grid-template-columns:1fr}.support-department-form-v4103 .span-2,.support-department-form-v4103 .span-all{grid-column:auto}} .member-title-tight-v4103{margin-top:5px!important}.member-grid-gap-v4103{margin-top:14px!important}.member-kpis-compact-v4103{grid-template-columns:1fr 1fr!important;margin:0!important}.inline-action-form-v4103{display:inline-block!important;margin:0 0 0 6px!important} /* ===== ui-v4104.css ===== */ /* IXLARGE Perfume Encyclopedia v4.10.4 Panel Layout Foundation — canonical spacing/alignment layer. Loaded LAST in admin/member/merchant/advertiser/frontend. */ :root{ --v4104-gap:18px; --v4104-inner-gap:14px; --v4104-control-h:44px; --v4104-line:#eadfe7; --v4104-soft:#fbf8fa; --v4104-text:#382c35; --v4104-muted:#8f7d89; --v4104-active:#6f4d62; --v4104-passive:#f6edf2; } /* ========================= GLOBAL PANEL FLOW CONTRACT ========================= */ .admin-content, .advertiser-content, .member-panel-content, .merchant-content{ display:flex!important; flex-direction:column!important; gap:var(--v4104-gap)!important; min-width:0!important; } .admin-content>*:not(script):not(style), .advertiser-content>*:not(script):not(style), .member-panel-content>*:not(script):not(style), .merchant-content>*:not(script):not(style){ margin-top:0!important; margin-bottom:0!important; } .admin-content .admin-card, .advertiser-content .adv-card, .member-panel-content .adv-card, .merchant-content .adv-card, .admin-content section, .advertiser-content section, .member-panel-content section, .merchant-content section{ box-sizing:border-box; min-width:0; } /* A grid owns spacing. Its children never add vertical margins. */ .admin-content :is(.dashboard-grid,.admin-grid,.blog-admin-grid,.v31-system-grid,.ops-grid,.readonly-grid,.support-department-grid-v484,.support-workload-grid-v497,.account-ops-grid-v497), .advertiser-content :is(.adv-grid,.metric-grid,.dashboard-grid,.form-grid), .member-panel-content :is(.adv-grid,.metric-grid,.dashboard-grid,.form-grid), .merchant-content :is(.adv-grid,.metric-grid,.dashboard-grid,.form-grid){ gap:var(--v4104-gap)!important; } .admin-content :is(.dashboard-grid,.admin-grid,.blog-admin-grid,.v31-system-grid,.ops-grid,.readonly-grid,.support-department-grid-v484,.support-workload-grid-v497,.account-ops-grid-v497)>*, .advertiser-content :is(.adv-grid,.metric-grid,.dashboard-grid,.form-grid)>*, .member-panel-content :is(.adv-grid,.metric-grid,.dashboard-grid,.form-grid)>*, .merchant-content :is(.adv-grid,.metric-grid,.dashboard-grid,.form-grid)>*{ margin:0!important; min-width:0!important; } /* Dashboard rows from screenshot: keep an actual 18px seam. */ .admin-content>.dashboard-grid, .admin-content>.v31-system-grid, .admin-content>.v31-overview, .admin-content>.v31-command-center, .admin-content>.v31-dashboard-head, .admin-content>.account-ops-center-v497{ margin:0!important; } .dashboard-grid{align-items:stretch!important;column-gap:18px!important;row-gap:18px!important} .dashboard-grid>.admin-card{height:100%!important;margin:0!important} .compact-dashboard{margin:0!important} /* ========================= CARD / TABLE RHYTHM ========================= */ .admin-card,.adv-card{ margin:0!important; } .admin-card>.card-head,.adv-card>.card-head{ margin:0 0 var(--v4104-inner-gap)!important; gap:12px!important; align-items:center!important; } .admin-card>.card-head:last-child,.adv-card>.card-head:last-child{margin-bottom:0!important} .admin-card :is(.table-scroll,.table-wrap,.dash-table-wrap), .adv-card :is(.table-scroll,.table-wrap,.dash-table-wrap){ margin:0!important; } .admin-card table,.adv-card table{margin:0!important} .admin-card .pagination-v485,.adv-card .pagination-v485{margin:14px 0 0!important} .admin-card .empty-state,.adv-card .empty-state{margin:0!important} /* No inherited release-margin inside nested dashboard cards. */ .admin-card :is(.v44-section-gap,.ui-section-gap,.ui-table-gap), .adv-card :is(.v44-section-gap,.ui-section-gap,.ui-table-gap){margin-top:14px!important;margin-bottom:0!important} /* ========================= FORM ALIGNMENT CONTRACT ========================= */ .admin-content form,.advertiser-content form,.member-panel-content form,.merchant-content form{margin:0!important} .admin-content label,.advertiser-content label,.member-panel-content label,.merchant-content label{ box-sizing:border-box!important; min-width:0!important; } .admin-content :is(input:not([type=checkbox]):not([type=radio]),select), .advertiser-content :is(input:not([type=checkbox]):not([type=radio]),select), .member-panel-content :is(input:not([type=checkbox]):not([type=radio]),select), .merchant-content :is(input:not([type=checkbox]):not([type=radio]),select){ box-sizing:border-box!important; width:100%!important; min-height:var(--v4104-control-h)!important; height:var(--v4104-control-h)!important; } .admin-content textarea,.advertiser-content textarea,.member-panel-content textarea,.merchant-content textarea{ box-sizing:border-box!important;width:100%!important;min-height:110px!important } .admin-content :is(.btn,button:not(.ui-switch-button):not(.icon-action-v483)), .advertiser-content :is(.btn,button:not(.ui-switch-button):not(.icon-action-v483)), .member-panel-content :is(.btn,button:not(.ui-switch-button):not(.icon-action-v483)), .merchant-content :is(.btn,button:not(.ui-switch-button):not(.icon-action-v483)){ box-sizing:border-box!important; min-height:var(--v4104-control-h)!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; } .admin-form,.form-grid,.notification-form-grid-v485,.support-department-form-v4103{ align-items:end!important; row-gap:14px!important; column-gap:14px!important; } .admin-form>label,.form-grid>label,.notification-form-grid-v485>label,.support-department-form-v4103>label{ align-self:stretch!important; } .admin-form>button,.form-grid>button,.support-department-form-v4103>button{ align-self:end!important;margin:0!important } /* ========================= SWITCH: NO TEXT OVERLAP ========================= */ .ui-switch-button{ appearance:none!important; position:relative!important; display:inline-block!important; flex:0 0 46px!important; width:46px!important; min-width:46px!important; max-width:46px!important; height:26px!important; min-height:26px!important; padding:0!important; margin:0!important; border:1px solid #eadde5!important; border-radius:999px!important; background:var(--v4104-passive)!important; box-shadow:none!important; overflow:hidden!important; font-size:0!important; line-height:0!important; color:transparent!important; } .ui-switch-button::before,.ui-switch-button::after{content:none!important;display:none!important} .ui-switch-button>i{ position:absolute!important;left:2px!important;top:2px!important; width:20px!important;height:20px!important;border-radius:50%!important; background:#fff!important;box-shadow:0 2px 7px rgba(56,38,50,.16)!important; transform:translateX(0)!important;transition:transform .18s ease!important; } .ui-switch-button.is-on{background:var(--v4104-active)!important;border-color:var(--v4104-active)!important} .ui-switch-button.is-on>i{transform:translateX(20px)!important} .ui-switch-card{margin:0!important;min-height:var(--v4104-control-h)!important;box-sizing:border-box!important} .ui-switch-copy{min-width:0!important;line-height:1.2!important} .ui-switch-copy strong{margin:0!important;line-height:1.2!important} .ui-switch-copy small{margin:3px 0 0!important;line-height:1.35!important} .support-switch-form-v496{ width:auto!important;min-width:0!important;display:inline-flex!important;align-items:center!important;gap:8px!important } .support-switch-label-v4104{ display:inline-flex!important;align-items:center!important;min-width:34px!important; font-size:9px!important;font-weight:900!important;line-height:1!important;color:var(--v4104-muted)!important } .support-switch-label-v4104.is-on{color:var(--v4104-active)!important} .support-department-actions-v484{min-width:190px!important;gap:8px!important;align-items:center!important} .support-department-actions-v484 form{align-items:center!important} /* Support department form gets predictable columns, no squeezed switch. */ .support-department-form-v4103{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; } .support-department-form-v4103 .span-2{grid-column:span 2!important} .support-department-form-v4103 .ui-switch-card{grid-column:span 2!important;align-self:end!important} .support-department-form-v4103>button{grid-column:span 2!important;width:max-content!important;min-width:170px!important} /* ========================= ADMIN DASHBOARD OPERATIONS ========================= */ .account-ops-grid-v497{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important} .account-ops-card-v497{margin:0!important;min-width:0!important} @media(max-width:1250px){.account-ops-grid-v497{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:720px){.account-ops-grid-v497{grid-template-columns:1fr!important}} /* ========================= FRONTEND ADVERTISEMENT RESTORE ========================= */ .ad-zone,.ad-inline{ display:block!important; visibility:visible!important; opacity:1!important; width:100%!important; max-width:100%!important; margin-top:0!important; margin-bottom:0!important; padding-top:0!important; padding-bottom:0!important; clear:both!important; } .ad-placement{ display:flex!important; justify-content:center!important; align-items:center!important; visibility:visible!important; opacity:1!important; width:100%!important; max-width:100%!important; margin:0 auto!important; padding:0!important; clear:both!important; } .ad-placement:empty{display:none!important} .ad-slot{ display:block!important; visibility:visible!important; opacity:1!important; flex:0 1 auto!important; min-width:0!important; min-height:1px!important; } .ad-slot>a,.ad-slot>a>img{display:block!important;visibility:visible!important;opacity:1!important} .ad-slot>a>img{width:100%!important;height:100%!important;object-fit:cover!important} /* Do not create extra vertical whitespace around an ad inside a content section. */ .section>.ad-inline:first-child,.container>.ad-inline:first-child{margin-top:0!important} .section>.ad-inline:last-child,.container>.ad-inline:last-child{margin-bottom:0!important} /* ========================= RESPONSIVE ========================= */ @media(max-width:1100px){ .support-department-form-v4103{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:680px){ .admin-content,.advertiser-content,.member-panel-content,.merchant-content{gap:14px!important} .dashboard-grid{grid-template-columns:1fr!important;gap:14px!important} .support-department-form-v4103{grid-template-columns:1fr!important} .support-department-form-v4103 .span-2,.support-department-form-v4103 .ui-switch-card,.support-department-form-v4103>button{grid-column:auto!important;width:100%!important} .support-department-actions-v484{min-width:0!important;justify-content:flex-start!important;flex-wrap:wrap!important} } .account-ops-card-v497.finance{border-top:3px solid #d6b15f!important} .account-ops-card-v497.finance .account-ops-icon-v497{background:#fff7e5!important;color:#a77d25!important} /* ===== ui-v4105.css ===== */ /* IXLARGE Perfume Encyclopedia v4.10.5 Support Center rebuild — page-scoped modern UI. */ :root{ --v4105-gap:18px; --v4105-inner:14px; --v4105-line:#eadfe7; --v4105-soft:#fbf8fa; --v4105-soft-2:#f7f1f5; --v4105-text:#382c35; --v4105-muted:#8f7d89; --v4105-accent:#6f4d62; --v4105-pink:#b6809e; } /* Page rhythm: the wrapper owns spacing; child cards never add their own margins. */ .support-v4105-stack{display:grid!important;gap:var(--v4105-gap)!important;margin:0!important} .support-v4105-stack>.admin-card,.support-v4105-stack>.support-ops-grid-v4105{margin:0!important} .support-kpi-grid-v4105,.support-sla-grid-v4105{margin:0!important;gap:14px!important} .support-hero-v4105{margin:0!important} /* Ticket list */ .support-ticket-list-v4105{overflow:hidden} .support-filter-shell-v4105{padding:14px;border:1px solid var(--v4105-line);border-radius:14px;background:var(--v4105-soft);margin:0 0 14px!important} .support-filter-grid-v4105{display:grid!important;grid-template-columns:minmax(250px,1.7fr) repeat(4,minmax(135px,.8fr)) auto;gap:12px!important;align-items:end!important;margin:0!important} .support-filter-grid-v4105 label{display:grid!important;gap:6px!important;margin:0!important;font-size:10px!important;font-weight:800!important;color:var(--v4105-text)!important} .support-filter-grid-v4105 label input,.support-filter-grid-v4105 label select{margin:0!important} .support-filter-grid-v4105 .btn{margin:0!important;white-space:nowrap!important} .support-table-shell-v4105{border:1px solid var(--v4105-line);border-radius:14px;overflow:auto!important;margin:0!important} .support-table-v4105{border-collapse:separate!important;border-spacing:0!important;width:100%!important} .support-table-v4105 thead th{background:#fbf8fa!important;border-bottom:1px solid var(--v4105-line)!important} .support-table-v4105 tbody tr:last-child td{border-bottom:0!important} .support-ticket-list-v4105>.pagination-v485,.support-ticket-list-v4105>.ui-pagination-v491{margin:14px 0 0!important} /* Ticket detail */ .support-thread-v4105{margin:0!important} .support-thread-head-v4105{align-items:flex-start!important} .support-ticket-controls-v4105{display:grid!important;grid-template-columns:minmax(150px,1fr) minmax(170px,1.15fr) minmax(130px,.8fr) auto!important;gap:10px!important;align-items:end!important;min-width:min(100%,620px)!important} .support-ticket-controls-v4105>*{margin:0!important} /* Team + global SLA row */ .support-ops-grid-v4105{display:grid!important;grid-template-columns:minmax(320px,.82fr) minmax(0,1.4fr)!important;gap:var(--v4105-gap)!important;align-items:start!important} .support-ops-grid-v4105>.admin-card{margin:0!important;height:auto!important} .support-global-policy-v4105 .card-head,.support-workload-v497 .card-head{margin-bottom:14px!important} .sla-settings-v4105{display:grid!important;gap:14px!important;margin:0!important} .support-form-group-v4105{display:grid!important;gap:10px!important;padding:14px!important;border:1px solid var(--v4105-line)!important;border-radius:14px!important;background:#fff!important;margin:0!important} .support-form-group-v4105 h3{margin:0!important;font-size:12px!important;color:var(--v4105-text)!important} .support-form-group-v4105>label{display:grid!important;gap:6px!important;margin:0!important;font-size:10px!important;font-weight:800!important} .support-form-group-v4105 label small{font-weight:500!important;color:var(--v4105-muted)!important;line-height:1.4!important} .support-form-grid-v4105{display:grid!important;gap:12px!important;margin:0!important;align-items:start!important} .support-form-grid-v4105.two{grid-template-columns:repeat(2,minmax(0,1fr))!important} .support-form-grid-v4105.three{grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(150px,.7fr))!important} .support-form-grid-v4105.four{grid-template-columns:repeat(4,minmax(0,1fr))!important} .support-form-grid-v4105>label{display:grid!important;grid-template-rows:auto 44px auto;gap:6px!important;margin:0!important;font-size:10px!important;font-weight:800!important;align-self:start!important;min-width:0!important} .support-form-grid-v4105>label>small{font-weight:500!important;color:var(--v4105-muted)!important;line-height:1.4!important;min-height:28px!important} .support-policy-switches-v4105{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:0!important} .support-policy-switches-v4105 .ui-switch-card{margin:0!important} .support-form-actions-v4105{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin:0!important} .support-form-actions-v4105 .btn{margin:0!important} /* Department editor */ .support-departments-v4105{margin:0!important;overflow:hidden!important} .support-department-editor-v4105{display:grid!important;gap:14px!important;margin:0!important;padding:16px!important;border:1px solid var(--v4105-line)!important;border-radius:16px!important;background:linear-gradient(180deg,#fff 0%,#fdfafd 100%)!important} .support-department-editor-head-v4105,.support-department-list-head-v4105{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin:0!important} .support-department-editor-head-v4105>div,.support-department-list-head-v4105>div{display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important} .support-department-editor-head-v4105 strong,.support-department-list-head-v4105 strong{display:block!important;font-size:12px!important;color:var(--v4105-text)!important} .support-department-editor-head-v4105 small,.support-department-list-head-v4105 small{display:block!important;margin-top:3px!important;color:var(--v4105-muted)!important;font-size:9px!important;line-height:1.4!important} .support-step-v4105{display:grid!important;place-items:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;border-radius:10px!important;background:var(--v4105-soft-2)!important;color:var(--v4105-accent)!important;font-weight:900!important;font-size:10px!important} .support-department-sections-v4105{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin:0!important;align-items:stretch!important} .support-department-section-v4105{min-width:0!important;margin:0!important;padding:14px!important;border:1px solid var(--v4105-line)!important;border-radius:15px!important;background:#fff!important} .support-department-section-v4105 legend{padding:0 8px 0 0!important;margin:0 0 10px!important;max-width:100%!important} .support-department-section-v4105 legend>span{display:inline-grid!important;place-items:center!important;width:26px!important;height:26px!important;border-radius:8px!important;background:var(--v4105-accent)!important;color:#fff!important;font-size:9px!important;font-weight:900!important;vertical-align:middle!important;margin-right:8px!important} .support-department-section-v4105 legend>div{display:inline-block!important;vertical-align:middle!important;max-width:calc(100% - 42px)!important} .support-department-section-v4105 legend strong{display:block!important;font-size:11px!important;color:var(--v4105-text)!important} .support-department-section-v4105 legend small{display:block!important;margin-top:2px!important;font-size:8.5px!important;line-height:1.35!important;color:var(--v4105-muted)!important;font-weight:500!important} .support-department-section-v4105 .support-form-grid-v4105.two{grid-template-columns:1fr!important} .support-department-section-v4105 .support-form-grid-v4105.three{grid-template-columns:1fr 1fr!important} .support-department-section-v4105 .support-form-grid-v4105.three>label:first-child{grid-column:1/-1!important} .support-active-field-v4105{display:grid!important;grid-template-rows:auto auto!important;gap:6px!important} .support-active-control-v4105{display:flex!important;align-items:center!important;gap:10px!important;min-height:44px!important;padding:8px 10px!important;border:1px solid var(--v4105-line)!important;border-radius:11px!important;background:var(--v4105-soft)!important} .support-active-control-v4105 .ui-switch-copy strong{font-size:10px!important}.support-active-control-v4105 .ui-switch-copy small{font-size:8px!important} .support-holidays-field-v4105{display:grid!important;gap:6px!important;margin:12px 0 0!important;font-size:10px!important;font-weight:800!important} .support-holidays-field-v4105 small{font-weight:500!important;color:var(--v4105-muted)!important;line-height:1.4!important} .support-escalation-flow-v4105{display:grid!important;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr!important;align-items:center!important;gap:7px!important;margin-top:12px!important;padding:10px!important;border-radius:12px!important;background:var(--v4105-soft)!important;border:1px dashed var(--v4105-line)!important} .support-escalation-flow-v4105>span{min-width:0!important;text-align:center!important}.support-escalation-flow-v4105 b,.support-escalation-flow-v4105 small{display:block!important}.support-escalation-flow-v4105 b{font-size:9px!important;color:var(--v4105-text)!important}.support-escalation-flow-v4105 small{margin-top:2px!important;font-size:7.5px!important;color:var(--v4105-muted)!important}.support-escalation-flow-v4105>i{font-size:8px!important;color:#bea9b6!important} /* Defined department cards */ .support-department-list-head-v4105{margin:18px 0 12px!important;padding-top:16px!important;border-top:1px solid var(--v4105-line)!important} .support-department-grid-v4105{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin:0!important} .support-department-card-v4105{display:grid!important;gap:14px!important;margin:0!important;padding:15px!important;border:1px solid var(--v4105-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:0 8px 24px rgba(56,44,53,.035)!important;min-width:0!important} .support-department-card-head-v4105{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;min-width:0!important} .support-dept-title-v4105{display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important}.support-dept-title-v4105>div{min-width:0!important}.support-dept-title-v4105 strong,.support-dept-title-v4105 small{display:block!important}.support-dept-title-v4105 strong{font-size:11px!important;color:var(--v4105-text)!important}.support-dept-title-v4105 small{margin-top:3px!important;font-size:8.5px!important;color:var(--v4105-muted)!important;white-space:normal!important;overflow-wrap:anywhere!important} .support-department-actions-v4105{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important}.support-department-actions-v4105 form{display:flex!important;align-items:center!important;margin:0!important}.support-department-actions-v4105 .icon-action-v483{margin:0!important} .support-department-summary-v4105{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin:0!important}.support-department-summary-v4105>div{display:grid!important;gap:3px!important;align-content:start!important;padding:10px!important;border:1px solid #eee5eb!important;border-radius:11px!important;background:var(--v4105-soft)!important;min-width:0!important}.support-department-summary-v4105 span,.support-department-summary-v4105 strong,.support-department-summary-v4105 small{display:block!important;min-width:0!important}.support-department-summary-v4105 span{font-size:7.5px!important;font-weight:900!important;letter-spacing:.04em!important;color:#9b8392!important;text-transform:uppercase!important}.support-department-summary-v4105 span i{margin-right:4px!important}.support-department-summary-v4105 strong{font-size:9px!important;color:var(--v4105-text)!important;overflow-wrap:anywhere!important}.support-department-summary-v4105 small{font-size:7.5px!important;line-height:1.35!important;color:var(--v4105-muted)!important;overflow-wrap:anywhere!important} @media(max-width:1450px){ .support-department-sections-v4105{grid-template-columns:1fr 1fr!important}.support-department-section-v4105:last-child{grid-column:1/-1!important} .support-filter-grid-v4105{grid-template-columns:minmax(220px,1.5fr) repeat(2,minmax(135px,.8fr))!important}.support-filter-grid-v4105 .btn{width:max-content!important} } @media(max-width:1100px){ .support-ops-grid-v4105{grid-template-columns:1fr!important} .support-department-grid-v4105{grid-template-columns:1fr!important} .support-ticket-controls-v4105{grid-template-columns:1fr 1fr!important;min-width:0!important;width:100%!important} } @media(max-width:820px){ .support-department-sections-v4105{grid-template-columns:1fr!important}.support-department-section-v4105:last-child{grid-column:auto!important} .support-form-grid-v4105.two,.support-form-grid-v4105.three,.support-form-grid-v4105.four,.support-policy-switches-v4105{grid-template-columns:1fr!important} .support-department-section-v4105 .support-form-grid-v4105.three{grid-template-columns:1fr!important}.support-department-section-v4105 .support-form-grid-v4105.three>label:first-child{grid-column:auto!important} .support-filter-grid-v4105{grid-template-columns:1fr 1fr!important}.support-search-v4105{grid-column:1/-1!important}.support-filter-grid-v4105 .btn{width:100%!important} .support-department-summary-v4105{grid-template-columns:1fr!important} } @media(max-width:560px){ .support-filter-grid-v4105,.support-ticket-controls-v4105{grid-template-columns:1fr!important}.support-search-v4105{grid-column:auto!important} .support-department-card-head-v4105,.support-department-editor-head-v4105{align-items:flex-start!important;flex-direction:column!important}.support-department-actions-v4105{justify-content:flex-start!important;width:100%!important} .support-escalation-flow-v4105{grid-template-columns:1fr!important}.support-escalation-flow-v4105>i{transform:rotate(90deg)!important;justify-self:center!important} } /* ===== ui-v4106.css ===== */ /* IXLARGE Perfume Encyclopedia v4.10.6 — Support Center visual system */ :root{--s106-text:#2b2028;--s106-muted:#877985;--s106-line:#eadfe6;--s106-soft:#fbf8fa;--s106-soft2:#f7f0f4;--s106-accent:#865f76;--s106-accent-dark:#624656;--s106-ok:#78964a;--s106-warn:#b07a56} .admin-content .support-overview-v4106{display:grid!important;gap:18px!important;padding:20px!important;margin:0!important;border:1px solid var(--s106-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 30px rgba(55,39,50,.035)!important} .support-overview-head-v4106{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}.support-overview-head-v4106 h2{margin:4px 0 5px!important}.support-overview-head-v4106 p{margin:0!important}.support-overview-actions-v4106{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;justify-content:flex-end!important} .support-overview-section-v4106{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;gap:14px!important;align-items:stretch!important;padding-top:14px!important;border-top:1px solid var(--s106-line)!important}.support-section-label-v4106{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:6px 4px!important}.support-section-label-v4106>span{font-size:10px!important;font-weight:900!important;color:var(--s106-text)!important}.support-section-label-v4106>small{margin-top:4px!important;font-size:8px!important;color:var(--s106-muted)!important} .support-status-grid-v4106,.support-sla-grid-v4106{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:0!important}.support-status-card-v4106,.support-sla-grid-v4106>article{min-width:0!important;min-height:78px!important;padding:12px 13px!important;border:1px solid var(--s106-line)!important;border-radius:13px!important;background:var(--s106-soft)!important;margin:0!important}.support-status-card-v4106{display:flex!important;align-items:center!important;gap:11px!important}.support-metric-icon-v4106{display:grid!important;place-items:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;border-radius:10px!important;background:#fff!important;color:var(--s106-accent)!important;border:1px solid #efe5eb!important}.support-status-card-v4106 div,.support-sla-grid-v4106>article{display:grid!important;align-content:center!important;gap:2px!important}.support-status-card-v4106 span:not(.support-metric-icon-v4106),.support-sla-grid-v4106 span{font-size:7.5px!important;font-weight:900!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:#927e8b!important}.support-status-card-v4106 strong,.support-sla-grid-v4106 strong{font-size:17px!important;line-height:1!important;color:var(--s106-text)!important}.support-status-card-v4106 small,.support-sla-grid-v4106 small{font-size:7.5px!important;color:var(--s106-muted)!important;line-height:1.35!important} .support-v4105-stack{display:grid!important;gap:18px!important;margin-top:18px!important}.support-v4105-stack>.admin-card,.support-v4105-stack>section{margin:0!important} .admin-content .support-team-v4106{display:grid!important;gap:14px!important;margin:0!important}.support-team-head-v4106{margin:0!important}.support-team-summary-v4106{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:0!important}.support-team-summary-v4106>article{display:grid!important;gap:3px!important;padding:12px!important;border:1px solid var(--s106-line)!important;border-radius:12px!important;background:var(--s106-soft)!important}.support-team-summary-v4106 span{font-size:7.5px!important;font-weight:900!important;text-transform:uppercase!important;color:#947f8c!important}.support-team-summary-v4106 strong{font-size:17px!important;color:var(--s106-text)!important}.support-team-summary-v4106 small{font-size:7.5px!important;color:var(--s106-muted)!important} .support-team-list-v4106{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:0!important}.support-agent-card-v4106{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:11px 12px!important;border:1px solid var(--s106-line)!important;border-radius:13px!important;background:#fff!important;margin:0!important}.support-agent-card-v4106.has-risk{border-color:#dbc0cf!important;background:#fffafb!important}.support-agent-avatar-v4106{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border-radius:12px!important;background:var(--s106-soft2)!important;color:var(--s106-accent-dark)!important;font-weight:900!important}.support-agent-main-v4106{min-width:0!important}.support-agent-main-v4106 strong,.support-agent-main-v4106 small{display:block!important}.support-agent-main-v4106 strong{font-size:10px!important;color:var(--s106-text)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.support-agent-main-v4106 small{margin-top:3px!important;font-size:7.5px!important;color:var(--s106-muted)!important}.support-agent-stats-v4106{display:flex!important;align-items:center!important;gap:6px!important}.support-agent-stats-v4106>span{display:grid!important;gap:1px!important;min-width:55px!important;padding:6px 8px!important;border-radius:9px!important;background:var(--s106-soft)!important;text-align:center!important;font-size:7px!important;color:var(--s106-muted)!important}.support-agent-stats-v4106 b{font-size:10px!important;color:var(--s106-text)!important}.support-agent-stats-v4106 .is-overdue,.support-agent-stats-v4106 .is-overdue b{color:#9d5169!important} .admin-content .support-global-policy-v4106{margin:0!important}.support-global-policy-v4106 .sla-settings-v4105{display:grid!important;gap:14px!important}.support-policy-layout-v4106{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}.support-policy-layout-v4106>.support-form-group-v4105{margin:0!important;height:100%!important}.support-holiday-policy-v4106{grid-column:1/-1!important}.support-global-policy-v4106 .support-policy-switches-v4105{margin:0!important}.support-global-policy-v4106 .support-form-actions-v4105{margin:0!important;padding-top:0!important;border-top:0!important} /* strengthen ticket list spacing */ .support-ticket-list-v4105 .support-filter-shell-v4105{margin-top:14px!important}.support-ticket-list-v4105 .support-table-shell-v4105{margin-top:14px!important}.support-ticket-list-v4105>.ui-pagination-v491,.support-ticket-list-v4105>.admin-pagination{margin-top:14px!important} /* keep existing department switch design unchanged; only normalize surrounding alignment */ .support-departments-v4105{margin:0!important}.support-department-actions-v4105{align-items:center!important}.support-department-actions-v4105 .support-switch-form-v496{display:flex!important;align-items:center!important;gap:7px!important}.support-department-actions-v4105 .support-switch-label-v4104{line-height:1!important;margin:0!important} @media(max-width:1180px){.support-overview-section-v4106{grid-template-columns:1fr!important}.support-section-label-v4106{padding:0!important}.support-team-list-v4106{grid-template-columns:repeat(2,minmax(0,1fr))!important}.support-policy-layout-v4106{grid-template-columns:1fr!important}.support-holiday-policy-v4106{grid-column:auto!important}} @media(max-width:900px){.support-status-grid-v4106,.support-sla-grid-v4106,.support-team-summary-v4106{grid-template-columns:repeat(2,minmax(0,1fr))!important}.support-overview-head-v4106{align-items:flex-start!important;flex-direction:column!important}.support-overview-actions-v4106{justify-content:flex-start!important}.support-team-list-v4106{grid-template-columns:1fr!important}} @media(max-width:560px){.support-status-grid-v4106,.support-sla-grid-v4106,.support-team-summary-v4106{grid-template-columns:1fr!important}.support-agent-card-v4106{grid-template-columns:38px minmax(0,1fr)!important}.support-agent-stats-v4106{grid-column:1/-1!important}.support-agent-stats-v4106>span{flex:1!important}.admin-content .support-overview-v4106{padding:15px!important}} /* ===== ui-v4107.css ===== */ /* IXLARGE Perfume Encyclopedia v4.10.7 — Professional UI consolidation */ :root{--ix-admin-modern-gap:18px;--ix-admin-modern-inner:14px;--ix-admin-modern-border:#eadfe6;--ix-admin-modern-soft:#fbf8fa;--ix-admin-modern-soft2:#f6f0f4;--ix-admin-modern-ink:#241821;--ix-admin-modern-muted:#7d6f77;--ix-admin-modern-accent:#8f617c;--ix-admin-modern-accent-dark:#654356;--ix-admin-modern-success:#6f8e45} /* global panel safety */ .admin-main,.admin-content,.advertiser-main,.advertiser-content,.merchant-main,.merchant-content,.member-panel-main,.member-panel-content,.admin-card,.merchant-card,.advertiser-card,.member-card,.table-scroll,.merchant-table{min-width:0;max-width:100%} .table-scroll,.merchant-table{overflow-x:auto!important;overflow-y:hidden;-webkit-overflow-scrolling:touch} .table-scroll>table,.merchant-table>table{width:100%;max-width:100%;border-collapse:separate;border-spacing:0} .admin-card,.merchant-card,.advertiser-card,.member-card{box-sizing:border-box} .admin-content>*+*,.advertiser-content>*+*,.merchant-content>*+*,.member-panel-content>*+*{margin-top:var(--ix-admin-modern-gap)} .admin-grid,.dashboard-grid,.blog-admin-grid,.merchant-grid,.form-grid,.ads-form-grid{min-width:0} .admin-grid>.admin-card,.dashboard-grid>.admin-card,.blog-admin-grid>.admin-card,.merchant-grid>.merchant-card{margin-top:0!important;margin-bottom:0!important;min-width:0} /* modern page header */ .admin-modern-page-hero{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;padding:22px 24px!important;border:1px solid var(--ix-admin-modern-border)!important;border-radius:20px!important;background:linear-gradient(135deg,#fff 0%,#fcf8fb 100%)!important;box-shadow:0 10px 30px rgba(74,45,63,.055)!important;margin:0 0 var(--ix-admin-modern-gap)!important} .admin-modern-page-hero h1,.admin-modern-page-hero h2{margin:4px 0 7px!important;color:var(--ix-admin-modern-ink)!important;letter-spacing:-.02em} .admin-modern-page-hero p{margin:0!important;color:var(--ix-admin-modern-muted)!important;max-width:760px} .admin-modern-page-hero .module-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap} /* cards & metrics */ .admin-modern-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 var(--ix-admin-modern-gap)!important} .admin-modern-metric-grid article{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:16px 17px;border:1px solid var(--ix-admin-modern-border);border-radius:16px;background:#fff} .admin-modern-metric-grid article>i{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--ix-admin-modern-soft2);color:var(--ix-admin-modern-accent-dark)} .admin-modern-metric-grid article span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--ix-admin-modern-muted)} .admin-modern-metric-grid article strong{font-size:20px;line-height:1.05;color:var(--ix-admin-modern-ink)} .admin-modern-table-card{overflow:hidden} .admin-modern-safe-table{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;border:1px solid #eee5ea;border-radius:14px} .admin-modern-safe-table table{min-width:760px!important;margin:0!important} .admin-modern-modern-table th{white-space:nowrap} .admin-modern-modern-table td{vertical-align:middle} .admin-modern-title-cell{display:grid;gap:3px;min-width:220px}.admin-modern-title-cell small{color:var(--ix-admin-modern-muted);overflow-wrap:anywhere} .admin-modern-soft-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:var(--ix-admin-modern-soft2);color:var(--ix-admin-modern-accent-dark);font-size:11px;font-weight:800} .admin-modern-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;white-space:nowrap}.admin-modern-row-actions form{margin:0} /* filters/forms */ .admin-modern-filterbar{display:grid;grid-template-columns:minmax(280px,1fr) 180px 210px auto auto;gap:12px;align-items:end;margin:14px 0} .admin-modern-filterbar label,.admin-modern-form-stack label,.admin-modern-form-two label{display:grid;gap:7px;min-width:0}.admin-modern-filterbar label>span,.admin-modern-form-stack label>span,.admin-modern-form-two label>span{font-size:11px;font-weight:800;color:#4f4048} .admin-modern-filterbar input,.admin-modern-filterbar select,.admin-modern-form-stack input,.admin-modern-form-stack select,.admin-modern-form-stack textarea,.admin-modern-form-two input,.admin-modern-form-two select{width:100%;box-sizing:border-box;min-height:44px;border:1px solid #dfd2da;border-radius:12px;background:#fff;padding:0 12px;color:var(--ix-admin-modern-ink);outline:none} .admin-modern-form-stack textarea{min-height:110px;padding:12px;resize:vertical} .admin-modern-filterbar input:focus,.admin-modern-filterbar select:focus,.admin-modern-form-stack input:focus,.admin-modern-form-stack select:focus,.admin-modern-form-stack textarea:focus{border-color:#b88ca6;box-shadow:0 0 0 3px rgba(143,97,124,.10)} .admin-modern-form-stack{display:grid;gap:14px}.admin-modern-form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-modern-form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap} /* categories */ .admin-modern-category-layout,.admin-modern-slot-layout,.admin-modern-plan-layout,.admin-modern-create-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:18px;align-items:start} .admin-modern-category-list{display:grid;gap:10px;margin-top:14px}.admin-modern-category-list article{display:grid;grid-template-columns:42px minmax(0,1fr) 70px auto;gap:12px;align-items:center;padding:13px 14px;border:1px solid #eee4ea;border-radius:14px;background:#fff} .admin-modern-category-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--ix-admin-modern-soft2);color:var(--ix-admin-modern-accent-dark)} .admin-modern-category-copy{display:grid;gap:3px;min-width:0}.admin-modern-category-copy small{color:var(--ix-admin-modern-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-modern-category-copy code{font-size:10px;color:#9a8391}.admin-modern-category-count{text-align:center}.admin-modern-category-count strong{display:block;font-size:18px}.admin-modern-category-count small{font-size:9px;text-transform:uppercase;color:var(--ix-admin-modern-muted)} .admin-modern-sticky-form{position:sticky;top:82px} /* create screens */ .admin-modern-create-layout>.admin-card{margin:0!important}.admin-modern-create-guide{padding:20px!important;background:linear-gradient(180deg,#fff,#fbf7f9)!important}.admin-modern-create-guide h2{margin:5px 0 16px}.admin-modern-guide-list{display:grid;gap:10px}.admin-modern-guide-list>div{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:start;padding:12px;border:1px solid #eee4ea;border-radius:13px;background:#fff}.admin-modern-guide-list i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--ix-admin-modern-soft2);color:var(--ix-admin-modern-accent-dark)}.admin-modern-guide-list span{display:grid;gap:3px}.admin-modern-guide-list small{color:var(--ix-admin-modern-muted);line-height:1.45} .admin-form-grid-v483{align-items:start!important}.admin-form-grid-v483>label{min-width:0}.admin-form-grid-v483 input,.admin-form-grid-v483 select{min-height:44px!important}.admin-form-grid-v483 textarea{min-height:100px!important} /* users list overflow fix */ .admin-modern-users-card{overflow:hidden!important;max-width:100%!important;min-width:0!important}.admin-modern-users-card .card-head,.admin-modern-users-card .ui-list-toolbar-v491{max-width:100%;min-width:0}.admin-modern-users-card .ui-list-search-v491{min-width:0;max-width:100%;flex-wrap:wrap}.admin-modern-users-card .ui-list-search-v491 label{min-width:220px;flex:1}.admin-modern-users-card .admin-modern-table-v483{min-width:820px!important}.admin-modern-users-card .admin-identity-v483{min-width:0}.admin-modern-users-card td strong,.admin-modern-users-card td small{overflow-wrap:anywhere} /* contact messages */ .admin-modern-contact-kpis{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;margin:0 0 18px!important}.admin-modern-contact-kpis .module-card{min-height:92px;border:1px solid var(--ix-admin-modern-border);background:#fff;border-radius:15px;padding:14px!important;text-decoration:none}.admin-modern-contact-layout{display:grid!important;grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr)!important;gap:18px!important;align-items:start!important}.admin-modern-contact-layout>.admin-card{margin:0!important;min-width:0}.contact-message-list{display:grid;gap:7px}.contact-message-item{border:1px solid #eee4ea!important;border-radius:12px!important;background:#fff!important;padding:12px!important}.contact-message-item.active{border-color:#b986a3!important;background:#fbf5f8!important}.contact-detail .message-body{border:1px solid #eee4ea;background:#fcfafb;border-radius:14px;padding:16px;line-height:1.6}.contact-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.contact-meta>div{padding:11px;border:1px solid #eee4ea;border-radius:12px;background:#fff} /* merchant trust */ .admin-modern-metric-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:0 0 18px!important}.v44-trust-stats .stat-card{border-radius:15px!important;border:1px solid var(--ix-admin-modern-border)!important;background:#fff!important}.v44-signal-list>div{border:1px solid #eee4ea!important;border-radius:14px!important;background:#fff!important;padding:15px!important} /* applications */ .admin-modern-ad-applications{overflow:hidden}.admin-modern-ad-applications>.card-head{align-items:flex-start}.admin-modern-ad-applications>.card-head .quick-links{display:flex;gap:7px;flex-wrap:wrap}.admin-modern-application-card{margin-top:12px!important;border:1px solid #e9dde5;border-radius:17px;background:#fff;padding:16px}.admin-modern-application-card .application-detail{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(260px,420px)!important;gap:18px!important;align-items:stretch!important}.admin-modern-application-card .application-detail>div:first-child{min-width:0}.admin-modern-application-card .application-detail h3{margin:8px 0 10px}.admin-modern-application-card .application-detail p{line-height:1.55;color:#65565e}.admin-modern-application-card .application-banner{display:grid;place-items:center;min-height:170px;border:1px solid #eadfe6;border-radius:14px;background:#f9f5f7;overflow:hidden;padding:10px}.admin-modern-application-card .application-banner img{width:100%;max-height:250px;object-fit:contain;border-radius:9px} /* campaigns */ .admin-modern-campaign-list,.admin-modern-campaign-create{overflow:hidden}.admin-modern-campaign-list .campaign-preview{width:210px!important;height:118px!important;min-width:210px!important;border-radius:12px!important;border:1px solid #eadfe6!important;background:#f8f3f6!important;display:grid!important;place-items:center!important;overflow:hidden!important;padding:7px!important}.admin-modern-campaign-list .campaign-preview img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:8px!important}.admin-modern-campaign-list .ads-table{min-width:1180px!important}.admin-modern-campaign-list .ads-table td{vertical-align:middle!important}.admin-modern-campaign-create .ads-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;align-items:start!important}.admin-modern-campaign-create .ads-form-grid>label{min-width:0!important}.admin-modern-campaign-create .ads-form-grid input,.admin-modern-campaign-create .ads-form-grid select{width:100%!important;box-sizing:border-box!important;min-height:44px!important} /* ad slots */ .admin-modern-slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.admin-modern-slot-grid article{display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:13px;align-items:center;padding:14px;border:1px solid #eadfe6;border-radius:15px;background:#fff}.admin-modern-slot-dimension{height:64px;display:grid;place-items:center;align-content:center;gap:5px;border-radius:12px;background:var(--ix-admin-modern-soft2);color:var(--ix-admin-modern-accent-dark)}.admin-modern-slot-dimension strong{font-size:13px}.admin-modern-slot-copy{display:grid;gap:4px;min-width:0}.admin-modern-slot-copy code{font-size:10px;color:#8c7684}.admin-modern-slot-copy small{color:var(--ix-admin-modern-muted)} /* rental screens */ .admin-modern-rental-card{overflow:hidden}.admin-modern-rental-card table{min-width:1080px!important}.admin-modern-rental-time{display:grid;gap:6px;min-width:220px}.admin-modern-rental-time>span{font-size:10px;color:#66575f;white-space:nowrap}.admin-modern-rental-time>small{font-size:10px;color:var(--ix-admin-modern-muted)}.admin-modern-progress{height:7px;border-radius:999px;background:#eee7eb;overflow:hidden}.admin-modern-progress>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#caa6ba,#765166);transition:width .25s}.admin-modern-plan-layout{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)} /* all panel form/button alignment */ .admin-form label,.merchant-form label,.advertiser-content form label,.member-panel-content form label{min-width:0}.admin-form input,.admin-form select,.merchant-form input,.merchant-form select,.advertiser-content form input,.advertiser-content form select,.member-panel-content form input,.member-panel-content form select{box-sizing:border-box}.quick-links,.form-actions,.admin-form-actions-v483,.merchant-product-actions{align-items:center!important;flex-wrap:wrap}.quick-links form,.admin-row-actions-v483 form,.merchant-product-actions form{margin:0!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px} /* frontend merchant storefront: denser 5/4 card layout, larger visual */ .store-page .store-product-grid.store-view-5-v482{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important}.store-page .store-product-grid.store-view-4-v482{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}.store-page .v47-product-card{min-width:0!important;border:1px solid #e9e0e5!important;border-radius:17px!important;background:#fff!important;box-shadow:0 7px 22px rgba(54,38,48,.045)!important;overflow:hidden!important}.store-page .v47-product-card .store-product-media{display:block;padding:10px 10px 0!important}.store-page .v47-product-card .store-product-image{height:190px!important;min-height:190px!important;max-height:190px!important;border-radius:13px!important;background:linear-gradient(180deg,#fbf9fa,#f5eff3)!important;padding:10px!important}.store-page .v47-product-card .store-product-image img{width:100%!important;height:100%!important;object-fit:contain!important}.store-page .v47-product-card .store-product-body{padding:11px 12px 13px!important}.store-page .v47-product-card h3{font-size:12px!important;min-height:34px!important;margin:4px 0!important}.store-page .v47-product-card .store-product-brand{font-size:9px!important}.store-page .v47-product-card .store-product-sub{font-size:9px!important;margin-bottom:7px!important}.store-page .v47-product-card .store-product-bottom{gap:7px!important}.store-page .v47-product-card .store-price strong{font-size:15px!important}.store-page .v47-product-card .store-buy{font-size:10px!important;padding-top:8px!important}.store-page .store-toolbar-v483{margin-bottom:14px!important} @media(max-width:1280px){.store-page .store-product-grid.store-view-5-v482{grid-template-columns:repeat(4,minmax(0,1fr))!important}.admin-modern-filterbar{grid-template-columns:minmax(240px,1fr) 160px 190px auto}.admin-modern-filterbar>a{grid-column:auto}.admin-modern-slot-grid{grid-template-columns:1fr}} @media(max-width:1050px){.admin-modern-category-layout,.admin-modern-slot-layout,.admin-modern-plan-layout,.admin-modern-create-layout{grid-template-columns:1fr}.admin-modern-sticky-form{position:static}.admin-modern-contact-layout{grid-template-columns:1fr!important}.admin-modern-contact-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}.admin-modern-application-card .application-detail{grid-template-columns:1fr!important}.admin-modern-metric-grid,.admin-modern-metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-modern-campaign-create .ads-form-grid{grid-template-columns:1fr!important}.store-page .store-product-grid.store-view-5-v482,.store-page .store-product-grid.store-view-4-v482{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media(max-width:760px){.admin-modern-page-hero{align-items:flex-start!important;flex-direction:column!important}.admin-modern-filterbar{grid-template-columns:1fr 1fr}.admin-modern-filter-search{grid-column:1/-1}.admin-modern-filterbar .btn,.admin-modern-filterbar>a{width:100%}.admin-modern-contact-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-modern-category-list article{grid-template-columns:42px minmax(0,1fr) auto}.admin-modern-category-count{display:none}.admin-modern-slot-grid article{grid-template-columns:88px minmax(0,1fr)}.admin-modern-slot-grid .ads-status{grid-column:2}.store-page .store-product-grid.store-view-5-v482,.store-page .store-product-grid.store-view-4-v482{grid-template-columns:repeat(2,minmax(0,1fr))!important}.store-page .v47-product-card .store-product-image{height:175px!important;min-height:175px!important;max-height:175px!important}} @media(max-width:520px){.admin-modern-metric-grid,.admin-modern-metric-strip,.admin-modern-contact-kpis{grid-template-columns:1fr!important}.admin-modern-filterbar,.admin-modern-form-two{grid-template-columns:1fr}.admin-modern-filter-search{grid-column:auto}.store-page .store-product-grid.store-view-5-v482,.store-page .store-product-grid.store-view-4-v482{grid-template-columns:1fr!important}.store-page .v47-product-card .store-product-image{height:210px!important;min-height:210px!important;max-height:210px!important}} /* ===== ui-v4110.css ===== */ /* IXLARGE Perfume Encyclopedia v4.11.0 - Expanded Operational Intelligence & Ads UI */ :root{--v4110-accent:#865f76;--v4110-accent-dark:#6f4d62;--v4110-soft:#f7f1f5;--v4110-line:#eadfe6;--v4110-ink:#2f2630;--v4110-muted:#8d7b86} .v4110-page-hero{display:flex;align-items:center;justify-content:space-between;gap:18px}.v4110-page-hero h1{margin:6px 0 7px}.v4110-page-hero p{margin:0;color:var(--v4110-muted)}.v4110-hero-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.v4110-hero-actions form{margin:0} .v4110-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.v4110-section-head h2{margin:5px 0 4px}.v4110-section-head p{margin:0;color:var(--v4110-muted)}.v4110-record-count{display:inline-flex;align-items:baseline;gap:6px;padding:8px 11px;border-radius:12px;background:var(--v4110-soft);color:var(--v4110-muted);white-space:nowrap}.v4110-record-count strong{color:var(--v4110-ink);font-size:16px} /* Applications: one aligned filter system */ .v4110-ad-applications{overflow:hidden}.v4110-application-toolbar{display:grid;grid-template-columns:auto minmax(320px,1fr) auto;gap:14px;align-items:end;padding:14px;border:1px solid var(--v4110-line);border-radius:16px;background:#fcfafb;margin:0 0 16px}.v4110-status-segments{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.v4110-status-segments a{height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 13px;border:1px solid #e3d7de;border-radius:12px;background:#fff;color:#67545f;text-decoration:none;font-weight:800;font-size:12px}.v4110-status-segments a b{min-width:24px;height:24px;display:grid;place-items:center;padding:0 6px;border-radius:999px;background:#f4edf1;color:#7e6171;font-size:10px}.v4110-status-segments a.active{background:var(--v4110-accent-dark);border-color:var(--v4110-accent-dark);color:#fff}.v4110-status-segments a.active b{background:rgba(255,255,255,.16);color:#fff}.v4110-search-field{display:grid;gap:6px;min-width:0}.v4110-search-field>span{font-size:11px;font-weight:800;color:#5a4852}.v4110-search-field>div{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;border:1px solid #ded1d9;border-radius:12px;background:#fff;overflow:hidden;min-width:0}.v4110-search-field i{justify-self:center;color:#a28e99}.v4110-search-field input{height:42px!important;border:0!important;border-radius:0!important;padding:0 8px!important;min-width:0;box-shadow:none!important}.v4110-search-field .btn{height:42px;border-radius:9px!important;margin:0 2px 0 0!important;min-width:76px}.v4110-clear-filter{height:44px}.v4110-application-list{display:grid;gap:12px}.v4110-application-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,390px);gap:18px;padding:16px;border:1px solid var(--v4110-line);border-radius:17px;background:#fff}.v4110-application-main{display:grid;gap:14px;min-width:0}.v4110-application-title{display:flex;align-items:flex-start;gap:10px}.v4110-application-title h3{margin:0 0 3px}.v4110-application-title small{color:var(--v4110-muted)}.v4110-application-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.v4110-application-meta>div{display:grid;gap:3px;padding:11px;border:1px solid #eee5ea;border-radius:12px;background:#fcfafb;min-width:0}.v4110-application-meta span{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#9a8792}.v4110-application-meta strong{font-size:12px;overflow-wrap:anywhere}.v4110-application-meta small{font-size:10px;color:var(--v4110-muted);overflow-wrap:anywhere}.v4110-application-actions{display:flex;gap:8px;align-items:center;margin:0}.v4110-application-banner{display:grid;grid-template-rows:auto 1fr;gap:8px;min-height:190px;padding:10px;border:1px solid #eadfe6;border-radius:14px;background:#f8f3f6;overflow:hidden}.v4110-application-banner>span{font-size:9px;font-weight:900;letter-spacing:.08em;color:#8e7684;text-transform:uppercase}.v4110-application-banner img{width:100%;height:100%;max-height:250px;object-fit:contain;border-radius:9px;background:#fff}.v4110-banner-empty{display:grid;place-items:center;align-content:center;gap:7px;color:#9d8995}.v4110-empty{display:grid;place-items:center;text-align:center;gap:5px;padding:34px 20px;color:var(--v4110-muted)}.v4110-empty i{font-size:24px}.v4110-empty strong{color:var(--v4110-ink)} /* Operational Intelligence */ .v4110-ops-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.v4110-ops-kpis article{display:grid;gap:4px;padding:15px;border:1px solid var(--v4110-line);border-radius:15px;background:#fff}.v4110-ops-kpis span{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#9a8591}.v4110-ops-kpis strong{font-size:22px;color:var(--v4110-ink)}.v4110-ops-kpis small{color:var(--v4110-muted)}.v4110-ops-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px}.v4110-ops-layout>.admin-card{margin:0!important}.v4110-signal-list{display:grid;gap:8px}.v4110-signal{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid #eee4ea;border-radius:13px;background:#fff;text-decoration:none;color:inherit}.v4110-signal-dot{width:9px;height:9px;border-radius:50%;background:#8ea494}.v4110-signal.critical .v4110-signal-dot{background:#b94e65}.v4110-signal.high .v4110-signal-dot{background:#d47a55}.v4110-signal.medium .v4110-signal-dot{background:#d7a43c}.v4110-signal.low .v4110-signal-dot{background:#8a91b8}.v4110-signal div{display:grid;gap:3px}.v4110-signal small{color:var(--v4110-muted)}.v4110-management-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v4110-management-grid a{display:grid;gap:4px;padding:12px;border:1px solid #eee4ea;border-radius:13px;text-decoration:none;background:#fcfafb}.v4110-management-grid span{font-size:10px;color:#8b7883}.v4110-management-grid strong{font-size:20px;color:var(--v4110-ink)}.v4110-trend-grid{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:9px;overflow-x:auto;padding-bottom:3px}.v4110-trend-grid article{display:grid;gap:7px;padding:11px;border:1px solid #eee5ea;border-radius:12px;background:#fff}.v4110-trend-grid article>span,.v4110-trend-grid article>small{font-size:9px;color:var(--v4110-muted)}.v4110-riskbar{height:7px;border-radius:999px;background:#f0eaed;overflow:hidden}.v4110-riskbar i{display:block;height:100%;background:linear-gradient(90deg,#98ae9f,#d4a547,#b95d70);border-radius:inherit} /* command palette */ .v4110-command-trigger{height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #e4d8df;border-radius:11px;background:#fff;color:#6c5863;font-weight:800;font-size:11px}.v4110-command-trigger kbd{padding:2px 5px;border-radius:6px;background:#f4edf1;color:#8d7482;font:inherit;font-size:9px}.v4110-command-backdrop{position:fixed;inset:0;z-index:5000;background:rgba(28,21,26,.36);backdrop-filter:blur(4px);display:grid;place-items:start center;padding-top:10vh}.v4110-command-backdrop[hidden]{display:none!important}.v4110-command{width:min(720px,calc(100% - 28px));border-radius:18px;background:#fff;box-shadow:0 30px 80px rgba(27,18,24,.24);overflow:hidden}.v4110-command-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid #eee4ea}.v4110-command-head input{border:0!important;box-shadow:none!important;outline:0;width:100%;height:42px;font:inherit}.v4110-command-close{border:0;background:#f6f0f4;border-radius:9px;width:34px;height:34px}.v4110-command-results{max-height:58vh;overflow:auto;padding:8px}.v4110-command-results a{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border-radius:11px;text-decoration:none;color:inherit}.v4110-command-results a:hover{background:#f8f3f6}.v4110-command-results a>i{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#f4edf1;color:#765468}.v4110-command-results span{display:grid;gap:2px}.v4110-command-results small{color:var(--v4110-muted)}.v4110-command-results em{font-style:normal;color:#aa98a2}.v4110-command-hint{padding:22px;text-align:center;color:#998691} /* Frontend ads: hard visibility contract, zero external vertical gap */ .ad-zone,.ad-inline,.blog-sidebar-ad{display:block!important;visibility:visible!important;opacity:1!important;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;min-width:0!important}.ad-placement{display:flex!important;visibility:visible!important;opacity:1!important;width:100%!important;max-width:100%!important;margin:0 auto!important;padding:0!important;justify-content:center!important;align-items:center!important;min-width:0!important}.ad-placement:empty{display:none!important}.ad-slot{display:block!important;visibility:visible!important;opacity:1!important;width:min(100%,var(--ad-native-width,768px))!important;max-width:var(--ad-native-width,768px)!important;aspect-ratio:var(--ad-ratio,768/120)!important;min-height:44px!important;border-radius:14px!important;overflow:hidden!important;box-sizing:border-box!important}.ad-slot.ad-placeholder{display:grid!important;place-items:center!important;background:#fbf8fa!important;border:1px dashed #d8c8d2!important;color:#806977!important}.ad-slot.ad-placeholder>div{display:grid;place-items:center;gap:3px}.ad-slot.ad-placeholder strong{font-size:11px!important}.ad-slot.ad-placeholder small{font-size:9px!important}.ad-slot.ad-live a,.ad-slot.ad-live img{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:100%!important}.ad-slot.ad-live img{object-fit:cover!important}.ad-label{z-index:4!important} @media(max-width:1200px){.v4110-application-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.v4110-ops-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:900px){.v4110-application-toolbar{grid-template-columns:1fr}.v4110-application-card{grid-template-columns:1fr}.v4110-ops-layout{grid-template-columns:1fr}.v4110-ops-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.v4110-page-hero{align-items:flex-start;flex-direction:column}.v4110-command-trigger span{display:none}} @media(max-width:560px){.v4110-status-segments{display:grid;grid-template-columns:repeat(3,1fr)}.v4110-status-segments a{justify-content:center;padding:0 8px}.v4110-search-field>div{grid-template-columns:32px minmax(0,1fr)}.v4110-search-field .btn{grid-column:1/-1;width:100%;margin:5px 0 0!important}.v4110-application-meta,.v4110-ops-kpis,.v4110-management-grid{grid-template-columns:1fr}.v4110-application-title{flex-direction:column}.v4110-hero-actions{width:100%}.v4110-hero-actions .btn,.v4110-hero-actions form{width:100%}.v4110-hero-actions form .btn{width:100%}} /* ===== ui-v4120.css ===== */ /* IXLARGE Perfume Encyclopedia v4.12.0 Panel Form & Action Layout Contract + Operational Intelligence II */ :root{ --v4120-control-h:44px; --v4120-control-radius:11px; --v4120-action-gap:8px; --v4120-block-gap:18px; --v4120-field-gap:7px; --v4120-line:#e7dbe2; --v4120-soft:#faf6f8; --v4120-accent:#865f76; --v4120-accent-dark:#6f4d62; --v4120-text:#352a31; --v4120-muted:#8b7883; } /* -------------------------------------------------------------------------- 1. BUTTON CONTRACT — icon and copy never collide -------------------------------------------------------------------------- */ :where(.admin-shell,.advertiser-shell) :where(.btn,a.btn,button.btn), :where(.admin-content,.advertiser-content) :where(.admin-form>button,.support-form-v48 button[type="submit"],.support-editor-form-v483 button[type="submit"]){ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:var(--v4120-action-gap)!important; min-height:var(--v4120-control-h); box-sizing:border-box!important; line-height:1.15!important; vertical-align:middle!important; white-space:nowrap; } :where(.admin-shell,.advertiser-shell) :where(.btn,a.btn,button.btn) > i, :where(.admin-content,.advertiser-content) :where(.admin-form>button,.support-form-v48 button[type="submit"],.support-editor-form-v483 button[type="submit"]) > i{ margin:0!important; flex:0 0 auto!important; width:auto!important; min-width:1em; text-align:center; line-height:1!important; } :where(.admin-shell,.advertiser-shell) .btn.small{min-height:36px!important;height:36px!important;padding-top:0!important;padding-bottom:0!important} :where(.admin-shell,.advertiser-shell) :where(.icon-action-v483,.ui-switch-button,.nav-group-toggle,.adv-mobile-menu){gap:0!important} /* -------------------------------------------------------------------------- 2. FORM CONTROL CONTRACT — all sibling fields share one baseline -------------------------------------------------------------------------- */ :where(.admin-content,.advertiser-content) form{min-width:0} :where(.admin-content,.advertiser-content) form label{min-width:0;box-sizing:border-box} :where(.admin-content,.advertiser-content) form label > :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select){ min-height:var(--v4120-control-h)!important; height:var(--v4120-control-h)!important; box-sizing:border-box!important; width:100%; } :where(.admin-content,.advertiser-content) form label > textarea{box-sizing:border-box!important;width:100%} :where(.admin-content,.advertiser-content) :where(.form-row,.support-form-two,.admin-form-grid-v483,.ads-form-grid,.auth-wizard-grid){align-items:end!important} :where(.admin-content,.advertiser-content) :where(.inline-actions,.form-actions,.support-form-actions-v4105,.v4110-hero-actions,.admin-modern-form-actions){align-items:center!important} /* -------------------------------------------------------------------------- 3. NATIVE FILE INPUT CONTRACT — selector button is centered in its surface -------------------------------------------------------------------------- */ :where(.admin-content,.advertiser-content) label:not(.upload-tile) > input[type="file"], :where(.admin-content,.advertiser-content) .ui-file-input-v4120{ display:block; width:100%; min-width:0; height:46px!important; min-height:46px!important; box-sizing:border-box!important; padding:5px 7px!important; border:1px solid var(--v4120-line)!important; border-radius:12px!important; background:#fff!important; color:#7f6d78!important; line-height:34px!important; overflow:hidden; } :where(.admin-content,.advertiser-content) label:not(.upload-tile) > input[type="file"]::file-selector-button, :where(.admin-content,.advertiser-content) .ui-file-input-v4120::file-selector-button{ height:34px!important; margin:0 12px 0 0!important; padding:0 14px!important; border:0!important; border-radius:9px!important; background:#b785a3!important; color:#fff!important; font:inherit!important; font-weight:800!important; line-height:34px!important; cursor:pointer!important; vertical-align:middle!important; } :where(.admin-content,.advertiser-content) label:not(.upload-tile) > input[type="file"]:hover::file-selector-button, :where(.admin-content,.advertiser-content) .ui-file-input-v4120:hover::file-selector-button{background:var(--v4120-accent)!important} /* -------------------------------------------------------------------------- 4. SUPPORT UPLOAD/ACTION GRID — screenshot issue: exact row alignment -------------------------------------------------------------------------- */ .support-upload-action-v4120{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; grid-template-rows:auto 46px auto!important; column-gap:14px!important; row-gap:6px!important; align-items:center!important; margin:0!important; min-width:0; } .support-upload-field-v4120{display:contents!important} .support-upload-field-v4120>.support-upload-label-v4120{grid-column:1;grid-row:1;font-size:11px;font-weight:800;color:#4b3a44;align-self:end} .support-upload-field-v4120>input[type="file"]{grid-column:1;grid-row:2;margin:0!important} .support-upload-field-v4120>.support-upload-help-v4120{grid-column:1;grid-row:3;margin:0!important;color:var(--v4120-muted);font-size:9px;line-height:1.45} .support-upload-action-v4120>.support-submit-v4120{grid-column:2;grid-row:2;align-self:center!important;height:44px!important;margin:0!important;padding-inline:18px!important} .support-upload-action-v4120>.support-submit-v4120 i{margin:0!important} .support-editor-form-v483{gap:14px!important} .support-form-dashboard-v483{display:grid!important;gap:14px!important} .support-form-dashboard-v483>label{display:grid!important;gap:7px!important;margin:0!important} .support-form-dashboard-v483 .support-form-two{gap:14px!important} /* -------------------------------------------------------------------------- 5. GENERIC ACTION FOOTERS — stop buttons floating above/below sibling fields -------------------------------------------------------------------------- */ :where(.admin-content,.advertiser-content) :where(.ui-action-row-v4120,.admin-form-actions,.card-actions,.table-actions){ display:flex; align-items:center!important; gap:10px!important; flex-wrap:wrap; min-width:0; } :where(.admin-content,.advertiser-content) :where(.ui-action-row-v4120,.admin-form-actions,.card-actions,.table-actions) > *{margin-top:0!important;margin-bottom:0!important} :where(.admin-content,.advertiser-content) .table-scroll{max-width:100%;min-width:0} :where(.admin-content,.advertiser-content) :where(.admin-grid,.adv-grid,.merchant-grid,.member-grid)>*{min-width:0} /* -------------------------------------------------------------------------- 6. Operational Intelligence II -------------------------------------------------------------------------- */ .v4120-ops-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px} .v4120-ops-summary article{display:grid;gap:4px;padding:14px;border:1px solid var(--v4120-line);border-radius:14px;background:#fff;min-width:0} .v4120-ops-summary span{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#9a8792} .v4120-ops-summary strong{font-size:20px;color:var(--v4120-text)} .v4120-ops-summary small{color:var(--v4120-muted);font-size:9px} .v4120-scorecard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .v4120-scorecard{display:grid;gap:9px;padding:13px;border:1px solid var(--v4120-line);border-radius:14px;background:#fff;min-width:0} .v4120-scorecard-head{display:flex;align-items:center;justify-content:space-between;gap:10px} .v4120-scorecard-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .v4120-scorecard-head b{padding:4px 7px;border-radius:999px;background:var(--v4120-soft);font-size:9px;color:#7c6572} .v4120-scorecard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px} .v4120-scorecard-metrics div{padding:8px;border-radius:10px;background:#faf7f9;display:grid;gap:2px} .v4120-scorecard-metrics span{font-size:8px;color:#9b8792;text-transform:uppercase;font-weight:900}.v4120-scorecard-metrics strong{font-size:14px} .v4120-ad-trend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.v4120-ad-trend>div{display:grid;gap:4px;padding:12px;border:1px solid var(--v4120-line);border-radius:12px;background:#fff}.v4120-ad-trend span{font-size:9px;color:#96818d}.v4120-ad-trend strong{font-size:18px;color:var(--v4120-text)} @media(max-width:900px){ .support-upload-action-v4120{grid-template-columns:1fr!important;grid-template-rows:auto 46px auto 44px!important} .support-upload-field-v4120>.support-upload-label-v4120{grid-column:1;grid-row:1} .support-upload-field-v4120>input[type="file"]{grid-column:1;grid-row:2} .support-upload-field-v4120>.support-upload-help-v4120{grid-column:1;grid-row:3} .support-upload-action-v4120>.support-submit-v4120{grid-column:1;grid-row:4;width:100%!important} .v4120-ops-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.v4120-scorecard-grid{grid-template-columns:1fr 1fr} } @media(max-width:560px){ :where(.admin-shell,.advertiser-shell) :where(.btn,a.btn,button.btn){white-space:normal} .v4120-ops-summary,.v4120-scorecard-grid,.v4120-ad-trend{grid-template-columns:1fr} } /* 7. Common list/filter forms: labels + buttons share exact bottom baseline */ :where(.admin-content,.advertiser-content) :where(.ui-list-search-v491,.ui-list-search-v492,.admin-modern-filterbar,.support-ticket-controls-v483,.support-ticket-controls-v4105,.account-access-search-v485,.v4110-application-toolbar){ align-items:end!important; } :where(.admin-content,.advertiser-content) :where(.ui-list-search-v491,.ui-list-search-v492,.admin-modern-filterbar,.support-ticket-controls-v483,.support-ticket-controls-v4105,.account-access-search-v485) > :where(button,.btn,a.btn){margin-bottom:0!important;align-self:end!important} :where(.admin-content,.advertiser-content) button:not(.icon-action-v483):not(.ui-switch-button):not(.nav-group-toggle):not(.adv-mobile-menu):not(.v4110-command-close) > i:first-child{margin-right:8px!important} :where(.admin-content,.advertiser-content) button:not(.icon-action-v483):not(.ui-switch-button):not(.nav-group-toggle):not(.adv-mobile-menu):not(.v4110-command-close) > i:last-child:not(:first-child){margin-left:8px!important;margin-right:0!important} :where(.admin-content,.advertiser-content) a.btn > i:first-child{margin-right:0!important} .v4110-ops-layout + .v4110-ops-layout,.v4110-ops-layout + .admin-card,.v4120-ops-summary + .v4110-ops-layout{margin-top:18px!important} .v4120-signal-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:0;border:1px solid #eee4ea;border-radius:13px;background:#fff;overflow:hidden} .v4120-signal-row .v4110-signal{border:0!important;border-radius:0!important;background:transparent!important} .v4120-signal-row.is-snoozed{background:#fbf8fa;opacity:.82}.v4120-signal-row.is-ack{background:#f7faf8} .v4120-signal-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:7px 8px 7px 0;flex-wrap:wrap}.v4120-signal-actions form{margin:0!important}.v4120-signal-actions .btn{min-height:32px!important;height:32px!important;padding-inline:9px!important;font-size:9px!important}.v4120-signal-state{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:#f1eaee;color:#785f6d;font-size:9px;font-weight:800} @media(max-width:760px){.v4120-signal-row{grid-template-columns:1fr}.v4120-signal-actions{justify-content:flex-start;padding:0 10px 10px}} /* ===== ui-v4130.css ===== */ /* v4.13.0 — Advertisement delivery + Automation/Governance UI */ :root{--v413-gap:18px;--v413-soft:#fbf8fa;--v413-line:#e9dde5;--v413-ink:#352633;--v413-muted:#8b7584;--v413-accent:#8f627c;--v413-navy:#040A1D} /* Frontend advertisement floor: intentionally late and explicit. */ .global-ad-band{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;margin:0!important;padding:0!important;background:transparent!important;clear:both!important} .global-ad-band .ad-placement,.ad-zone .ad-placement,.ad-inline .ad-placement,.blog-sidebar-ad .ad-placement{display:flex!important;visibility:visible!important;opacity:1!important;width:100%!important;min-width:0!important;margin:0 auto!important;padding:0!important;justify-content:center!important;align-items:center!important} .global-ad-band .ad-slot,.ad-zone .ad-slot,.ad-inline .ad-slot,.blog-sidebar-ad .ad-slot{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;width:min(100%,var(--ad-native-width,768px))!important;max-width:var(--ad-native-width,768px)!important;aspect-ratio:var(--ad-ratio,768/120)!important;min-height:56px!important;margin:0!important;box-sizing:border-box!important} .global-ad-band .ad-placeholder,.ad-zone .ad-placeholder,.ad-inline .ad-placeholder,.blog-sidebar-ad .ad-placeholder{display:grid!important;place-items:center!important;background:#fbf8fa!important;border:1px dashed #d8c8d2!important;color:#806977!important;text-align:center!important} .global-ad-band .ad-placeholder>div,.ad-zone .ad-placeholder>div,.ad-inline .ad-placeholder>div{display:grid!important;place-items:center!important;gap:3px!important} .global-ad-band .ad-live a,.global-ad-band .ad-live img,.ad-zone .ad-live a,.ad-zone .ad-live img,.ad-inline .ad-live a,.ad-inline .ad-live img{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:100%!important} .global-ad-band .ad-live img,.ad-zone .ad-live img,.ad-inline .ad-live img{object-fit:cover!important} .global-ad-top{border-bottom:1px solid rgba(143,98,124,.06)!important}.global-ad-bottom{border-top:1px solid rgba(143,98,124,.06)!important} /* Admin governance */ .v413-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px;border:1px solid var(--v413-line);border-radius:20px;background:#fff;margin-bottom:18px}.v413-hero h2{margin:5px 0 6px}.v413-hero p{margin:0;color:var(--v413-muted)} .v413-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.v413-kpis article{background:#fff;border:1px solid var(--v413-line);border-radius:16px;padding:16px;min-width:0}.v413-kpis span{display:block;font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--v413-muted)}.v413-kpis strong{display:block;font-size:24px;margin-top:7px;color:var(--v413-ink)} .v413-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:18px;align-items:start;margin-bottom:18px}.v413-grid>.admin-card{margin:0!important;min-width:0}.v413-rule{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--v413-line)}.v413-rule:last-child{border-bottom:0}.v413-rule p{margin:4px 0 0;color:var(--v413-muted);font-size:12px}.v413-rule-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.v413-rule-actions form{margin:0}.v413-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--v413-line);border-radius:999px;padding:6px 9px;background:var(--v413-soft);font-size:10px;font-weight:800}.v413-pill.ok{color:#466a55;background:#eef7f1}.v413-pill.warn{color:#8a6548;background:#fbf3e9}.v413-pill.danger{color:#944d5d;background:#faedf0} .v413-checklist{display:grid;gap:10px}.v413-check{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid var(--v413-line);border-radius:13px}.v413-check i{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#f4edf2}.v413-check small{display:block;color:var(--v413-muted);margin-top:2px}.v413-ad-preview{padding:10px;border:1px solid var(--v413-line);border-radius:14px;background:#fff}.v413-ad-preview .ad-placement{margin:0!important} .v413-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;background:#f8f4f7;padding:3px 6px;border-radius:7px} @media(max-width:1050px){.v413-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.v413-grid{grid-template-columns:1fr}} @media(max-width:650px){.v413-hero{align-items:flex-start;flex-direction:column}.v413-kpis{grid-template-columns:1fr}.v413-rule{grid-template-columns:1fr}.v413-rule-actions{justify-content:flex-start}} /* ===== ui-v4140.css ===== */ /* IXLARGE v4.14.0 Scale & QA + guaranteed ad delivery */ .global-ad-v414,.global-ad-v414 .ad-placement-v414{display:flex!important;visibility:visible!important;opacity:1!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;justify-content:center!important;align-items:center!important;overflow:visible!important} .global-ad-v414>.ad-placement-v414{padding:0 16px!important} .ad-placement-v414 .ad-slot{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;max-width:var(--ad-native-width,1180px)!important;width:min(100%,var(--ad-native-width,1180px))!important;aspect-ratio:var(--ad-ratio,1180/120)!important;margin:0 auto!important;overflow:hidden!important;box-sizing:border-box!important} .ad-placement-v414 .ad-live>a,.ad-placement-v414 .ad-live img{display:block!important;width:100%!important;height:100%!important;visibility:visible!important;opacity:1!important}.ad-placement-v414 .ad-live img{object-fit:cover!important} .ad-placement-v414 .ad-placeholder{display:grid!important;place-items:center!important;min-height:64px!important;text-align:center!important;background:#fbf8fa!important;border:1px dashed #d8c8d2!important;color:#806977!important} .global-ad-top{margin-top:0!important}.global-ad-bottom{margin-bottom:0!important} .v414-rootcause{display:grid;gap:10px}.v414-rootcause article{padding:13px 14px;border:1px solid #eadfe6;border-radius:14px;background:#fff}.v414-rootcause strong,.v414-rootcause small{display:block}.v414-rootcause small{margin-top:4px;color:#8b7784}.v414-status-ok{color:#4b6610}.v414-status-warn{color:#9b5f00}.v414-status-bad{color:#9b254c} @media(max-width:700px){.global-ad-v414>.ad-placement-v414{padding:0 10px!important}.ad-placement-v414 .ad-slot{border-radius:12px!important}} /* ===== ui-v4150.css ===== */ /* IXLARGE Perfume Encyclopedia v4.15.0 Ads spacing + deferred top placement + storefront 4/5-grid + Governance II */ /* Advertisement rhythm: exactly 18px vertical breathing room without nested double margins. */ .ad-zone,.ad-inline,.blog-sidebar-ad{margin:0!important;padding:0!important} .ad-placement{display:flex!important;visibility:visible!important;opacity:1!important;width:100%!important;margin:18px auto!important;padding:0!important;box-sizing:border-box!important} .ad-placement>.ad-slot{margin:0 auto!important;max-width:100%!important;overflow:hidden!important} .ad-placement>.ad-slot img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;object-fit:cover!important} .global-ad-band{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;margin:18px auto!important;padding:0!important} .global-ad-band .ad-placement{margin:0 auto!important} .global-ad-deferred-host{display:block;width:100%;grid-column:1/-1} .global-ad-deferred-host.is-positioned{display:block!important} .global-ad-deferred-host>.global-ad-band{margin:18px auto!important} .global-ad-bottom{margin-top:18px!important;margin-bottom:18px!important} /* Storefront: 4 columns are the desktop default; 5 is an explicit compact choice. */ .store-page .store-product-grid.store-view-4-v482{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important} .store-page .store-product-grid.store-view-5-v482{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important} .store-page .store-view-switch-v483{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:4px!important;background:#fff!important;border:1px solid #eadfe5!important;border-radius:13px!important} .store-page .store-view-switch-v483 button{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#7b6672!important} .store-page .store-view-switch-v483 button.active{background:#040A1D!important;color:#fff!important} /* Data Governance II */ .v415-governance-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px} .v415-governance-kpis article{border:1px solid #eadfe5;background:#fff;border-radius:16px;padding:16px;min-width:0} .v415-governance-kpis span{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#9a7f8d;font-weight:800} .v415-governance-kpis strong{display:block;margin-top:6px;font-size:25px;color:#040A1D} .v415-governance-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:18px;align-items:start} .v415-policy-list{display:grid;gap:12px} .v415-policy{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) 120px 120px auto;gap:10px;align-items:end;padding:14px;border:1px solid #eee4e9;border-radius:15px;background:#fff} .v415-policy label{margin:0!important}.v415-policy .btn{min-height:44px} .v415-governance-note{padding:16px;border:1px solid #eadfe5;border-radius:16px;background:#fbf8fa;color:#765f6c;line-height:1.65} @media(max-width:1050px){.v415-governance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.v415-governance-layout{grid-template-columns:1fr}.v415-policy{grid-template-columns:1fr 1fr}} @media(max-width:760px){.store-page .store-product-grid.store-view-4-v482,.store-page .store-product-grid.store-view-5-v482{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v415-policy{grid-template-columns:1fr}.v415-governance-kpis{grid-template-columns:1fr 1fr}} @media(max-width:520px){.store-page .store-product-grid.store-view-4-v482,.store-page .store-product-grid.store-view-5-v482{grid-template-columns:1fr!important}.v415-governance-kpis{grid-template-columns:1fr}} /* ===== ui-v4160.css ===== */ /* IXLARGE Perfume Encyclopedia v4.16.0 Canonical frontend ad placement / spacing contract. - Site-wide top ad stays below the header on all pages except homepage. - Homepage site_top is explicitly rendered above home_mid. - Every ad receives 18px vertical breathing room; stacked ads use one 18px gap. */ :root{--ix-ad-space:18px} /* Normal standalone advertisements: 18px above and below. */ .ad-placement{ margin:var(--ix-ad-space) auto!important; padding:0!important; box-sizing:border-box!important; } .ad-zone,.ad-inline,.blog-sidebar-ad{ margin:0!important; padding:0!important; min-width:0!important; } .ad-zone>.ad-placement, .ad-inline>.ad-placement, .blog-sidebar-ad .ad-placement{ margin:var(--ix-ad-space) auto!important; } /* Global bands own the spacing; their inner placement must not add it again. */ .global-ad-band{ display:block!important; width:100%!important; margin:var(--ix-ad-space) auto!important; padding:0!important; box-sizing:border-box!important; } .global-ad-band>.ad-placement{ margin:0 auto!important; } /* Homepage: site_top sits immediately above home_mid, but never touches it. */ .home-ad-stack-v416{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:var(--ix-ad-space)!important; width:100%!important; margin:var(--ix-ad-space) 0!important; padding:0!important; clear:both!important; } .home-ad-stack-v416>.home-global-top-v416, .home-ad-stack-v416>.home-mid-ad-v416{ min-width:0!important; margin:0!important; padding:0!important; } .home-ad-stack-v416 .global-ad-band, .home-ad-stack-v416 .ad-placement, .home-ad-stack-v416 .ad-inline{ margin:0 auto!important; } /* Keep banner itself compact: spacing belongs outside the visual. */ .ad-slot{ max-width:100%!important; margin:0 auto!important; } .ad-slot img{ display:block!important; max-width:100%!important; height:auto!important; } @media(max-width:760px){ :root{--ix-ad-space:18px} .home-ad-stack-v416{width:100%!important} } /* ===== ui-v4170.css ===== */ /* IXLARGE Perfume Encyclopedia v4.17.0 Canonical global advertisement edge-spacing contract. Root cause fixed: render_global_ad() previously emitted `margin:0!important` inline. That inline declaration was stronger than every external stylesheet, so the global top banner could touch the header and the global bottom banner could touch the footer even when CSS requested 18px spacing. Contract: - global top banner: 18px breathing room ABOVE only - global bottom banner: 18px breathing room BELOW only - homepage stacked site_top/home_mid group keeps its own 18px outer rhythm and 18px internal gap without double margins - ordinary in-content ad placements retain the v4.16.0 18px rhythm. */ :root{--ix-ad-space:18px} /* Edge banners: only the edge that was visually touching receives spacing. */ .global-ad-band.global-ad-top{ margin:var(--ix-ad-space) 0 0!important; } .global-ad-band.global-ad-bottom{ margin:0 0 var(--ix-ad-space)!important; } /* The placement inside a global band never owns additional vertical margin. */ .global-ad-band.global-ad-top>.ad-placement, .global-ad-band.global-ad-bottom>.ad-placement{ margin:0 auto!important; } /* Homepage has a dedicated stacked-ad container. Its 18px outer margin and 18px grid gap already provide exactly the requested breathing room. */ .home-ad-stack-v416>.home-global-top-v416>.global-ad-band.global-ad-top{ margin:0!important; } .home-ad-stack-v416 .global-ad-band>.ad-placement, .home-ad-stack-v416 .ad-inline>.ad-placement{ margin:0 auto!important; } /* Footer must never collapse the bottom ad's breathing room. */ .global-ad-band.global-ad-bottom + .site-footer{ margin-top:0!important; } @media(max-width:760px){ :root{--ix-ad-space:18px} } /* ===== v4.18.0 SECURITY / GOVERNANCE / NORMALIZATION ===== */ :root{--ix-gap:18px;--ix-control:44px;--ix-soft:#f8f5f7;--ix-border:#eadfe5;--ix-ink:#040A1D;--ix-accent:#7a5369;--ix-danger:#b4233c;--ix-ok:#516500} .v418-grid{display:grid;gap:18px}.v418-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.v418-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.v418-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.v418-card{background:#fff;border:1px solid var(--ix-border);border-radius:16px;padding:18px;min-width:0}.v418-card h2,.v418-card h3{margin:0}.v418-card p{margin:7px 0 0;color:#776875}.v418-kpi strong{display:block;font-size:28px;margin-top:8px}.v418-kpi small{display:block;margin-top:4px;color:#877783}.v418-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.v418-toolbar>*{min-width:0}.v418-toolbar label{flex:1 1 220px}.v418-table{overflow:auto;max-width:100%}.v418-table table{min-width:760px}.v418-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.v418-actions .btn i,.v418-actions button i{margin-right:7px}.v418-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#f5eff3;border:1px solid #eadfe5;font-size:12px}.v418-pill.ok{background:#f2f7e5;border-color:#dbe9b0;color:#4c6400}.v418-pill.warn{background:#fff6df;border-color:#f0d79e}.v418-pill.danger{background:#fff0f2;border-color:#efc4cc;color:#a3132e}.v418-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:#f7f4f6;padding:3px 6px;border-radius:6px}.v418-progress{height:9px;border-radius:999px;background:#eee7eb;overflow:hidden}.v418-progress>i{display:block;height:100%;width:var(--progress,0%);background:var(--ix-accent);border-radius:inherit}.v418-risk.low{color:#516500}.v418-risk.medium{color:#8b6400}.v418-risk.high{color:#b4233c}.v418-list{display:grid;gap:10px}.v418-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--ix-border);border-radius:12px;background:#fff}.v418-list article>div{min-width:0}.v418-list strong,.v418-list small{display:block}.v418-list small{margin-top:3px;color:#81717c}.v418-muted{color:#85747f}.v418-preflight-ok{border-left:4px solid #A8CA01}.v418-preflight-fail{border-left:4px solid #E4218A}.v418-security-hero{display:flex;justify-content:space-between;gap:18px;align-items:center}.v418-device{display:grid;grid-template-columns:1.1fr .8fr .8fr .7fr auto;gap:12px;align-items:center}.v418-incident{display:grid;grid-template-columns:100px 1fr 140px 120px auto;gap:12px;align-items:center}.v418-privacy-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.v418-cron-row{display:grid;grid-template-columns:1.2fr .8fr .7fr .7fr auto;gap:12px;align-items:center}.v418-provenance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.v418-ad-health{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.v418-audit-signature{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f7f4f6;border:1px solid var(--ix-border);padding:10px;border-radius:10px}.ix-dynamic-bar{width:var(--ix-width,0%)}.ix-dynamic-height{height:var(--ix-height,8px)} /* A11y focus */ :where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid rgba(228,33,138,.38)!important;outline-offset:2px!important} /* source-inline-style replacement hooks */ [data-ix-width]{--ix-width:0%}[data-ix-height]{--ix-height:8px} /* editor identity */ .ix-rich-editor-shell{border-radius:14px;overflow:hidden;border:1px solid #e6dbe1;background:#fff} @media(max-width:1100px){.v418-grid.cols-4,.v418-grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.v418-device,.v418-incident,.v418-cron-row{grid-template-columns:1fr 1fr}.v418-ad-health{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:720px){.v418-grid.cols-4,.v418-grid.cols-3,.v418-grid.cols-2,.v418-provenance-grid,.v418-ad-health{grid-template-columns:1fr}.v418-device,.v418-incident,.v418-cron-row,.v418-privacy-form{grid-template-columns:1fr}.v418-security-hero{align-items:flex-start;flex-direction:column}} /* v4.18 source inline-style removal contract */ [data-ix-width]{width:var(--ix-width,0%)!important} [data-ix-height]{height:var(--ix-height,8px)!important} .ix-block-gap-14{margin:14px 0!important}.ix-block-gap-18{margin:18px 0!important}.ix-mt-14{margin-top:14px!important}.ix-mt-16{margin-top:16px!important}.ix-mt-35{margin-top:35px!important}.ix-square-90{width:90px!important;height:90px!important}.ix-gold{color:#c89643!important}.ix-flex-gap-8{display:flex!important;gap:8px!important;align-items:center!important}.ix-flex-between-12{display:flex!important;justify-content:space-between!important;gap:12px!important}.ix-flex-1{flex:1 1 auto!important;min-width:0!important}.ix-grid-2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.ix-visually-hidden-frame{display:none!important;visibility:hidden!important} .ad-placement{display:flex!important;visibility:visible!important;opacity:1!important;width:100%!important}.ad-slot[data-ad-width][data-ad-height]{aspect-ratio:var(--ad-ratio);max-width:min(100%,var(--ad-native-width));width:100%!important}.ad-slot.ad-live{display:block!important;visibility:visible!important;opacity:1!important}.ad-slot.ad-placeholder{display:grid!important;place-items:center!important;visibility:visible!important;opacity:1!important;min-height:64px!important;background:#fbf8fa!important;border:1px dashed #d8c8d2!important;color:#806977!important}.global-ad-band{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;padding:0!important} @media(max-width:720px){.ix-grid-2{grid-template-columns:1fr!important}} /* ===== v4.20.0 exact advertisement sizing contract ===== Visual banner width is the resolved campaign/creative size, never the requested fallback slot width. JS custom properties are only a progressive enhancement; known production sizes work without JS. */ .ad-placement{width:100%!important;max-width:100%!important;justify-content:center!important;overflow:visible!important} .ad-slot[data-ad-width][data-ad-height]{ width:min(100%,var(--ad-native-width,768px))!important; max-width:var(--ad-native-width,768px)!important; height:auto!important; aspect-ratio:var(--ad-ratio,768/120)!important; flex:0 1 auto!important; margin-inline:auto!important; } .ad-slot.ad-live>a{display:block!important;width:100%!important;max-width:100%!important;height:auto!important} .ad-slot.ad-live>a>img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain!important} .ad-slot.ad-placeholder{height:auto!important} /* Server-known slot/creative dimensions: these do not depend on JavaScript. */ .ad-slot.ad-native-1180x150{width:min(100%,1180px)!important;max-width:1180px!important;aspect-ratio:1180/150!important} .ad-slot.ad-native-1180x120{width:min(100%,1180px)!important;max-width:1180px!important;aspect-ratio:1180/120!important} .ad-slot.ad-native-970x120{width:min(100%,970px)!important;max-width:970px!important;aspect-ratio:970/120!important} .ad-slot.ad-native-768x120{width:min(100%,768px)!important;max-width:768px!important;aspect-ratio:768/120!important} .ad-slot.ad-native-300x250{width:min(100%,300px)!important;max-width:300px!important;aspect-ratio:300/250!important} /* A fallback creative is centered at its own native width inside a larger requested placement. */ .ad-placement[data-ad-request-size]>.ad-slot{margin-left:auto!important;margin-right:auto!important} @media(max-width:760px){ .ad-placement{padding-inline:10px!important} .home-ad-stack-v416 .ad-placement{padding-inline:0!important} .ad-slot[data-ad-width][data-ad-height]{max-width:100%!important} } /* ===== v4.22.0 QUERY & SCALE II ===== */ .v422-scale-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.v422-scale-grid article{border:1px solid var(--ix-border);border-radius:14px;padding:16px;background:#fff}.v422-scale-grid article>span,.v422-scale-grid article>small{display:block}.v422-scale-grid article>strong{display:block;font-size:28px;margin:6px 0 12px}.v422-scale-grid .v418-progress{margin:8px 0}.v422-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.v422-two h3{margin:0 0 12px}.v422-keyset{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;padding:12px 14px;border:1px solid var(--ix-border);border-radius:12px;background:#faf7f9}.v422-keyset>span{font-size:12px;font-weight:700}.v422-keyset>div{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:820px){.v422-scale-grid,.v422-two{grid-template-columns:1fr}.v422-keyset{align-items:flex-start;flex-direction:column}} /* ===== v4.23.0 REAL BROWSER QA & ACCESSIBILITY II ===== */ .skip-link-v423{position:fixed;left:12px;top:12px;z-index:100000;transform:translateY(-160%);padding:10px 14px;border-radius:10px;background:#040A1D;color:#fff;text-decoration:none;font-weight:800} .skip-link-v423:focus{transform:none} .admin-avatar-mini-v483 img{width:100%;height:100%;object-fit:contain;border-radius:inherit} .admin-merchant-logo-preview-v423{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid var(--ix-border);border-radius:12px;background:#faf7f9}.admin-merchant-logo-preview-v423 img{width:86px;height:86px;object-fit:contain;background:#fff;border:1px solid var(--ix-border);border-radius:12px;padding:6px;box-sizing:border-box}.admin-merchant-logo-preview-v423 label{display:flex;gap:8px;align-items:center} @media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}} @media (forced-colors:active){:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid CanvasText!important}.btn,.admin-card,.v418-card,.store-card{border:1px solid CanvasText!important}} /* v5.0.0 LTS Production Center */ .lts-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lts-check{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--admin-border,#e9e8ee);border-radius:14px;background:var(--admin-card,#fff)}.lts-check>div{min-width:0;display:grid;gap:3px}.lts-check small{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.62}.lts-check strong{font-size:14px}.lts-check span:not(.status-badge){font-size:12px;opacity:.7;overflow-wrap:anywhere}.lts-metric-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lts-metric-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:12px;background:rgba(4,10,29,.035);min-width:0}.lts-metric-list span{font-size:12px;overflow-wrap:anywhere}.wrap-cell{white-space:normal!important;overflow-wrap:anywhere;word-break:break-word;max-width:420px}@media(max-width:900px){.lts-check-grid,.lts-metric-list{grid-template-columns:1fr}}@media(max-width:640px){.lts-check{align-items:flex-start;flex-direction:column}.lts-check .status-badge{align-self:flex-start}} /* ===== v5.5.2 FRONTEND ADS FINAL CONTRACT ===== */ .global-ad-band{width:min(calc(100% - 32px),1180px)!important;max-width:1180px!important;margin:18px auto!important;padding:0!important;overflow:visible!important} .ad-zone{width:min(calc(100% - 32px),1180px)!important;max-width:1180px!important;margin:28px auto!important} .ad-inline{width:100%!important;max-width:100%!important;margin:28px auto!important;overflow:visible!important} .ad-placement.ad-placement-v552{display:flex!important;width:100%!important;max-width:100%!important;justify-content:center!important;align-items:center!important;min-width:0!important;overflow:visible!important;margin:0 auto!important;padding:0!important} .ad-placement-v552>.ad-slot{box-sizing:border-box!important;flex:0 1 auto!important;width:min(100%,var(--ad-native-width,768px))!important;max-width:var(--ad-native-width,768px)!important;height:auto!important;aspect-ratio:var(--ad-ratio,768/120)!important;margin:0 auto!important;overflow:hidden!important;background:#fff!important;border:1px solid #eadfe7!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(85,61,80,.045)!important} .ad-placement-v552>.ad-slot.ad-live>a,.ad-placement-v552>.ad-slot.ad-live>a>img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;visibility:visible!important;opacity:1!important} .ad-placement-v552>.ad-slot.ad-live>a>img{aspect-ratio:var(--ad-ratio,768/120)!important;object-fit:contain!important;background:#fff!important} .ad-placement-v552>.ad-slot .ad-label{top:6px!important;right:8px!important;font-size:8px!important;padding:3px 6px!important;background:rgba(255,255,255,.9)!important} .ad-placement-v552>.ad-slot.ad-demo-fallback{border-color:#e5d8e1!important} .blog-sidebar-ad .ad-placement-v552>.ad-slot{max-width:300px!important;width:min(100%,300px)!important} @media(max-width:760px){.global-ad-band,.ad-zone{width:calc(100% - 24px)!important;margin:16px auto!important}.ad-inline{margin:20px auto!important}.ad-placement-v552{padding:0!important}.ad-placement-v552>.ad-slot{border-radius:12px!important}} /* v5.5.3 sponsor surface - stable frontend namespace */ .ix-sponsor-global-v553,.ix-sponsor-zone-v553,.ix-sponsor-inline-v553,.ix-sponsor-side-v553,.ix-sponsor-placement-v553,.ix-sponsor-frame-v553{box-sizing:border-box!important} .ix-sponsor-global-v553{display:block!important;visibility:visible!important;opacity:1!important;width:min(calc(100% - 32px),1180px)!important;max-width:1180px!important;margin:24px auto!important;padding:0!important;min-height:1px!important;overflow:visible!important} .ix-sponsor-zone-v553{display:block!important;visibility:visible!important;opacity:1!important;width:min(calc(100% - 32px),1180px)!important;max-width:1180px!important;margin:28px auto!important;min-height:1px!important;overflow:visible!important} .ix-sponsor-inline-v553{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;margin:28px auto!important;min-height:1px!important;overflow:visible!important} .ix-sponsor-side-v553{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;margin:20px auto!important;min-height:1px!important;overflow:visible!important} .ix-sponsor-placement-v553{display:flex!important;visibility:visible!important;opacity:1!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:1px!important;justify-content:center!important;align-items:center!important;margin:0 auto!important;padding:0!important;overflow:visible!important} .ix-sponsor-frame-v553{position:relative!important;display:block!important;visibility:visible!important;opacity:1!important;flex:0 1 auto!important;width:min(100%,var(--ix-sp-w,768px))!important;max-width:var(--ix-sp-w,768px)!important;height:auto!important;aspect-ratio:var(--ix-sp-ratio,768/120)!important;margin:0 auto!important;overflow:hidden!important;border:1px solid #eadfe7!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 24px rgba(85,61,80,.045)!important} .ix-sponsor-live-v553>a{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important} .ix-sponsor-live-v553 img{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;background:#fff!important;margin:0!important;padding:0!important} .ix-sponsor-placeholder-v553{display:grid!important;place-items:center!important;min-height:64px!important;text-align:center!important;background:#fbf8fa!important;border-style:dashed!important;color:#806977!important} .ix-sponsor-placeholder-v553>div{display:grid!important;place-items:center!important;gap:3px!important} .ix-sponsor-label-v553{position:absolute!important;z-index:2!important;top:6px!important;right:8px!important;padding:3px 6px!important;border-radius:999px!important;background:rgba(255,255,255,.92)!important;color:#6f5c68!important;font-size:8px!important;font-weight:800!important;line-height:1!important;letter-spacing:.05em!important;pointer-events:none!important} .ix-sponsor-side-v553 .ix-sponsor-frame-v553{width:min(100%,300px)!important;max-width:300px!important} @media(max-width:760px){.ix-sponsor-global-v553,.ix-sponsor-zone-v553{width:calc(100% - 24px)!important;margin:16px auto!important}.ix-sponsor-inline-v553{margin:20px auto!important}.ix-sponsor-frame-v553{max-width:100%!important;border-radius:12px!important}}