:root {
  --bg: #f4f7fb;
  --surface: #ffffff;
  --surface-soft: #f8fafc;
  --text: #172033;
  --muted: #687386;
  --line: #e4e9f1;
  --nav: #111827;
  --primary: #2563eb;
  --primary-dark: #1d4ed8;
  --green: #0f9f6e;
  --orange: #ea7b16;
  --violet: #7c3aed;
  --danger: #dc3545;
  --radius: 14px;
  --shadow: 0 8px 28px rgba(24, 39, 75, .08);
}

* { box-sizing: border-box; }
html { min-height: 100%; }
body { margin: 0; background: var(--bg); color: var(--text); font: 13px/1.55 Arial, Helvetica, sans-serif; }
a { color: var(--primary); text-decoration: none; }
a:hover { color: var(--primary-dark); }
h1, h2, h3, h4 { margin-top: 0; color: var(--text); }
h2 { border: 0; font-size: 26px; letter-spacing: -.03em; }
h3 { width: auto; padding: 0; border: 0; background: transparent; font-size: 17px; }
h4 { color: var(--text); }
.clear { clear: both; }

.app-header { height: 72px; display: flex; align-items: center; justify-content: space-between; padding: 0 28px; color: #fff; background: var(--nav); }
.brand-block, .login-brand { display: flex; align-items: center; gap: 12px; }
.brand-mark { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 12px; color: #fff; background: linear-gradient(135deg, #2f7df4, #7c3aed); font-size: 14px; font-weight: 800; letter-spacing: .04em; box-shadow: 0 6px 16px rgba(37,99,235,.32); }
.brand-copy { display: flex; flex-direction: column; }
.brand-copy strong, .login-brand strong { font-size: 17px; letter-spacing: .01em; }
.brand-copy small, .login-brand small { display: block; color: #9ca8ba; font-size: 11px; }
.header-meta { display: flex; align-items: center; gap: 10px; color: #d7deea; }
.online-dot { width: 8px; height: 8px; border-radius: 50%; background: #34d399; box-shadow: 0 0 0 4px rgba(52,211,153,.12); }
.logout-button { margin-left: 10px; padding: 8px 12px; border: 1px solid rgba(255,255,255,.16); border-radius: 9px; color: #fff; }
.logout-button:hover { color: #fff; background: rgba(255,255,255,.08); }

#navcontainer { background: #fff; border-bottom: 1px solid var(--line); box-shadow: 0 2px 8px rgba(24,39,75,.03); overflow-x: auto; }
ul#navlist { display: flex; gap: 4px; min-width: max-content; margin: 0; padding: 0 24px; border: 0; list-style: none; }
ul#navlist li { float: none; height: auto; margin: 0; border: 0; background: transparent; }
#navlist a { float: none; display: block; padding: 15px 13px 13px; border-bottom: 3px solid transparent; color: #536074; font-size: 12px; font-weight: 700; }
#navlist a:hover { color: var(--primary); background: #f8fafc; }
li#active a, li#active a#current { color: var(--primary); border-bottom-color: var(--primary); background: #f7faff; }
#undernav { display: flex; justify-content: space-between; padding: 8px 28px; border: 0; border-bottom: 1px solid var(--line); background: #fff; color: var(--muted); font-size: 11px; }
#subundernav { padding: 12px 28px; border: 0; background: transparent; color: var(--muted); }

ul#leftbar { float: left; width: 200px; margin: 16px 0 30px 24px; padding: 8px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow); }
#leftbar li { margin: 0; padding: 0; border: 0; background: transparent; color: var(--muted); }
#leftbar li.sidebar-title, #leftbar li[style] { padding: 10px 11px 7px !important; background: transparent !important; color: #8a95a6 !important; font-size: 10px; letter-spacing: .11em; }
#leftbar li a, #leftbar .gen { display: block; padding: 9px 11px; border-radius: 8px; color: #4c596e; font-weight: 600; }
#leftbar li a:hover { color: var(--primary); background: #eff5ff; }

#rightcontent { float: none; width: auto; min-height: 520px; margin: 16px 28px 48px 248px; padding: 22px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow); }
.dashboard-content { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
.page-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.page-heading h2 { margin: 3px 0 3px; }
.page-heading p, .panel-head p { margin: 0; color: var(--muted); }
.page-heading-actions { display: flex; align-items: center; justify-content: flex-end; gap: 9px; flex-wrap: wrap; }
.page-heading-actions form { margin: 0; }
.back-action { display: inline-flex; min-height: 38px; box-sizing: border-box; align-items: center; justify-content: center; padding: 9px 13px; border: 1px solid #cbd5e1; border-radius: 10px; background: #fff; color: #334155; font-weight: 800; text-decoration: none; transition: border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease; }
.back-action:hover,.back-action:focus-visible { border-color: #83b8a4; background: #edf8f3; color: #105c43; transform: translateY(-1px); }
.eyebrow { color: var(--primary); font-size: 10px; font-weight: 800; letter-spacing: .14em; }
.primary-action { display: inline-block; padding: 10px 16px; border-radius: 10px; color: #fff; background: var(--primary); font-weight: 700; box-shadow: 0 7px 16px rgba(37,99,235,.2); }
.primary-action:hover { color: #fff; background: var(--primary-dark); }

.kpi-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 16px; }
.kpi-card { position: relative; overflow: hidden; padding: 18px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow); }
.kpi-card:before { content: ""; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: var(--primary); }
.kpi-card strong { display: block; margin: 6px 0 2px; font-size: 22px; letter-spacing: -.03em; }
.kpi-card small { color: var(--muted); }
.kpi-label { color: #788397; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.accent-violet:before { background: var(--violet); }
.accent-orange:before { background: var(--orange); }
.accent-green:before { background: var(--green); }

.dashboard-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 16px; margin-bottom: 16px; }
.dashboard-grid-wide { grid-template-columns: minmax(0, 1.25fr) minmax(420px, .75fr); }
.panel { min-width: 0; padding: 18px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow); }
.panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.panel-head h3 { margin: 0 0 2px; }
.panel-head p { font-size: 11px; }
.panel-badge { padding: 5px 9px; border-radius: 99px; color: var(--primary); background: #eef4ff; font-size: 10px; font-weight: 800; }

.bar-chart { display: flex; align-items: flex-end; gap: 7px; height: 220px; padding: 18px 4px 0; border-bottom: 1px solid var(--line); }
.bar-column { display: flex; flex: 1; flex-direction: column; align-items: center; min-width: 22px; height: 100%; }
.bar-value { height: 18px; color: var(--muted); font-size: 9px; }
.bar-track { position: relative; flex: 1; width: min(26px, 70%); border-radius: 7px 7px 0 0; background: #f0f3f8; overflow: hidden; }
.bar-track span { position: absolute; right: 0; bottom: 0; left: 0; min-height: 4px; border-radius: 7px 7px 0 0; background: linear-gradient(180deg, #6ea1f7, #2563eb); }
.bar-label { padding-top: 8px; color: var(--muted); font-size: 8px; transform: rotate(-32deg); white-space: nowrap; }

.daily-list { display: grid; gap: 8px; }
.daily-row { display: grid; grid-template-columns: 40px minmax(70px,1fr) 55px 92px; align-items: center; gap: 9px; font-size: 11px; }
.daily-date, .daily-orders { color: var(--muted); }
.daily-meter { display: block; height: 7px; border-radius: 99px; background: #edf1f7; overflow: hidden; }
.daily-meter i { display: block; min-width: 3px; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #60a5fa, #2563eb); }
.daily-row strong { text-align: right; font-size: 11px; }

.table-scroll { width: 100%; overflow-x: auto; }
.modern-table, #rightcontent table { width: 100%; border-collapse: collapse; font-size: 11px; }
.modern-table th, #rightcontent table th { padding: 10px 9px; border-bottom: 1px solid var(--line); color: #7c8798; background: #f8fafc; text-align: left; font-size: 9px; text-transform: uppercase; letter-spacing: .06em; }
.modern-table td, #rightcontent table td { padding: 10px 9px; border-bottom: 1px solid #edf0f5; vertical-align: middle; }
.modern-table tr:last-child td { border-bottom: 0; }
.modern-table tbody tr:hover, #rightcontent table tbody tr:hover { background: #fbfcff; }
.compact-table td { padding: 9px 7px; }
.rank-badge { display: inline-flex; align-items: center; justify-content: center; width: 23px; height: 23px; border-radius: 7px; color: var(--primary); background: #edf4ff; font-weight: 800; }
.status-pill { display: inline-block; padding: 4px 7px; border-radius: 99px; color: #5b6576; background: #eef1f5; font-size: 9px; font-weight: 800; text-transform: uppercase; white-space: nowrap; }
.status-new { color: #9a5800; background: #fff0d7; }
.status-valid { color: #125dc0; background: #e8f1ff; }
.status-shipped { color: #6740b8; background: #f0eaff; }
.status-done { color: #06734d; background: #dbf8eb; }
.status-alert { color: #b12735; background: #ffe5e8; }
.empty-state { padding: 24px !important; color: var(--muted); text-align: center; }

input, textarea, select { max-width: 100%; border: 1px solid #cfd7e4; border-radius: 7px; color: var(--text); background: #fff; font: 12px Arial, sans-serif; }
input.text, input.text2, input.text3, input.text4, input.texts { height: 34px; padding: 7px 9px; border: 1px solid #cfd7e4; color: var(--text); background: #fff; }
textarea.text, textarea.text1, textarea.text2, textarea.text3, textarea.text4, textarea.text5, textarea.text6 { padding: 8px; border: 1px solid #cfd7e4; color: var(--text); background: #fff; }
input:focus, textarea:focus, select:focus { border-color: #76a7f7; outline: 3px solid rgba(37,99,235,.1); }
input.button, input[type="submit"], button { padding: 8px 13px; border: 0; border-radius: 8px; color: #fff; background: var(--primary); cursor: pointer; font-weight: 700; }
select { min-height: 32px; padding: 5px 7px; }
#important { width: auto; margin: 12px 0; padding: 12px; border: 1px solid #f6d68b; border-radius: 9px; background: #fff8df; text-align: left; }
.red { color: var(--danger); }

#footer { clear: both; position: static; width: auto; margin: 0; padding: 14px 28px; border: 0; border-top: 1px solid var(--line); color: var(--muted); background: #fff; }

.login-page { display: flex; min-height: 100vh; align-items: center; justify-content: center; padding: 24px; background: radial-gradient(circle at 10% 10%, #e8f0ff, transparent 35%), radial-gradient(circle at 90% 90%, #eee8ff, transparent 35%), #f4f7fb; }
.login-shell { width: min(420px, 100%); }
.login-brand { justify-content: center; margin-bottom: 18px; }
.login-brand div { color: var(--text); }
.login-card { padding: 30px; border: 1px solid rgba(220,226,236,.9); border-radius: 20px; background: rgba(255,255,255,.96); box-shadow: 0 20px 55px rgba(24,39,75,.13); }
.login-card h1 { margin: 6px 0 4px; font-size: 28px; letter-spacing: -.04em; }
.login-card > p { margin: 0 0 20px; color: var(--muted); }
.login-card label { display: block; margin: 12px 0 5px; color: #465267; font-size: 11px; font-weight: 800; }
.login-card input.text { width: 100%; height: 42px; }
.login-submit { width: 100%; margin-top: 18px; height: 43px; }
.login-error { margin: 12px 0; padding: 10px 12px; border-radius: 9px; color: #a92532; background: #ffe7ea; }
.login-foot { display: block; margin-top: 16px; color: #8792a3; text-align: center; }

.kpi-delta { display: inline-flex; width: fit-content; margin-top: 9px; padding: 4px 7px; border-radius: 999px; font-size: 10px; font-style: normal; font-weight: 800; }
.delta-up { color: #087758; background: #dcf8ee; }
.delta-down { color: #b4232e; background: #ffe7ea; }
.dashboard-tools { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; padding: 13px 15px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.dashboard-tools > div { flex: 1; }
.dashboard-tools strong, .dashboard-tools span { display: block; }
.dashboard-tools span { color: var(--muted); font-size: 11px; }
.secondary-action { display: inline-flex; padding: 8px 12px; border: 1px solid #cad4e4; border-radius: 8px; color: #334155; background: #fff; text-decoration: none; font-weight: 700; }
.secondary-action:hover { border-color: var(--primary); color: var(--primary); }
.stock-alert-panel { margin-top: 18px; }

.settings-page { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
.settings-page .page-heading { margin-bottom: 16px; padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow); }
.settings-section { margin-bottom: 16px; padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow); }
.settings-section__head { display: flex; gap: 13px; align-items: flex-start; margin-bottom: 18px; }
.settings-section__head h2 { margin: 0 0 3px; font-size: 18px; }
.settings-section__head p { margin: 0; color: var(--muted); }
.settings-icon { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 10px; color: #fff; background: var(--nav); font-size: 11px; font-weight: 800; }
.settings-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
.settings-grid--3 { grid-template-columns: repeat(3,minmax(0,1fr)); }
.field-card { display: block; padding: 13px; border: 1px solid #e1e7f0; border-radius: 10px; background: var(--surface-soft); }
.field-card--wide { grid-column: span 2; }
.field-card > span { display: block; margin-bottom: 6px; color: #3a465a; font-size: 11px; font-weight: 800; }
.field-card input { width: 100%; min-height: 38px; padding: 8px 10px; }
.field-card small { display: block; margin-top: 6px; color: var(--muted); }
.courier-settings-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
.courier-setting { position: relative; padding: 16px; border: 1px solid #e1e7f0; border-radius: 12px; background: #fbfcff; }
.courier-setting:before { content: ''; position: absolute; inset: 0 auto 0 0; width: 4px; border-radius: 12px 0 0 12px; background: #64748b; }
.courier-sameday:before { background: #e53935; }.courier-fan:before { background: #d61f26; }.courier-cargus:before { background: #0069b4; }.courier-gls:before { background: #ffcf00; }
.courier-setting h3 { margin: 0 0 10px; }
.courier-setting input { width: 100%; min-height: 36px; margin-top: 8px; padding: 8px 10px; }
.config-state { display: inline-flex; padding: 4px 7px; border-radius: 999px; color: #526073; background: #edf1f6; font-size: 10px; font-weight: 800; }
.settings-note, .settings-message { margin-top: 14px; padding: 12px 14px; border-radius: 10px; background: #eef5ff; color: #31558a; }
.settings-message--success { background: #e5f8f1; color: #09694f; }.settings-message--error { background: #ffe8eb; color: #9f2630; }
.settings-savebar { position: sticky; bottom: 12px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 13px 16px; border: 1px solid #cad4e4; border-radius: 12px; background: rgba(255,255,255,.96); box-shadow: 0 10px 30px rgba(24,39,75,.15); }
.settings-savebar span { color: var(--muted); }

.order-action-hub { margin: 0 0 18px; padding: 16px; border: 1px solid #dfe5ee; border-radius: 14px; background: #f8fafc; }
.order-action-hub h2 { margin: 0 0 4px; font-size: 17px; }
.order-action-hub p { margin: 0 0 13px; color: var(--muted); }
.order-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.order-action { display: inline-flex; align-items: center; min-height: 38px; padding: 8px 12px; border-radius: 8px; color: #fff; background: #334155; text-decoration: none; font-weight: 800; }
.order-action--invoice { background: #2563eb; }.order-action--whatsapp { background: #168a56; }.order-action--sameday { background: #d7332e; }.order-action--fan { background: #b91c1c; }.order-action--cargus { background: #075f9f; }.order-action--gls { color: #172033; background: #ffd32a; }
.order-readiness { margin-top: 12px; color: var(--muted); font-size: 11px; }

/* Catalog, ferestre de editare si detalii comanda */
.sidebar-primary { color: #fff !important; background: var(--primary) !important; }
.catalog-page { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
.catalog-page .page-heading, .catalog-page .filter-bar, .catalog-page > .table-scroll { padding: 18px 20px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow); }
.catalog-page .page-heading { margin-bottom: 14px; }
.catalog-page .filter-bar { margin-bottom: 14px; }
.catalog-page .filter-bar label { display: flex; align-items: center; gap: 12px; }
.catalog-page .filter-bar span { color: #465267; font-size: 11px; font-weight: 800; }
.catalog-table th:last-child, .catalog-table td:last-child { text-align: right; }
.position-badge, .code-badge { display: inline-flex; padding: 5px 8px; border-radius: 7px; color: #48566a; background: #eef2f7; font-size: 10px; font-weight: 800; }
.row-actions { display: flex; justify-content: flex-end; gap: 7px; }
.table-action { display: inline-flex; align-items: center; padding: 6px 9px; border: 1px solid #d5deeb; border-radius: 7px; color: #334155; background: #fff; font-size: 10px; font-weight: 800; }
.table-action:hover { border-color: var(--primary); color: var(--primary); }
.table-action--danger { border-color: #f4cbd0; color: #b4232e; background: #fff7f8; }
.pagination-bar { padding: 16px 0 0; color: var(--muted); text-align: center; }

.admin-popup { min-height: 100vh; padding: 24px; background: #eef3f9; }
.popup-shell { width: min(760px,100%); margin: 0 auto; }
.popup-shell--wide { width: min(1080px,100%); }
.popup-heading { margin-bottom: 16px; }
.popup-heading h1 { margin: 3px 0; font-size: 27px; letter-spacing: -.035em; text-transform: none; }
.popup-heading p { margin: 0; color: var(--muted); }
.form-card, .detail-card { margin-bottom: 14px; padding: 18px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow); }
.form-grid { display: grid; gap: 12px; }
.form-grid--split { grid-template-columns: 160px minmax(0,1fr); }
.modern-form .field-card { margin-bottom: 12px; }
.modern-form input.text, .modern-form input.text3, .modern-form select, .modern-form textarea { width: 100%; }
.modern-form textarea.text4 { min-height: 180px; }
.form-actions { position: sticky; bottom: 10px; display: flex; justify-content: flex-end; padding: 12px; border: 1px solid #d5deeb; border-radius: 12px; background: rgba(255,255,255,.96); box-shadow: 0 10px 28px rgba(24,39,75,.15); }
.form-actions input[type="submit"] { min-height: 40px; padding: 9px 17px; }
.form-message { margin-bottom: 14px; padding: 12px 14px; border-radius: 10px; }
.form-message--error { color: #9f2630; background: #ffe8eb; }

.admin-order-popup .order-action-hub { display: grid; gap: 13px; padding: 18px; background: #fff; box-shadow: var(--shadow); }
.admin-order-popup .order-readiness { display: flex; flex-wrap: wrap; gap: 7px; }
.admin-order-popup .order-readiness span { padding: 5px 8px; border-radius: 999px; background: #eef2f7; }
.order-detail-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 14px; }
.detail-card__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 15px; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.detail-card__head span { color: var(--primary); font-size: 10px; font-weight: 800; letter-spacing: .09em; }
.detail-card__head strong { text-align: right; }
.detail-list { display: grid; grid-template-columns: 112px minmax(0,1fr); gap: 9px 14px; margin: 0; }
.detail-list dt { color: var(--muted); }
.detail-list dd { margin: 0; font-weight: 700; overflow-wrap: anywhere; }
.comment-box { margin-top: 15px; padding: 12px; border-radius: 10px; background: #f6f8fb; }
.comment-box span { color: var(--muted); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.comment-box p { margin: 5px 0 0; white-space: pre-wrap; }
.detail-card--full { margin-bottom: 14px; }
.admin-order-popup > h1, .admin-order-popup > h3, .admin-order-popup > form, .admin-order-popup > div:not(.popup-shell) { width: min(880px,100%); margin-left: auto; margin-right: auto; }
.admin-order-popup > form > div[style], .admin-order-popup > div[style] { margin-bottom: 12px; padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: #fff !important; box-shadow: var(--shadow); }
.admin-order-popup table { width: 100%; border-collapse: collapse; background: transparent !important; }
.admin-order-popup table td { padding: 9px; border-bottom: 1px solid var(--line); background: #fff !important; }
.popup-backbar { display: flex; margin: 0 0 14px; }
.popup-backbar a { display: inline-flex; align-items: center; min-height: 38px; padding: 8px 12px; border: 1px solid #d4ddea; border-radius: 9px; color: #344155; background: #fff; font-weight: 800; box-shadow: 0 5px 16px rgba(24,39,75,.06); }
.popup-backbar a:hover { border-color: var(--primary); color: var(--primary); }
.form-message--success { color: #09694f; background: #e5f8f1; }
.pages-popup .page-content-editor { min-height: 300px; }
.public-url-box { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 14px; border-radius: 10px; background: #eef5ff; }
.public-url-box span { color: #31558a; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.public-url-box a, .public-page-link { overflow-wrap: anywhere; font-weight: 700; }

/* Editor produs 2026 */
.product-editor-popup { min-width: 0; }
.popup-shell--product { width: min(1180px,100%); }
.product-editor-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 16px; }
.product-editor-heading h1 { margin: 3px 0; font-size: 28px; letter-spacing: -.035em; }
.product-editor-heading p { margin: 0; color: var(--muted); }
.product-editor-state { display: flex; align-items: center; gap: 8px; }
.save-state { display: inline-flex; padding: 5px 8px; border-radius: 999px; font-size: 10px; font-weight: 800; }
.save-state--clean { color: #06734d; background: #dbf8eb; }
.save-state--dirty { color: #9a5800; background: #fff0d7; }
.product-editor-layout { display: grid; grid-template-columns: minmax(0,1fr) 310px; align-items: start; gap: 16px; }
.product-editor-main, .product-editor-aside { display: grid; gap: 14px; }
.product-editor-aside { position: sticky; top: 14px; }
.editor-section { padding: 18px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow); }
.editor-section__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 16px; }
.editor-section__head > div { display: flex; align-items: center; gap: 10px; }
.editor-section__head h2 { margin: 0; font-size: 17px; letter-spacing: -.02em; }
.editor-section__head small { color: var(--muted); }
.editor-section__icon { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 34px; padding: 0 7px; border-radius: 9px; color: #fff; background: var(--nav); font-size: 10px; font-weight: 800; }
.form-grid--product-meta { grid-template-columns: repeat(2,minmax(0,1fr)); margin-bottom: 12px; }
.product-editor-form .field-card { margin-bottom: 12px; }
.product-editor-form .field-card input, .product-editor-form .field-card select, .product-editor-form .field-card textarea { width: 100%; }
.price-input-wrap { display: flex; align-items: center; gap: 8px; }
.price-input-wrap input { flex: 1; }
.price-input-wrap b { color: var(--muted); font-size: 10px; }
.product-description-editor { min-height: 270px; }
.product-video-field { min-height: 90px; padding: 10px; }
.video-preview-link { width: fit-content; margin-top: 9px; }
.additional-categories summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; cursor: pointer; list-style: none; }
.additional-categories summary::-webkit-details-marker { display: none; }
.additional-categories summary span { font-size: 16px; font-weight: 800; }
.additional-categories summary b { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin-right: 9px; border-radius: 9px; color: #fff; background: var(--nav); font-size: 10px; }
.additional-categories summary small { color: var(--muted); }
.additional-category-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 16px; }
.additional-category-card { padding: 12px; border: 1px solid #e2e8f0; border-radius: 10px; background: #f8fafc; line-height: 1.9; }
.additional-category-card > strong { display: block; margin-bottom: 5px; color: #334155; }
.additional-category-card label { margin-left: 6px; }
.product-image-preview { display: flex; align-items: center; justify-content: center; min-height: 220px; padding: 14px; border-radius: 12px; background: #f4f7fb; overflow: hidden; }
.product-image-preview img { display: block; max-width: 100%; max-height: 280px; object-fit: contain; }
.media-actions { display: grid; grid-template-columns: 1fr; gap: 8px; margin-top: 12px; }
.media-actions .secondary-action { justify-content: center; }
.product-summary-card h3 { margin: 6px 0 8px; font-size: 18px; }
.summary-price { display: block; margin-bottom: 15px; color: var(--primary); font-size: 23px; }
.product-meta-list { display: grid; grid-template-columns: 86px minmax(0,1fr); gap: 7px 9px; margin: 0; }
.product-meta-list dt { color: var(--muted); }
.product-meta-list dd { margin: 0; font-weight: 700; overflow-wrap: anywhere; }
.editor-checklist h3 { margin-bottom: 10px; }
.editor-checklist ul { margin: 0; padding: 0; list-style: none; }
.editor-checklist li { position: relative; padding: 5px 0 5px 22px; color: #526073; }
.editor-checklist li:before { content: '✓'; position: absolute; left: 0; color: var(--green); font-weight: 900; }
.product-savebar { position: sticky; bottom: 10px; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 16px; padding: 13px 15px; border: 1px solid #cad4e4; border-radius: 13px; background: rgba(255,255,255,.97); box-shadow: 0 12px 32px rgba(24,39,75,.18); }
.product-savebar span, .product-savebar small { display: block; }
.product-savebar span { font-weight: 800; }
.product-savebar small { color: var(--muted); }
.product-savebar input[type="submit"] { min-height: 42px; padding: 9px 20px; }

@media (max-width: 1100px) {
  .kpi-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .dashboard-grid, .dashboard-grid-wide { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .app-header { height: auto; min-height: 66px; padding: 12px 16px; }
  .header-meta > span:not(.online-dot) { display: none; }
  ul#navlist { padding: 0 10px; }
  #navlist a { padding: 13px 10px 11px; }
  #undernav, #subundernav { padding-left: 16px; padding-right: 16px; }
  ul#leftbar { float: none; width: auto; margin: 14px 16px; }
  #rightcontent { margin: 14px 16px 36px; padding: 16px; }
  .page-heading { align-items: flex-start; flex-direction: column; }
  .kpi-grid { grid-template-columns: 1fr; }
  .daily-row { grid-template-columns: 36px minmax(60px,1fr) 48px 82px; gap: 6px; }
  .bar-chart { overflow-x: auto; }
  .bar-column { min-width: 32px; }
  .dashboard-tools { align-items: stretch; flex-direction: column; }
  .settings-grid, .settings-grid--3, .courier-settings-grid { grid-template-columns: 1fr; }
  .field-card--wide { grid-column: span 1; }
  .settings-savebar { align-items: stretch; flex-direction: column; }
  .admin-popup { padding: 16px; }
  .form-grid--split, .order-detail-grid { grid-template-columns: 1fr; }
  .catalog-page .filter-bar label { align-items: stretch; flex-direction: column; }
  .row-actions { justify-content: flex-start; }
  .public-url-box { align-items: flex-start; flex-direction: column; }
  .product-editor-heading { flex-direction: column; }
  .product-editor-layout { grid-template-columns: 1fr; }
  .product-editor-aside { position: static; }
  .form-grid--product-meta, .additional-category-grid { grid-template-columns: 1fr; }
  .product-savebar { align-items: stretch; flex-direction: column; }
}


/* === PRODUCT MEDIA MANAGER 2026 / v8 === */
.admin-media-body { min-height: 100vh; margin: 0; background: #eef3f8; color: var(--ink); }
.admin-media-page { max-width: 1260px; margin: 0 auto; padding: 24px; }
.media-page-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.media-page-heading h1 { margin: 4px 0 5px; font-size: clamp(26px,3vw,38px); line-height: 1.05; }
.media-page-heading p { margin: 0; color: var(--muted); }
.media-page-heading .back-action { flex: 0 0 auto; }

.product-media-card--2026 .editor-section__head { align-items: center; }
.product-media-card--2026 .editor-section__head small { display: block; margin-top: 3px; color: var(--muted); }
.media-status-pill { display: inline-flex; align-items: center; min-height: 25px; padding: 4px 9px; border: 1px solid #bde7d0; border-radius: 999px; background: #ecfdf3; color: #087443; font-size: 10px; font-weight: 900; letter-spacing: .07em; }
.media-hero-preview { position: relative; min-height: 260px; background: linear-gradient(135deg,#f8fafc,#e8eef7); }
.media-hero-preview > span { position: absolute; left: 12px; bottom: 12px; padding: 5px 9px; border-radius: 999px; background: rgba(15,23,42,.82); color: #fff; font-size: 10px; font-weight: 800; }
.media-health-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; margin-top: 10px; }
.media-health-grid span { padding: 9px 6px; border: 1px solid #e2e8f0; border-radius: 9px; background: #f8fafc; color: var(--muted); text-align: center; font-size: 9px; line-height: 1.3; }
.media-health-grid b { display: block; color: var(--ink); font-size: 12px; }
.media-seo-preview { margin-top: 10px; padding: 11px; border: 1px solid #dce6f1; border-radius: 10px; background: #f8fbff; }
.media-seo-preview strong { font-size: 11px; }
.media-seo-preview p { display: -webkit-box; overflow: hidden; margin: 5px 0 0; color: var(--muted); font-size: 11px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.media-primary-action { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }

.admin-notice { margin-bottom: 17px; padding: 13px 15px; border: 1px solid #bfdbfe; border-radius: 11px; background: #eff6ff; color: #1e40af; font-weight: 700; }
.media-manager-grid { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(360px,.95fr); gap: 18px; }
.media-panel, .media-seo-card { border: 1px solid #d9e2ec; border-radius: 16px; background: #fff; box-shadow: 0 10px 30px rgba(15,23,42,.07); }
.media-panel { padding: 18px; }
.media-panel__head { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 14px; }
.media-panel__head > div { display: flex; align-items: center; gap: 10px; }
.media-panel__head h2 { margin: 0; font-size: 17px; }
.media-panel__head p { margin: 3px 0 0; color: var(--muted); font-size: 12px; }
.media-large-preview { display: flex; align-items: center; justify-content: center; min-height: 420px; padding: 18px; border: 1px solid #e2e8f0; border-radius: 13px; background: linear-gradient(135deg,#f8fafc,#edf2f7); overflow: hidden; }
.media-large-preview img { display: block; max-width: 100%; max-height: 500px; object-fit: contain; user-select: none; -webkit-user-drag: none; }

.media-upload-form { display: grid; gap: 14px; }
.media-dropzone { position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; min-height: 190px; padding: 22px; border: 2px dashed #9fb3c8; border-radius: 14px; background: #f8fbff; color: var(--ink); text-align: center; cursor: pointer; transition: border-color .2s,background .2s,transform .2s; }
.media-dropzone:hover { border-color: var(--primary); background: #f1f7ff; transform: translateY(-1px); }
.media-dropzone input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.media-dropzone strong, .media-dropzone small { display: block; }
.media-dropzone strong { margin: 8px 0 4px; font-size: 16px; }
.media-dropzone small { color: var(--muted); }
.media-dropzone--wide { min-height: 150px; }
.media-upload-icon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 13px; background: var(--primary); color: #fff; font-size: 28px; font-weight: 300; box-shadow: 0 8px 18px rgba(27,88,196,.22); }
.media-automation-list { display: grid; grid-template-columns: 1fr; gap: 7px; padding: 12px; border-radius: 12px; background: #f8fafc; }
.media-automation-list span { color: #536273; font-size: 12px; }
.media-automation-list b { margin-right: 6px; color: #059669; }
.media-submit { width: 100%; min-height: 46px; }
.media-selection-summary { padding: 10px 12px; border-radius: 9px; background: #eef4fb; color: #526073; font-size: 12px; text-align: center; }

.media-seo-card { display: grid; grid-template-columns: minmax(240px,.7fr) minmax(0,1.3fr); gap: 18px; margin-top: 18px; padding: 17px 18px; border-color: #cfe0ff; background: linear-gradient(135deg,#fff,#f5f9ff); }
.media-seo-card > div { display: flex; align-items: flex-start; gap: 10px; }
.media-seo-card h2 { margin: 0 0 4px; font-size: 16px; }
.media-seo-card p { margin: 0; color: var(--muted); font-size: 12px; }
.media-seo-card blockquote { margin: 0; padding: 11px 13px; border-left: 3px solid var(--primary); border-radius: 0 9px 9px 0; background: #fff; color: #42526a; font-size: 12px; line-height: 1.55; }

.media-gallery-upload { margin-bottom: 18px; }
.gallery-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 15px; margin: 24px 0 12px; }
.gallery-section-heading h2 { margin: 3px 0 0; font-size: 22px; }
.gallery-section-heading > span { color: var(--muted); font-weight: 700; }
.media-gallery-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; }
.media-gallery-card { overflow: hidden; border: 1px solid #dce5ee; border-radius: 14px; background: #fff; box-shadow: 0 8px 22px rgba(15,23,42,.06); }
.media-gallery-image { position: relative; display: flex; align-items: center; justify-content: center; height: 260px; padding: 12px; background: linear-gradient(135deg,#f8fafc,#edf2f7); overflow: hidden; }
.media-gallery-image img { display: block; max-width: 100%; max-height: 100%; object-fit: contain; user-select: none; -webkit-user-drag: none; transition: transform .25s; }
.media-gallery-image:hover img { transform: scale(1.025); }
.media-gallery-image span { position: absolute; right: 10px; bottom: 10px; padding: 5px 8px; border-radius: 999px; background: rgba(15,23,42,.82); color: #fff; font-size: 10px; font-weight: 800; }
.media-gallery-card__footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px; }
.media-gallery-card__footer strong, .media-gallery-card__footer small { display: block; }
.media-gallery-card__footer small { max-width: 180px; margin-top: 3px; overflow: hidden; color: var(--muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.media-delete-action { min-height: 32px; padding: 5px 10px; border: 1px solid #fecaca; border-radius: 8px; background: #fff5f5; color: #b42318; font-weight: 800; cursor: pointer; }
.media-delete-action:hover { background: #fee2e2; }
.media-empty-state { padding: 56px 22px; border: 2px dashed #cbd5e1; border-radius: 15px; background: #f8fafc; text-align: center; }
.media-empty-state > span { display: inline-flex; align-items: center; justify-content: center; width: 58px; height: 58px; border-radius: 15px; background: #e5edf6; color: #64748b; font-weight: 900; }
.media-empty-state h2 { margin: 12px 0 5px; }
.media-empty-state p { margin: 0; color: var(--muted); }
.media-benefits { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; margin-top: 18px; }
.media-benefits span { padding: 11px; border: 1px solid #dce5ee; border-radius: 10px; background: #fff; color: var(--muted); font-size: 11px; }
.media-benefits b { display: block; margin-bottom: 3px; color: var(--ink); font-size: 12px; }
.table-action { display: inline-flex; align-items: center; justify-content: center; min-height: 29px; padding: 4px 8px; border: 1px solid #d5dfeb; border-radius: 7px; background: #fff; color: var(--primary); font-size: 11px; font-weight: 800; text-decoration: none; white-space: nowrap; }
.table-action:hover { border-color: #a8c4f0; background: #f3f7ff; }

@media (max-width: 980px) {
  .media-manager-grid { grid-template-columns: 1fr; }
  .media-gallery-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .media-seo-card { grid-template-columns: 1fr; }
  .media-benefits { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 620px) {
  .admin-media-page { padding: 14px; }
  .media-page-heading { flex-direction: column; }
  .media-health-grid, .media-gallery-grid, .media-benefits { grid-template-columns: 1fr; }
  .media-large-preview { min-height: 280px; }
  .media-gallery-image { height: 230px; }
}


/* === PRODUCT MEDIA ADVANCED CONTROLS 2026 / v9 === */
.media-overview-grid { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(320px,.85fr); gap: 18px; margin-bottom: 18px; }
.media-current-main__preview { display: flex; align-items: center; justify-content: center; min-height: 220px; padding: 14px; border: 1px solid #e2e8f0; border-radius: 12px; background: linear-gradient(135deg,#f8fafc,#edf2f7); }
.media-current-main__preview img { display: block; max-width: 100%; max-height: 280px; object-fit: contain; user-select: none; -webkit-user-drag: none; }
.media-bulk-panel { display: flex; flex-direction: column; }
.media-bulk-panel form { margin-top: auto; padding-top: 14px; }
.media-bulk-button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 42px; cursor: pointer; }

.media-control-bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 12px; padding: 13px 15px; border: 1px solid #cad9ed; border-radius: 12px; background: #f7faff; }
.media-control-bar strong, .media-control-bar small { display: block; }
.media-control-bar small { margin-top: 3px; color: var(--muted); font-size: 11px; }
.media-control-bar form { flex: 0 0 auto; }
.media-gallery-grid--sortable .media-gallery-card { position: relative; transition: opacity .16s,transform .16s,box-shadow .16s; }
.media-gallery-grid--sortable .media-gallery-card.is-dragging { opacity: .48; transform: scale(.98); box-shadow: 0 18px 38px rgba(15,23,42,.18); }
.media-card-order { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 10px; border-bottom: 1px solid #e7edf4; background: #f8fafc; color: #64748b; font-size: 10px; }
.media-card-order > div { display: flex; gap: 4px; }
.media-drag-handle, .media-order-button { display: inline-flex; align-items: center; justify-content: center; border: 1px solid #d5dfeb; border-radius: 7px; background: #fff; color: #475569; cursor: pointer; }
.media-drag-handle { width: 31px; height: 27px; font-weight: 900; letter-spacing: -1px; cursor: grab; }
.media-drag-handle:active { cursor: grabbing; }
.media-order-button { width: 27px; height: 27px; font-size: 14px; }
.media-order-button:hover, .media-drag-handle:hover { border-color: #9ebbe7; background: #eef5ff; color: var(--primary); }
.media-gallery-card__footer--stack { display: block; }
.media-file-name { min-width: 0; margin-bottom: 10px; }
.media-file-name small { max-width: 100%; }
.media-card-actions { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 7px; }
.media-card-actions form { margin: 0; }
.media-set-primary { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 33px; padding: 5px 9px; cursor: pointer; }
.media-card-actions .media-delete-action { min-height: 33px; }
.media-gallery-grid--sortable .media-gallery-image { height: 235px; }

@media (max-width: 980px) {
  .media-overview-grid { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .media-control-bar { align-items: stretch; flex-direction: column; }
  .media-control-bar form, .media-control-bar button { width: 100%; }
}


/* === PRODUCT CONTENT AND VIDEO STUDIO 2026 / v10 === */
.content-studio .editor-section__head > div, .video-studio .editor-section__head > div { align-items: flex-start; }
.content-studio .editor-section__head h2, .video-studio .editor-section__head h2 { margin: 0; }
.content-studio .editor-section__head p, .video-studio .editor-section__head p { margin: 3px 0 0; color: var(--muted); font-size: 12px; }
.content-quality-badge, .video-status { display: inline-flex; align-items: center; min-height: 26px; padding: 4px 9px; border: 1px solid #cbd5e1; border-radius: 999px; background: #f8fafc; color: #64748b; font-size: 9px; font-weight: 900; letter-spacing: .07em; white-space: nowrap; }
.content-quality-badge.is-good, .video-status--valid { border-color: #a7e1c2; background: #ecfdf3; color: #087443; }
.content-quality-badge.is-medium { border-color: #fed7aa; background: #fff7ed; color: #b45309; }
.content-quality-badge.is-low, .video-status--error { border-color: #fecaca; background: #fff1f2; color: #b42318; }

.content-studio-layout { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(250px,.45fr); gap: 16px; align-items: start; }
.content-editor-column { min-width: 0; }
.content-template-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; padding: 10px; border: 1px solid #dce5ef; border-radius: 11px; background: #f8fafc; }
.content-template-toolbar > span { margin-right: 3px; color: #526073; font-size: 11px; font-weight: 800; }
.content-template-toolbar button { min-height: 29px; padding: 5px 8px; border: 1px solid #cfdae8; border-radius: 7px; background: #fff; color: #334155; font-size: 10px; font-weight: 800; cursor: pointer; }
.content-template-toolbar button:hover { border-color: #9dbbea; background: #eef5ff; color: var(--primary); }
.content-editor-field { margin: 0; }
.content-editor-field textarea { min-height: 360px; }
.content-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; margin-top: 9px; }
.content-metrics span { padding: 8px; border: 1px solid #e1e8f0; border-radius: 8px; background: #f8fafc; color: var(--muted); font-size: 9px; text-align: center; }
.content-metrics b { display: block; margin-bottom: 2px; color: var(--ink); font-size: 14px; }

.content-quality-panel { position: sticky; top: 14px; display: grid; gap: 12px; padding: 14px; border: 1px solid #d8e2ee; border-radius: 13px; background: linear-gradient(145deg,#fff,#f7faff); }
.content-score-head > div:first-child { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.content-score-head span { color: #526073; font-size: 11px; font-weight: 800; }
.content-score-head strong { color: var(--primary); font-size: 20px; }
.content-score-track { height: 7px; margin-top: 8px; border-radius: 999px; background: #e6edf5; overflow: hidden; }
.content-score-track i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#2563eb,#10b981); transition: width .3s; }
.content-quality-list { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.content-quality-list li { position: relative; padding-left: 21px; color: #64748b; font-size: 11px; }
.content-quality-list li:before { content: '○'; position: absolute; left: 0; color: #94a3b8; font-weight: 900; }
.content-quality-list li.is-complete { color: #087443; }
.content-quality-list li.is-complete:before { content: '✓'; color: #10b981; }
.search-snippet-preview { padding: 11px; border: 1px solid #e2e8f0; border-radius: 10px; background: #fff; overflow: hidden; }
.search-snippet-preview > span { display: block; margin-bottom: 7px; color: #64748b; font-size: 8px; font-weight: 900; letter-spacing: .08em; }
.search-snippet-preview strong, .search-snippet-preview small, .search-snippet-preview p { display: block; }
.search-snippet-preview strong { overflow: hidden; color: #1a0dab; font-size: 14px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.search-snippet-preview small { margin: 4px 0; color: #16803b; font-size: 9px; }
.search-snippet-preview p { display: -webkit-box; overflow: hidden; margin: 0; color: #4b5563; font-size: 10px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }

.video-studio-layout { display: grid; grid-template-columns: minmax(0,.85fr) minmax(360px,1.15fr); gap: 16px; }
.video-editor-column { min-width: 0; }
.product-video-field { min-height: 125px; width: 100%; padding: 12px; border: 1px solid #ccd7e4; border-radius: 10px; box-sizing: border-box; background: #fff; color: var(--ink); font: 13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace; resize: vertical; }
.video-format-examples { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; }
.video-format-examples span { padding: 5px 8px; border-radius: 999px; background: #eef4fb; color: #526073; font-size: 9px; font-weight: 800; }
.video-validation-message { margin-top: 9px; padding: 9px 10px; border-radius: 8px; background: #f8fafc; color: #64748b; font-size: 11px; }
.video-preview-panel { position: relative; display: flex; align-items: center; justify-content: center; min-height: 280px; border: 1px solid #d7e1ec; border-radius: 13px; background: #0f172a; overflow: hidden; }
.video-preview-panel iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.video-preview-empty { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 10px; padding: 24px; color: #cbd5e1; text-align: center; }
.video-preview-empty b { display: inline-flex; align-items: center; justify-content: center; width: 54px; height: 54px; border-radius: 50%; background: rgba(255,255,255,.12); color: #fff; font-size: 22px; }
.video-preview-empty--error { color: #fecaca; }

@media (max-width: 1050px) {
  .content-studio-layout, .video-studio-layout { grid-template-columns: 1fr; }
  .content-quality-panel { position: static; }
}
@media (max-width: 620px) {
  .content-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .content-template-toolbar { align-items: stretch; }
  .content-template-toolbar > span { width: 100%; }
  .content-template-toolbar button { flex: 1 1 44%; }
  .video-preview-panel { min-height: 220px; }
}


/* === NATIVE PRODUCT CONTENT EDITOR 2026 / v11 === */
.modern-rich-editor { overflow: hidden; border: 1px solid #cbd7e5; border-radius: 12px; background: #fff; box-shadow: inset 0 1px 0 rgba(255,255,255,.7); }
.modern-rich-editor:focus-within { border-color: #82aef0; box-shadow: 0 0 0 3px rgba(37,99,235,.1); }
.modern-rich-editor__toolbar { position: sticky; top: 0; z-index: 3; display: flex; align-items: center; flex-wrap: wrap; gap: 5px; padding: 8px; border-bottom: 1px solid #dbe4ee; background: linear-gradient(#fff,#f7f9fc); }
.modern-rich-editor__toolbar > span:not(.toolbar-spacer) { width: 1px; height: 24px; margin: 0 2px; background: #dbe4ee; }
.modern-rich-editor__toolbar .toolbar-spacer { flex: 1 1 auto; }
.modern-rich-editor__toolbar button { min-height: 30px; padding: 5px 8px; border: 1px solid transparent; border-radius: 7px; background: transparent; color: #344256; font-size: 10px; font-weight: 800; cursor: pointer; }
.modern-rich-editor__toolbar button:hover { border-color: #cad8e8; background: #fff; color: var(--primary); }
.modern-rich-editor__toolbar button.is-active { border-color: #9fbbeb; background: #eaf2ff; color: var(--primary); }
.modern-rich-editor__canvas, .modern-rich-editor__source { min-height: 390px; width: 100%; padding: 20px; border: 0; box-sizing: border-box; outline: 0; background: #fff; color: #243247; font-size: 14px; line-height: 1.72; }
.modern-rich-editor__canvas { overflow-y: auto; }
.modern-rich-editor__canvas[hidden], .modern-rich-editor__source[hidden] { display: none; }
.modern-rich-editor__source { display: block; resize: vertical; font: 12px/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; white-space: pre-wrap; }
.modern-rich-editor__canvas:empty:before { content: 'Scrie descrierea produsului sau foloseste blocurile rapide de mai sus...'; color: #94a3b8; pointer-events: none; }
.modern-rich-editor__canvas h2 { margin: 1.4em 0 .55em; color: #172033; font-size: 24px; line-height: 1.25; }
.modern-rich-editor__canvas h3 { margin: 1.2em 0 .45em; color: #253652; font-size: 18px; line-height: 1.3; }
.modern-rich-editor__canvas p { margin: 0 0 1em; }
.modern-rich-editor__canvas ul, .modern-rich-editor__canvas ol { margin: 0 0 1em; padding-left: 25px; }
.modern-rich-editor__canvas table { width: 100%; margin: 14px 0; border-collapse: collapse; }
.modern-rich-editor__canvas th, .modern-rich-editor__canvas td { padding: 9px 10px; border: 1px solid #dce4ed; text-align: left; }
.modern-rich-editor__canvas th { background: #f1f5f9; }
.modern-rich-editor__canvas a { color: var(--primary); text-decoration: underline; }

@media (max-width: 620px) {
  .modern-rich-editor__toolbar { position: static; }
  .modern-rich-editor__toolbar .toolbar-spacer { display: none; }
  .modern-rich-editor__toolbar button { flex: 1 1 auto; }
  .modern-rich-editor__canvas, .modern-rich-editor__source { min-height: 320px; padding: 14px; }
}


/* Google Ads control center + product promotion planner — 2026 */
.google-ads-section{position:relative;overflow:hidden;border-color:#c7d2fe;background:linear-gradient(145deg,#fff 0%,#f8faff 68%,#eef2ff 100%)}
.google-ads-section:after{content:"ADS";position:absolute;right:-18px;top:-30px;font-size:110px;font-weight:900;letter-spacing:-8px;color:rgba(79,70,229,.045);pointer-events:none}
.google-ads-status{display:flex;align-items:center;gap:12px;margin:0 0 20px;padding:14px 16px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}
.google-ads-status__dot{width:11px;height:11px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 5px rgba(148,163,184,.13)}
.google-ads-status strong{display:block;color:#0f172a}.google-ads-status p{margin:3px 0 0;color:#64748b}
.google-ads-status--ready{border-color:#fcd34d;background:#fffbeb}.google-ads-status--ready .google-ads-status__dot{background:#f59e0b;box-shadow:0 0 0 5px rgba(245,158,11,.15)}
.google-ads-status--connected{border-color:#86efac;background:#f0fdf4}.google-ads-status--connected .google-ads-status__dot{background:#16a34a;box-shadow:0 0 0 5px rgba(22,163,74,.14)}
.google-ads-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.google-ads-grid .field-card--wide{grid-column:1/-1}
.field-card--secret{border-color:#ddd6fe!important;background:#faf8ff!important}.secret-saved{float:right;padding:3px 7px;border-radius:999px;background:#dcfce7;color:#166534;font-size:10px;letter-spacing:.06em}
.google-ads-actions{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding:17px;border-radius:15px;background:#111827;color:#fff}
.google-ads-actions strong{display:block;font-size:14px}.google-ads-actions p{margin:4px 0 0;color:#cbd5e1;font-size:12px}.google-connect-button{white-space:nowrap}
.google-ads-actions .button2--danger{border-color:#fecaca;background:#fff;color:#b91c1c}.google-ads-note{margin-top:12px;color:#64748b;font-size:12px}

.promotion-planner{margin-top:18px;padding:16px;border:1px solid #c7d2fe;border-radius:17px;background:linear-gradient(150deg,#fff 0%,#f8faff 100%);box-shadow:0 12px 28px rgba(30,41,59,.06)}
.promotion-planner__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.promotion-planner__head h3{margin:3px 0 4px;color:#111827;font-size:17px}.promotion-planner__head p{margin:0;color:#64748b;font-size:12px;line-height:1.45}
.promotion-kicker{font-size:10px;font-weight:800;letter-spacing:.12em;color:#4f46e5}.promotion-connection{flex:0 0 auto;padding:6px 8px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:9px;font-weight:800;letter-spacing:.06em}.promotion-connection--ok{background:#dcfce7;color:#166534}
.promotion-master-toggle{display:flex;gap:10px;margin:15px 0;padding:13px;border:1px solid #e0e7ff;border-radius:13px;background:#fff;cursor:pointer}.promotion-master-toggle input{margin-top:3px}.promotion-master-toggle b,.promotion-master-toggle small{display:block}.promotion-master-toggle b{color:#1e293b}.promotion-master-toggle small{margin-top:3px;color:#64748b;font-size:11px}
.promotion-core-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.promotion-core-grid label>span{display:block;margin-bottom:5px;color:#475569;font-size:11px;font-weight:700}.promotion-core-grid select,.promotion-core-grid input{box-sizing:border-box;width:100%;padding:9px 10px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#0f172a}
.promotion-group{margin-top:15px}.promotion-group__title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#334155;font-size:12px;font-weight:800}.promotion-group__title small{font-weight:500;color:#94a3b8}.promotion-group__title button{padding:5px 9px;border:1px solid #c7d2fe;border-radius:8px;background:#eef2ff;color:#4338ca;font-size:10px;font-weight:800;cursor:pointer}
.promotion-chip-grid{display:flex;flex-wrap:wrap;gap:7px}.promotion-chip-grid label{position:relative;cursor:pointer}.promotion-chip-grid input{position:absolute;opacity:0;pointer-events:none}.promotion-chip-grid span{display:block;padding:7px 9px;border:1px solid #e2e8f0;border-radius:9px;background:#fff;color:#475569;font-size:11px;transition:.15s ease}.promotion-chip-grid input:checked+span{border-color:#6366f1;background:#eef2ff;color:#3730a3;box-shadow:inset 0 0 0 1px #6366f1}
.promotion-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px;padding-top:13px;border-top:1px solid #e2e8f0}.promotion-summary div{min-width:0}.promotion-summary span,.promotion-summary strong{display:block}.promotion-summary span{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.promotion-summary strong{overflow:hidden;margin-top:3px;color:#334155;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.promotion-settings-link{display:block;margin-top:12px;color:#4f46e5;font-size:11px;font-weight:700}
@media(max-width:900px){.google-ads-grid{grid-template-columns:1fr}.google-ads-grid .field-card--wide{grid-column:auto}.google-ads-actions{align-items:stretch;flex-direction:column}.promotion-core-grid{grid-template-columns:1fr}.promotion-summary{grid-template-columns:1fr}.promotion-planner__head{flex-direction:column}}

.ads-table-pill{display:inline-block;padding:5px 8px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:10px;font-weight:800;text-decoration:none}.ads-table-pill--active{background:#e0e7ff;color:#3730a3}


/* Promotion planner usability pass — v13 */
.promotion-assistant{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;margin:16px 0;padding:14px;border:1px solid #bfdbfe;border-radius:14px;background:linear-gradient(135deg,#eff6ff,#eef2ff)}
.promotion-assistant__icon{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#4338ca;color:#fff;font-size:11px;font-weight:900;box-shadow:0 7px 16px rgba(67,56,202,.22)}
.promotion-assistant__copy strong{display:block;color:#1e293b;font-size:13px}.promotion-assistant__copy p{margin:3px 0 5px;color:#64748b;font-size:11px;line-height:1.4}.promotion-assistant__copy small{display:block;color:#64748b;font-size:10px}.promotion-assistant__copy .promotion-suggestion-result--applied{color:#166534;font-weight:700}.promotion-assistant__copy .promotion-suggestion-result--manual{color:#92400e}
.promotion-assistant button{display:flex;align-items:center;gap:6px;padding:10px 12px;border:0;border-radius:10px;background:#4338ca;color:#fff;font-size:11px;font-weight:800;cursor:pointer;box-shadow:0 7px 16px rgba(67,56,202,.18)}.promotion-assistant button:hover{background:#3730a3}
.promotion-choice-section{margin-top:13px;padding:14px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}
.promotion-choice-section__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.promotion-choice-section__head>div{display:flex;align-items:center;gap:9px}.promotion-choice-section__head strong,.promotion-choice-section__head small{display:block}.promotion-choice-section__head strong{color:#1e293b;font-size:12px}.promotion-choice-section__head small{margin-top:2px;color:#94a3b8;font-size:10px}
.promotion-step{display:grid;width:25px;height:25px;place-items:center;border-radius:8px;background:#eef2ff;color:#4338ca;font-size:11px;font-weight:900}.promotion-selection-hint{padding:4px 7px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:9px;font-weight:700}
.promotion-season-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.promotion-season-grid label,.promotion-option-grid label{position:relative;cursor:pointer}.promotion-season-grid input,.promotion-option-grid input{position:absolute;opacity:0;pointer-events:none}
.promotion-season-grid label>span{display:flex;min-height:50px;flex-direction:column;justify-content:center;padding:8px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;text-align:center;transition:.15s ease}.promotion-season-grid b{color:#334155;font-size:11px}.promotion-season-grid small{margin-top:3px;color:#94a3b8;font-size:9px}.promotion-season-grid input:checked+span{border-color:#4f46e5;background:#eef2ff;box-shadow:inset 0 0 0 1px #4f46e5}.promotion-season-grid input:checked+span b{color:#3730a3}.promotion-season-grid input:checked+span:before{content:"✓";position:absolute;right:6px;top:5px;color:#4f46e5;font-size:10px;font-weight:900}
.promotion-pest-category{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;padding:10px 0;border-top:1px solid #f1f5f9}.promotion-pest-category:first-of-type{padding-top:0;border-top:0}.promotion-pest-category__label b,.promotion-pest-category__label span{display:block}.promotion-pest-category__label b{color:#475569;font-size:11px}.promotion-pest-category__label span{margin-top:3px;color:#94a3b8;font-size:9px}
.promotion-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.promotion-option-grid label>span{display:block;padding:8px 9px;border:1px solid #e2e8f0;border-radius:9px;background:#fff;color:#475569;font-size:10px;text-align:center;transition:.15s ease}.promotion-option-grid input:checked+span{border-color:#6366f1;background:#eef2ff;color:#3730a3;font-weight:800;box-shadow:inset 0 0 0 1px #6366f1}.promotion-option-grid input:checked+span:before{content:"✓ ";font-weight:900}
@media(max-width:980px){.promotion-assistant{grid-template-columns:auto 1fr}.promotion-assistant button{grid-column:1/-1;justify-content:center}.promotion-season-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.promotion-pest-category{grid-template-columns:1fr}.promotion-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* eMAG Marketplace integration — v14 */
.emag-icon,.emag-settings-icon{background:linear-gradient(135deg,#155eef,#7c3aed)!important;color:#fff!important}.emag-connection-pill{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:9px;font-weight:900;letter-spacing:.06em}.emag-connection-pill--ok{background:#dcfce7;color:#166534}
.emag-product-panel{border-color:#c7d2fe;background:linear-gradient(150deg,#fff 0%,#f8faff 100%)}.emag-product-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px}.emag-score-card{padding:15px;border:1px solid #e0e7ff;border-radius:15px;background:#fff;text-align:center}.emag-score-ring{display:grid;width:104px;height:104px;margin:0 auto 12px;padding:9px;place-items:center;border-radius:50%;background:conic-gradient(#4f46e5 calc(var(--emag-score)*1%),#e2e8f0 0)}.emag-score-ring:before{content:"";grid-area:1/1;width:86px;height:86px;border-radius:50%;background:#fff}.emag-score-ring span{z-index:1;grid-area:1/1}.emag-score-ring b{display:block;color:#111827;font-size:26px;line-height:1}.emag-score-ring small{color:#94a3b8;font-size:10px}.emag-score-card>strong{color:#1e293b;font-size:12px}.emag-score-card>p{min-height:44px;margin:6px 0 11px;color:#64748b;font-size:10px;line-height:1.45}.emag-score-legend{display:grid;gap:4px}.emag-score-legend span{padding:4px;border-radius:6px;background:#f8fafc;color:#64748b;font-size:8px}
.emag-product-controls{min-width:0}.emag-master-toggle,.emag-order-toggle{display:flex;gap:10px;padding:12px;border:1px solid #dbeafe;border-radius:12px;background:#eff6ff;cursor:pointer}.emag-master-toggle input,.emag-order-toggle input{margin-top:3px}.emag-master-toggle b,.emag-master-toggle small,.emag-order-toggle b,.emag-order-toggle small{display:block}.emag-master-toggle b,.emag-order-toggle b{color:#1e3a8a;font-size:12px}.emag-master-toggle small,.emag-order-toggle small{margin-top:2px;color:#64748b;font-size:10px}
.emag-fields-grid,.emag-offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:11px}.emag-fields-grid label>span,.emag-offer-control>label>span{display:block;margin-bottom:4px;color:#475569;font-size:10px;font-weight:800}.emag-fields-grid input,.emag-offer-control input{box-sizing:border-box;width:100%;padding:9px;border:1px solid #cbd5e1;border-radius:8px;background:#fff}.emag-offer-control{padding:11px;border:1px solid #e2e8f0;border-radius:11px;background:#fff}.emag-sync-toggle{display:flex!important;align-items:center;gap:6px;margin-bottom:9px}.emag-sync-toggle input{width:auto}.emag-sync-toggle span{margin:0!important;color:#3730a3!important}.emag-offer-control>small{display:block;margin-top:6px;color:#64748b;font-size:9px}
.emag-category-visibility{margin-top:11px;padding:11px 12px;border-left:4px solid #6366f1;border-radius:8px;background:#eef2ff}.emag-category-visibility span,.emag-category-visibility strong,.emag-category-visibility small{display:block}.emag-category-visibility span{color:#6366f1;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.emag-category-visibility strong{margin-top:3px;color:#1e293b;font-size:12px}.emag-category-visibility small{margin-top:2px;color:#64748b;font-size:9px}.emag-product-actions{display:flex;gap:8px;margin-top:12px}.emag-sync-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;color:#64748b;font-size:9px}.emag-sync-message{margin:8px 0 0;padding:8px;border-radius:7px;background:#f8fafc;color:#475569;font-size:10px}
.emag-table-state{display:block;min-width:72px;padding:5px 7px;border-radius:9px;background:#f1f5f9;color:#64748b;text-align:center;text-decoration:none}.emag-table-state b,.emag-table-state small{display:block}.emag-table-state b{font-size:10px}.emag-table-state small{overflow:hidden;max-width:105px;margin-top:2px;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.emag-table-state--active{background:#eef2ff;color:#3730a3}

.emag-settings-section{border-color:#c7d2fe;background:linear-gradient(150deg,#fff,#f8faff)}.emag-settings-status{display:flex;align-items:center;gap:11px;margin-bottom:16px;padding:12px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.emag-settings-status>span{width:10px;height:10px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 4px rgba(148,163,184,.15)}.emag-settings-status strong,.emag-settings-status p{display:block;margin:0}.emag-settings-status p{margin-top:3px;color:#64748b;font-size:11px}.emag-settings-status--ready{border-color:#fde68a;background:#fffbeb}.emag-settings-status--ready>span{background:#f59e0b}.emag-settings-status--connected{border-color:#86efac;background:#f0fdf4}.emag-settings-status--connected>span{background:#16a34a}.emag-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.emag-order-toggle{margin-top:14px}.emag-settings-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:14px;padding:14px;border-radius:13px;background:#111827;color:#fff}.emag-settings-actions strong,.emag-settings-actions p{display:block;margin:0}.emag-settings-actions p{margin-top:3px;color:#94a3b8;font-size:10px}.emag-settings-dashboard{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.emag-mini-panel{padding:13px;border:1px solid #e2e8f0;border-radius:13px;background:#fff}.emag-mini-panel__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.emag-mini-panel__head h3{margin:0;color:#1e293b;font-size:12px}.emag-mini-panel__head a,.emag-mini-panel__head span{color:#4f46e5;font-size:9px}.emag-mini-list{display:grid;gap:6px;margin-top:10px}.emag-mini-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:7px;border-radius:7px;background:#f8fafc;font-size:9px}.emag-mini-list b{color:#334155}.emag-mini-list small{color:#94a3b8}.emag-empty-state{margin:12px 0 0;color:#94a3b8;font-size:10px}.emag-safety-note{margin-top:11px;color:#64748b;font-size:10px}

.emag-orders-center{margin:0 0 22px;padding:18px;border:1px solid #c7d2fe;border-radius:17px;background:linear-gradient(150deg,#fff,#f8faff);box-shadow:0 12px 28px rgba(30,41,59,.06)}.emag-orders-center__head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.emag-orders-center__head h2{margin:3px 0;color:#111827}.emag-orders-center__head p{margin:0;color:#64748b}.emag-orders-toolbar{display:flex;align-items:center;gap:14px;margin-top:14px;padding:11px;border-radius:11px;background:#f1f5f9}.emag-orders-toolbar form{margin:0}.emag-orders-toolbar>div{display:flex;align-items:baseline;gap:5px;margin-left:auto}.emag-orders-toolbar>div b{color:#1e293b;font-size:18px}.emag-orders-toolbar>div span{color:#64748b;font-size:9px}.emag-orders-toolbar>a{color:#4f46e5;font-size:10px;font-weight:800}.emag-order-message{margin-top:12px;padding:10px;border-radius:9px;background:#dcfce7;color:#166534}.emag-order-message--error{background:#fee2e2;color:#991b1b}.emag-orders-table-wrap{overflow-x:auto;margin-top:13px}.emag-orders-table{width:100%;border-collapse:separate;border-spacing:0;font-size:10px}.emag-orders-table th{padding:8px;background:#eef2ff;color:#475569;text-align:left}.emag-orders-table td{padding:9px;border-bottom:1px solid #eef2f7;background:#fff}.emag-orders-table td strong,.emag-orders-table td small{display:block}.emag-orders-table td small{margin-top:2px;color:#94a3b8}.emag-order-status{display:inline-block;padding:4px 7px;border-radius:999px;background:#e2e8f0;color:#475569;font-weight:800}.emag-order-status--1{background:#dbeafe;color:#1d4ed8}.emag-order-status--2{background:#fef3c7;color:#92400e}.emag-order-status--3{background:#ede9fe;color:#6d28d9}.emag-order-status--4{background:#dcfce7;color:#166534}.emag-order-status--0,.emag-order-status--5{background:#fee2e2;color:#991b1b}.emag-status-actions{display:flex;flex-wrap:wrap;gap:4px;margin:0}.emag-status-actions button{padding:5px 6px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#334155;font-size:8px;cursor:pointer}.emag-status-actions button.danger{border-color:#fecaca;color:#b91c1c}.emag-orders-empty{margin-top:13px;padding:20px;border:1px dashed #cbd5e1;border-radius:12px;text-align:center}.emag-orders-empty strong{color:#334155}.emag-orders-empty p{margin:5px 0 0;color:#94a3b8}
@media(max-width:1000px){.emag-product-layout{grid-template-columns:1fr}.emag-score-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;text-align:left}.emag-score-ring{margin:0}.emag-settings-grid,.emag-settings-dashboard{grid-template-columns:1fr}}@media(max-width:680px){.emag-fields-grid,.emag-offer-grid{grid-template-columns:1fr}.emag-settings-actions,.emag-orders-toolbar{align-items:stretch;flex-direction:column}.emag-orders-toolbar>div{margin-left:0}}


/* OpenAI description assistant + employee Info dashboard (2026) */
.openai-settings-section{position:relative;overflow:hidden}.openai-settings-section:before{content:"";position:absolute;right:-90px;top:-100px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.13),transparent 68%);pointer-events:none}.openai-settings-icon,.ai-spark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;font-size:17px;box-shadow:0 8px 18px rgba(99,102,241,.22)}.openai-status{display:flex;align-items:center;gap:9px;margin:12px 0;padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;color:#475569}.openai-status:before{content:"";width:9px;height:9px;border-radius:50%;background:#94a3b8}.openai-status.is-connected:before{background:#16a34a;box-shadow:0 0 0 4px #dcfce7}.openai-key-panel{padding:14px;border:1px solid #ddd6fe;border-radius:12px;background:linear-gradient(135deg,#faf5ff,#eff6ff)}.openai-platform-link{display:inline-flex;margin-top:8px;color:#4f46e5;font-weight:800}.openai-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:13px}.openai-settings-actions{display:flex;align-items:center;gap:10px;margin-top:14px}.openai-privacy-note{margin-top:13px;padding:11px 13px;border-left:3px solid #7c3aed;background:#f8fafc;color:#475569;line-height:1.5}

.product-ai-assistant{margin:0 0 16px;padding:16px;border:1px solid #ddd6fe;border-radius:14px;background:linear-gradient(135deg,#faf5ff 0%,#eff6ff 100%);box-shadow:0 10px 25px rgba(76,29,149,.07)}.product-ai-assistant--loading{opacity:.72;pointer-events:none}.product-ai-assistant__head{display:flex;align-items:center;gap:11px}.product-ai-assistant__head>div{flex:1}.product-ai-assistant__head strong{display:block;color:#1e293b;font-size:13px}.product-ai-assistant__head p{margin:3px 0 0;color:#64748b;font-size:10px;line-height:1.45}.ai-api-state{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:#e2e8f0;color:#475569;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.ai-api-state:before{content:"";width:7px;height:7px;border-radius:50%;background:#94a3b8}.ai-api-state.is-connected{background:#dcfce7;color:#166534}.ai-api-state.is-connected:before{background:#16a34a}.ai-extra-instructions{display:block;margin-top:13px}.ai-extra-instructions span{display:block;margin-bottom:5px;color:#475569;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.ai-extra-instructions textarea{box-sizing:border-box;width:100%;min-height:58px;padding:10px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;resize:vertical}.ai-description-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}.ai-generate-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border:0;border-radius:9px;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 6px 14px rgba(99,102,241,.2)}.ai-generate-button.secondary{border:1px solid #c4b5fd;background:#fff;color:#6d28d9;box-shadow:none}.ai-generate-button:hover{transform:translateY(-1px)}.ai-generation-status{display:none;margin-top:10px;padding:9px 11px;border-radius:8px;background:#eef2ff;color:#3730a3;line-height:1.45}.ai-generation-status.is-visible{display:block}.ai-generation-status.is-success{background:#dcfce7;color:#166534}.ai-generation-status.is-error{background:#fee2e2;color:#991b1b}.ai-configure-link{display:inline-flex;margin-top:9px;color:#6d28d9;font-weight:900}

.employee-info-panel{margin:0 0 18px;padding:19px;border:1px solid #dbeafe;border-radius:18px;background:linear-gradient(145deg,#fff 0%,#f8fbff 55%,#f5f3ff 100%);box-shadow:0 14px 38px rgba(15,23,42,.07)}.employee-info-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.employee-info-hero h3{margin:5px 0 6px;color:#0f172a;font-size:21px}.employee-info-hero p{max-width:760px;margin:0;color:#64748b;line-height:1.55}.guide-version{flex:none;padding:7px 10px;border:1px solid #c4b5fd;border-radius:999px;background:#f5f3ff;color:#6d28d9;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.employee-start-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:17px}.employee-start-step{display:flex;gap:10px;min-height:70px;padding:12px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#334155;text-decoration:none;transition:.18s ease}.employee-start-step:hover{border-color:#93c5fd;box-shadow:0 8px 20px rgba(37,99,235,.09);transform:translateY(-2px)}.employee-start-step>span{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:8px;background:#eff6ff;color:#2563eb;font-weight:900}.employee-start-step strong,.employee-start-step small{display:block}.employee-start-step strong{color:#1e293b}.employee-start-step small{margin-top:4px;color:#64748b;line-height:1.4}.integration-health{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.integration-health-card{padding:13px;border:1px solid #e2e8f0;border-radius:12px;background:rgba(255,255,255,.85)}.integration-health-title{display:flex;align-items:center;gap:7px}.integration-dot{width:9px;height:9px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 4px #f1f5f9}.integration-dot.is-warning{background:#f59e0b;box-shadow:0 0 0 4px #fef3c7}.integration-dot.is-connected{background:#16a34a;box-shadow:0 0 0 4px #dcfce7}.integration-health-card p{min-height:30px;margin:8px 0 5px;color:#64748b;line-height:1.4}.integration-health-card small{display:block;color:#94a3b8}.integration-health-card a{display:inline-flex;margin-top:8px;color:#4f46e5;font-weight:900}.platform-guide-details{margin-top:12px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.platform-guide-details summary{padding:12px 14px;color:#334155;font-weight:900;cursor:pointer}.platform-guide-details[open] summary{border-bottom:1px solid #e2e8f0}.platform-guide-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:15px}.platform-guide-columns strong{color:#1e293b}.platform-guide-columns ul{margin:8px 0 0;padding-left:17px;color:#64748b;line-height:1.65}.guide-safety-note{margin:0 15px 15px;padding:11px 12px;border-radius:9px;background:#fff7ed;color:#9a3412;line-height:1.5}

@media(max-width:1100px){.employee-start-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-health,.platform-guide-columns,.openai-settings-grid{grid-template-columns:1fr}}@media(max-width:680px){.employee-info-hero,.product-ai-assistant__head,.openai-settings-actions{align-items:stretch;flex-direction:column}.employee-start-grid{grid-template-columns:1fr}.guide-version{align-self:flex-start}.ai-description-actions{flex-direction:column}.ai-generate-button{width:100%}}


/* Customer order history and loyalty discounts */
.customer-history-card{border-color:#c7d2fe;background:linear-gradient(145deg,#fff,#f8faff)}.loyalty-card-head{align-items:center}.loyalty-card-head>div:first-child span,.loyalty-card-head>div:first-child strong{display:block}.loyalty-current-total{text-align:right}.loyalty-current-total small,.loyalty-current-total b{display:block}.loyalty-current-total small{color:#64748b}.loyalty-current-total b{margin-top:3px;color:#4338ca;font-size:18px}.loyalty-message{margin:12px 0;padding:10px 12px;border-radius:9px;background:#dcfce7;color:#166534;font-weight:800}.loyalty-message--error{background:#fee2e2;color:#991b1b}.customer-history-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:13px 0}.customer-history-kpis>div{padding:11px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}.customer-history-kpis span,.customer-history-kpis strong{display:block}.customer-history-kpis span{color:#64748b;font-size:9px;font-weight:800;text-transform:uppercase}.customer-history-kpis strong{margin-top:4px;color:#1e293b;font-size:14px}.loyalty-workspace{display:grid;grid-template-columns:minmax(210px,.65fr) minmax(0,1.8fr);gap:14px;padding:14px;border:1px solid #ddd6fe;border-radius:13px;background:linear-gradient(135deg,#faf5ff,#eff6ff)}.loyalty-explainer h3{margin:5px 0;color:#1e293b}.loyalty-explainer p{margin:0;color:#64748b;line-height:1.5}.loyalty-next{margin-top:13px;padding:10px;border-radius:9px;background:#fff7ed;color:#9a3412}.loyalty-next strong,.loyalty-next span{display:block}.loyalty-next span{margin-top:3px;font-size:10px}.loyalty-next--max{background:#dcfce7;color:#166534}.loyalty-form{margin:0}.loyalty-tier-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.loyalty-tier{position:relative;display:block;cursor:pointer}.loyalty-tier input{position:absolute;opacity:0;pointer-events:none}.loyalty-tier>span{display:block;min-height:79px;padding:10px;border:1px solid #cbd5e1;border-radius:10px;background:#fff}.loyalty-tier b,.loyalty-tier small,.loyalty-tier em{display:block}.loyalty-tier b{color:#1e293b;font-size:17px}.loyalty-tier small{margin-top:3px;color:#64748b;line-height:1.3}.loyalty-tier em{margin-top:6px;color:#94a3b8;font-size:8px;font-style:normal;font-weight:900;text-transform:uppercase}.loyalty-tier.is-unlocked>span{border-color:#86efac;background:#f0fdf4}.loyalty-tier.is-unlocked em{color:#15803d}.loyalty-tier.is-locked{cursor:not-allowed;opacity:.58}.loyalty-tier input:checked+span{border-color:#4f46e5;box-shadow:0 0 0 2px rgba(79,70,229,.18);background:#eef2ff}.loyalty-invoice-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}.loyalty-invoice-preview>span{padding:9px;border-radius:8px;background:rgba(255,255,255,.85)}.loyalty-invoice-preview small,.loyalty-invoice-preview b{display:block}.loyalty-invoice-preview small{color:#64748b}.loyalty-invoice-preview b{margin-top:3px;color:#1e293b}.loyalty-invoice-preview__net{background:#1e293b!important}.loyalty-invoice-preview__net small{color:#cbd5e1}.loyalty-invoice-preview__net b{color:#fff}.loyalty-audit{margin:8px 0 0;color:#64748b;font-size:9px}.loyalty-apply-button{width:100%;margin-top:9px;padding:10px;border:0;border-radius:9px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-weight:900;cursor:pointer}.loyalty-apply-button:hover{filter:brightness(1.06)}.customer-order-history{margin-top:15px}.history-title{display:flex;justify-content:space-between;margin-bottom:8px}.history-title strong,.history-title small{display:block}.history-title small{margin-top:3px;color:#64748b}.loyalty-history-table td{white-space:nowrap}.loyalty-history-table td:nth-child(3),.loyalty-history-table td:nth-child(4){white-space:normal}

@media(max-width:1050px){.loyalty-workspace{grid-template-columns:1fr}.loyalty-tier-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.customer-history-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.loyalty-tier-grid,.loyalty-invoice-preview{grid-template-columns:1fr}.loyalty-current-total{text-align:left}}


/* Loyalty settings and product eligibility */
.loyalty-settings-section{position:relative;overflow:hidden}.loyalty-settings-section:after{content:"%";position:absolute;right:18px;top:6px;color:#eef2ff;font-size:92px;font-weight:900;line-height:1;pointer-events:none}.loyalty-settings-icon{background:linear-gradient(135deg,#4f46e5,#7c3aed)!important}.loyalty-settings-intro{display:flex;gap:9px;margin:12px 0;padding:11px 13px;border:1px solid #ddd6fe;border-radius:10px;background:#faf5ff;color:#5b21b6}.loyalty-settings-intro strong{flex:none}.loyalty-settings-intro span{color:#64748b}.loyalty-settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.loyalty-setting-tier{position:relative;padding:13px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.loyalty-setting-level{display:block;margin-bottom:10px;color:#4f46e5;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.loyalty-setting-tier label{display:block;margin-top:8px;color:#64748b;font-size:9px;font-weight:800}.loyalty-setting-tier input{box-sizing:border-box;width:100%;margin-top:4px;padding:9px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#1e293b;font-weight:800}.loyalty-settings-note{margin-top:11px;padding:10px 12px;border-left:3px solid #f59e0b;background:#fffbeb;color:#92400e}.loyalty-product-control{display:flex;align-items:center;gap:11px;margin:0 0 13px;padding:12px 13px;border:1px solid #fed7aa;border-radius:11px;background:#fff7ed;cursor:pointer}.loyalty-product-control input{width:18px;height:18px;accent-color:#ea580c}.loyalty-product-control>span{flex:1}.loyalty-product-control b,.loyalty-product-control small{display:block}.loyalty-product-control b{color:#9a3412}.loyalty-product-control small{margin-top:3px;color:#78716c}.loyalty-product-control em{padding:5px 8px;border-radius:999px;background:#ffedd5;color:#c2410c;font-size:8px;font-style:normal;font-weight:900}.loyalty-product-control--new{margin:0 5px 8px}.loyalty-table-state{display:inline-flex;padding:4px 7px;border-radius:999px;background:#dcfce7;color:#166534;font-size:8px;font-weight:900;text-decoration:none;text-transform:uppercase}.loyalty-table-state.is-excluded{background:#ffedd5;color:#c2410c}.loyalty-invoice-preview{grid-template-columns:repeat(5,minmax(0,1fr))}

@media(max-width:1100px){.loyalty-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.loyalty-invoice-preview{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.loyalty-settings-grid,.loyalty-invoice-preview{grid-template-columns:1fr}.loyalty-settings-intro,.loyalty-product-control{align-items:flex-start;flex-direction:column}}

/* Secure session controls */
.logout-form{display:inline-flex;margin:0}.logout-form .logout-button{font:inherit;cursor:pointer}

/* Prominent Info dashboard: original Basicshop guidance + 2026 additions */
.employee-info-panel{position:relative;overflow:hidden;margin:0 0 24px!important;padding:26px!important;border:3px solid #1d6f54!important;border-radius:22px!important;background:linear-gradient(145deg,#f0fdf7 0%,#ffffff 48%,#eef6ff 100%)!important;box-shadow:0 20px 48px rgba(15,82,62,.16)!important}
.employee-info-panel:before{content:"INFO";position:absolute;right:-12px;top:-38px;color:rgba(29,111,84,.055);font-size:150px;font-weight:950;letter-spacing:-10px;pointer-events:none}
.employee-info-hero{position:relative;z-index:1;padding:20px 22px;border-radius:17px;background:linear-gradient(135deg,#123f35,#1d6f54);color:#fff;box-shadow:0 12px 28px rgba(18,63,53,.2)}
.employee-info-hero h3{margin:7px 0 7px!important;color:#fff!important;font-size:28px!important;line-height:1.15}.employee-info-hero p{max-width:850px!important;color:#d7f4e8!important;font-size:14px!important;line-height:1.65!important}
.employee-info-badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:#dff36a;color:#123f35;font-size:10px;font-weight:950;letter-spacing:.1em}
.employee-info-hero .guide-version{border-color:rgba(255,255,255,.32)!important;background:rgba(255,255,255,.12)!important;color:#fff!important;font-size:10px!important}
.original-info-guide{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:17px}
.original-info-guide article{display:flex;align-items:flex-start;gap:12px;min-height:172px;padding:17px;border:1px solid #bbdfd2;border-radius:15px;background:#fff;box-shadow:0 9px 22px rgba(15,82,62,.07)}
.original-info-number{display:grid;flex:0 0 34px;height:34px;place-items:center;border-radius:10px;background:#e1f5ed;color:#176149;font-size:11px;font-weight:950}
.original-info-guide h4{margin:1px 0 7px;color:#123f35;font-size:16px}.original-info-guide p{margin:0;color:#526a62;font-size:12px;line-height:1.55}.original-info-guide a{display:inline-flex;margin-top:11px;color:#176149;font-size:11px;font-weight:900;text-decoration:none}.original-info-guide a:after{content:" →"}
.employee-info-panel .employee-start-grid{margin-top:18px}.employee-info-panel .employee-start-step{border-color:#cfe3db;box-shadow:0 6px 16px rgba(15,82,62,.045)}
.employee-info-panel .platform-guide-details{border:2px solid #bfd8ef;background:rgba(255,255,255,.95)}.employee-info-panel .platform-guide-details summary{padding:15px 17px;color:#174a3b;font-size:13px}.employee-info-panel .platform-guide-details[open] summary{background:#eef8f4}
@media(max-width:1100px){.original-info-guide{grid-template-columns:1fr}.original-info-guide article{min-height:0}}@media(max-width:680px){.employee-info-panel{padding:13px!important}.employee-info-hero{padding:17px}.employee-info-hero h3{font-size:23px!important}.original-info-guide article{padding:14px}}

/* Compact expandable dashboard + sales periods + user activity journal */
.dashboard-collapsible{box-sizing:border-box}.dashboard-collapsible>summary{list-style:none}.dashboard-collapsible>summary::-webkit-details-marker{display:none}.dashboard-collapsible-trigger{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:58px;padding:13px 16px;border-radius:14px;background:#123f35;color:#fff;cursor:pointer;user-select:none}.dashboard-collapsible-trigger span:first-child{display:grid;gap:3px}.dashboard-collapsible-trigger b{font-size:13px;letter-spacing:.045em}.dashboard-collapsible-trigger small{color:#cfe9df;font-size:11px;font-weight:500}.dashboard-collapsible-trigger em{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font-size:10px;font-style:normal;font-weight:900;white-space:nowrap}.dashboard-collapsible-trigger em:after{content:"+";font-size:17px;line-height:1}.dashboard-collapsible[open]>.dashboard-collapsible-trigger em:after{content:"−"}.dashboard-collapsible-content{padding-top:16px}
.employee-info-panel.dashboard-collapsible{margin-bottom:14px!important;padding:10px!important;border-width:2px!important;border-radius:17px!important}.employee-info-panel.dashboard-collapsible:before{display:none}.employee-info-panel.dashboard-collapsible:not([open]){background:#f0fdf7!important;box-shadow:0 8px 18px rgba(15,82,62,.09)!important}.employee-info-panel.dashboard-collapsible:not([open]) .dashboard-collapsible-trigger{background:linear-gradient(135deg,#123f35,#1d6f54)}
.kpi-grid-compact{grid-template-columns:repeat(6,minmax(0,1fr))}.kpi-grid-compact .kpi-card{min-width:0;padding:15px 13px}.kpi-grid-compact .kpi-card strong{font-size:18px;white-space:nowrap}.kpi-grid-compact .kpi-card small{font-size:9px}.kpi-grid-compact .kpi-delta{margin-top:6px;font-size:8px}.accent-teal{border-top-color:#0f766e!important}.accent-cyan{border-top-color:#0891b2!important}
.dashboard-grid-wide{grid-template-columns:1fr 1fr}.sales-period-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:0 0 14px}.sales-period-grid>div{min-width:0;padding:9px 8px;border:1px solid #dbe4ed;border-radius:9px;background:#f8fafc}.sales-period-grid small,.sales-period-grid strong{display:block}.sales-period-grid small{color:#64748b;font-size:9px}.sales-period-grid strong{margin-top:4px;color:#153d32;font-size:11px;white-space:nowrap}.monthly-panel .bar-chart{height:170px}.activity-list{display:grid;gap:7px;max-height:310px;overflow:auto;padding-right:3px}.activity-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.activity-avatar{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#dff3ea;color:#176149;font-weight:950}.activity-row>span:nth-child(2){display:grid;gap:2px}.activity-row strong{color:#1e293b;font-size:11px}.activity-row small{color:#64748b;font-size:9px}.activity-time{display:grid;gap:2px;text-align:right}.activity-time b{color:#1d6f54;font-size:11px}.compact-recent-panel{margin-bottom:16px}.compact-recent-panel .modern-table td,.compact-recent-panel .modern-table th{padding-top:8px;padding-bottom:8px}.order-status-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:6px;margin:0 0 11px}.order-status-card{display:flex;align-items:center;gap:6px;min-width:0;padding:7px 8px;border:1px solid #dbe4ed;border-radius:9px;background:#f8fafc;color:#475569;text-decoration:none}.order-status-card strong{display:grid;flex:0 0 25px;height:25px;place-items:center;border-radius:8px;background:#fff;font-size:10px}.order-status-card span{overflow:hidden;font-size:8px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.order-status-card.status-new{border-color:#fed7aa;background:#fff7ed;color:#9a3412}.order-status-card.status-valid{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.order-status-card.status-shipped{border-color:#ddd6fe;background:#f5f3ff;color:#6d28d9}.order-status-card.status-done{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.order-status-card.status-alert{border-color:#fecaca;background:#fef2f2;color:#b91c1c}
@media(max-width:1250px){.kpi-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1100px){.sales-period-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.dashboard-collapsible-trigger{align-items:flex-start;flex-direction:column}.quick-summary-actions{width:100%;justify-content:space-between}.kpi-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-period-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-row{grid-template-columns:34px minmax(0,1fr)}.activity-time{grid-column:2;text-align:left}}@media(max-width:420px){.kpi-grid-compact{grid-template-columns:1fr}}

/* Dashboard paired rows + quantitative stock */
.dashboard-expand-row{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:14px;margin-bottom:16px}.dashboard-expand-row>.dashboard-collapsible{width:100%;margin:0!important}.dashboard-expand-row>.dashboard-collapsible[open]{grid-column:1/-1}.compact-dashboard-row{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch}.compact-dashboard-row>.panel,.dashboard-bottom-row>.panel{min-width:0;margin-bottom:0}.compact-recent-panel .table-scroll{max-height:300px;overflow:auto}.compact-recent-panel .modern-table{font-size:10px}.compact-recent-panel .modern-table th,.compact-recent-panel .modern-table td{padding:7px 6px}.dashboard-bottom-row{grid-template-columns:1fr 1fr;align-items:start}.stock-pill{display:inline-flex;padding:4px 7px;border-radius:999px;background:#eef2f7;color:#475569;font-size:9px;font-weight:900;white-space:nowrap}.stock-pill.is-low{background:#fee2e2;color:#b91c1c}.stock-input-wrap{display:flex;align-items:center;gap:8px}.stock-input-wrap input{flex:1}.stock-input-wrap b{color:#64748b;font-size:10px}.stock-quantity-field{border-color:#bbf7d0!important;background:#f0fdf4!important}
@media(max-width:1000px){.dashboard-expand-row,.compact-dashboard-row,.dashboard-bottom-row{grid-template-columns:1fr}.dashboard-expand-row>.dashboard-collapsible[open]{grid-column:auto}.compact-dashboard-row>.panel,.dashboard-bottom-row>.panel{margin-bottom:0}}

/* Catalog 2026: batch creation and approval-gated AI SEO previews */
.catalog-popup-shell{max-width:940px}.catalog-mode-switch{display:inline-flex;gap:4px;margin:0 0 14px;padding:4px;border:1px solid #dbe4ed;border-radius:12px;background:#eef2f7}.catalog-mode-switch button{padding:9px 14px;border:0;border-radius:9px;background:transparent;color:#64748b;font-weight:900;cursor:pointer}.catalog-mode-switch button.is-active{background:#fff;color:#176149;box-shadow:0 3px 10px rgba(15,23,42,.09)}
.catalog-ai-card{margin-top:16px;padding:15px;border:1px solid #c7d2fe;border-radius:14px;background:linear-gradient(145deg,#f8faff,#f5f3ff)}.catalog-ai-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.catalog-ai-card__head>div{display:grid;gap:4px}.catalog-ai-card__head strong{color:#312e81;font-size:14px}.catalog-ai-kicker{color:#6366f1;font-size:9px;font-weight:950;letter-spacing:.09em}.catalog-ai-state{display:inline-flex;padding:5px 8px;border-radius:999px;background:#fee2e2;color:#991b1b;font-size:8px;font-weight:950;text-transform:uppercase}.catalog-ai-state.is-ready{background:#dcfce7;color:#166534}.catalog-ai-card>p{margin:10px 0;color:#64748b;font-size:11px;line-height:1.5}.catalog-ai-instructions{box-sizing:border-box;min-height:66px!important;width:100%!important;resize:vertical}.catalog-ai-actions{display:flex;align-items:center;gap:11px;margin-top:10px}.catalog-ai-actions small{color:#64748b}.catalog-ai-actions small.is-error{color:#b91c1c;font-weight:800}.catalog-ai-generate,.catalog-ai-review-actions button,.catalog-add-row{padding:9px 12px;border:0;border-radius:9px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-weight:900;cursor:pointer}.catalog-ai-generate[disabled]{cursor:not-allowed;filter:grayscale(.75);opacity:.55}.catalog-ai-generate.is-loading:before{content:"";display:inline-block;width:10px;height:10px;margin-right:7px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:catalog-spin .7s linear infinite}@keyframes catalog-spin{to{transform:rotate(360deg)}}
.catalog-ai-preview{margin-top:13px;padding:13px;border:1px solid #a5b4fc;border-radius:11px;background:#fff}.catalog-ai-preview__label{margin-bottom:9px;color:#4338ca;font-size:9px;font-weight:950;text-transform:uppercase}.catalog-ai-preview__content{max-height:230px;overflow:auto;color:#334155;font-size:11px;line-height:1.55}.catalog-ai-preview__content h2,.catalog-ai-preview__content h3{color:#1e293b}.catalog-ai-preview__keywords{margin-top:10px;padding:8px;border-radius:8px;background:#eef2ff;color:#475569;font-size:10px}.catalog-ai-review-actions{display:flex;gap:8px;margin-top:11px}.catalog-ai-review-actions button.is-secondary{border:1px solid #cbd5e1;background:#fff;color:#475569}
.catalog-batch-list{display:grid;gap:14px}.catalog-batch-row{padding:15px;border:1px solid #dbe4ed;border-radius:14px;background:#fff;box-shadow:0 7px 19px rgba(15,23,42,.045)}.catalog-batch-row__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.catalog-batch-row__head strong{color:#153d32}.catalog-row-remove{padding:5px 8px;border:0;border-radius:7px;background:#fee2e2;color:#b91c1c;font-size:9px;font-weight:900;cursor:pointer}.catalog-batch-grid{display:grid;grid-template-columns:minmax(100px,.3fr) minmax(0,1.7fr);gap:10px}.catalog-batch-grid--three{grid-template-columns:minmax(90px,.3fr) minmax(190px,.8fr) minmax(220px,1fr)}.catalog-batch-row .field-card{margin-bottom:9px}.catalog-batch-row input,.catalog-batch-row select,.catalog-batch-row textarea{box-sizing:border-box;width:100%}.catalog-batch-row textarea{min-height:82px;resize:vertical}.catalog-add-row{margin-top:13px;background:#176149}.form-message{margin:0 0 14px;padding:11px 13px;border-radius:10px;background:#dcfce7;color:#166534;font-weight:800}
@media(max-width:720px){.catalog-ai-card__head,.catalog-ai-actions,.catalog-ai-review-actions{align-items:stretch;flex-direction:column}.catalog-batch-grid,.catalog-batch-grid--three{grid-template-columns:1fr}.catalog-mode-switch{display:flex}.catalog-mode-switch button{flex:1}.catalog-ai-generate,.catalog-ai-review-actions button,.catalog-add-row{width:100%}}

/* Product list tracking, scheduled discounts and CSV/XML import */
.product-filter-2026{display:grid;grid-template-columns:minmax(260px,1fr) minmax(360px,.95fr);align-items:end;gap:22px;margin:0 0 15px;padding:18px 20px;border:1px solid #d9e5df;border-radius:15px;background:linear-gradient(135deg,#fff 0%,#f4faf7 100%);box-shadow:0 9px 24px rgba(15,23,42,.065)}.product-filter-copy h2{margin:3px 0 5px;color:#163e32;font-size:18px;line-height:1.2}.product-filter-copy p{max-width:620px;margin:0;color:#64748b;font-size:10px;line-height:1.5}.product-filter-controls{display:grid;gap:6px}.product-filter-controls>label{color:#42584f;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.product-filter-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.product-filter-row select{box-sizing:border-box;width:100%;min-height:46px;padding:10px 40px 10px 13px;border:1px solid #b8cec5;border-radius:11px;background:#fff;color:#1f3f35;font:inherit;font-size:11px;font-weight:750;cursor:pointer;outline:0;box-shadow:inset 0 1px 2px rgba(15,23,42,.035);transition:border-color .16s ease,box-shadow .16s ease}.product-filter-row select:hover{border-color:#75ad98}.product-filter-row select:focus{border-color:#2f8f6b;box-shadow:0 0 0 3px rgba(47,143,107,.16)}.product-filter-count{display:grid;min-width:102px;place-content:center;padding:6px 12px;border:1px solid #acd2c2;border-radius:11px;background:#e8f6f0;color:#176149;text-align:center}.product-filter-count b,.product-filter-count small{display:block}.product-filter-count b{font-size:19px;line-height:1}.product-filter-count small{margin-top:4px;font-size:8px;font-weight:900;text-transform:uppercase;white-space:nowrap}
.product-table-card{overflow:hidden;border:1px solid #d9e2e8;border-radius:15px;background:#fff;box-shadow:0 10px 27px rgba(15,23,42,.07)}.product-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 18px;border-bottom:1px solid #e2e8f0;background:linear-gradient(180deg,#fff,#f8fafc)}.product-table-toolbar h2{margin:3px 0 0;color:#183e33;font-size:16px}.product-table-toolbar>span{display:inline-flex;padding:6px 10px;border:1px solid #c9ddd5;border-radius:999px;background:#edf8f3;color:#176149;font-size:9px;font-weight:900}.product-table-scroll{max-width:100%;overflow:auto;outline:0;scrollbar-color:#9dbeb1 #edf3f0;scrollbar-width:thin}.product-table-scroll:focus-visible{box-shadow:inset 0 0 0 3px rgba(47,143,107,.17)}.product-table-2026{width:100%;min-width:1650px;border:0;border-collapse:separate;border-spacing:0;background:#fff}.product-table-2026 thead th{position:sticky;z-index:2;top:0;padding:11px 10px;border:0;border-bottom:1px solid #cbd8d2;background:#eaf3ef;color:#355248;font-size:8px;font-weight:950;letter-spacing:.055em;text-align:left;text-transform:uppercase;white-space:nowrap}.product-table-2026 tbody td{padding:10px;border:0;border-bottom:1px solid #edf1f3;background:#fff;color:#45556a;font-size:9px;line-height:1.35;vertical-align:middle}.product-table-2026 tbody tr:nth-child(even) td{background:#fbfcfd}.product-table-2026 tbody tr:last-child td{border-bottom:0}.product-table-2026 .cell-number{text-align:right}.product-table-2026 .cell-product{min-width:240px;max-width:330px}.product-table-2026 .cell-price{min-width:92px;text-align:right;white-space:nowrap}.product-table-2026 tbody .cell-price>strong{color:#173f34;font-size:10px}.product-code,.product-ean,.product-user{display:inline-flex;padding:5px 7px;border-radius:7px;background:#f1f5f9;color:#475569;font-size:8px;font-weight:850;white-space:nowrap}.product-code{background:#eaf6f1;color:#176149}.product-name-link{display:block;overflow:hidden;color:#1f3d34;font-size:10px;font-weight:850;line-height:1.35;text-decoration:none;text-overflow:ellipsis}.product-name-link:hover{color:#0b7b56;text-decoration:underline}.catalog-availability{display:inline-flex;padding:5px 8px;border:1px solid transparent;border-radius:999px;font-size:8px;font-weight:900;white-space:nowrap}.catalog-availability.is-available{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.catalog-availability.is-unavailable{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.catalog-availability.is-preorder{border-color:#fed7aa;background:#fff7ed;color:#9a3412}.catalog-availability.is-supplier{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.catalog-availability.is-incoming{border-color:#ddd6fe;background:#f5f3ff;color:#6d28d9}.product-table-2026 .table-action{justify-content:center;min-width:48px;white-space:nowrap}.product-table-2026 .table-action--edit{border-color:#aad3c3;background:#edf8f3;color:#176149}.product-table-empty td{padding:35px!important;text-align:center!important}.product-table-empty strong,.product-table-empty small{display:block}.product-table-empty strong{color:#334155;font-size:13px}.product-table-empty small{margin-top:5px;color:#64748b}.product-pagination-2026{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 17px;border-top:1px solid #e2e8f0;background:#f8fafc;color:#64748b;font-size:9px}.product-pagination-2026 nav{display:flex;align-items:center;gap:7px}.product-pagination-2026 nav a,.product-pagination-2026 nav b{display:inline-flex;min-height:27px;align-items:center;padding:4px 8px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#334155;font-weight:850;text-decoration:none}.product-pagination-2026 nav a:hover{border-color:#75ad98;background:#edf8f3;color:#176149}
.product-list-table{border-collapse:separate}.product-list-table .product-list-row td{transition:background-color .16s ease,box-shadow .16s ease}.product-list-table .product-list-row:hover td{background:#edf8f3!important;box-shadow:inset 0 1px #c7e7da,inset 0 -1px #c7e7da}.product-list-table .product-list-row:hover td:first-child{box-shadow:inset 3px 0 #2f8f6b,inset 0 1px #c7e7da,inset 0 -1px #c7e7da}.scheduled-price-note{display:block;margin-top:3px;color:#b45309;font-size:8px;font-weight:900;white-space:nowrap}
.promotion-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr);gap:15px;margin-bottom:16px}.promotion-builder,.schedule-explainer{margin:0}.schedule-safe-badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:#dcfce7;color:#166534;font-size:8px;font-weight:950;text-transform:uppercase}.promotion-date-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.weekday-picker{display:flex;align-items:center;gap:6px;margin:11px 0;padding:10px;border:1px solid #dbe4ed;border-radius:10px;background:#f8fafc}.weekday-picker>span{margin-right:6px;color:#475569;font-size:9px;font-weight:900;text-transform:uppercase}.weekday-picker label{display:flex;align-items:center;gap:4px;padding:6px 7px;border-radius:7px;background:#fff;color:#334155;font-size:9px;font-weight:900}.weekday-picker input{accent-color:#176149}.schedule-help{margin:10px 0;padding:9px 11px;border-left:3px solid #0ea5e9;background:#f0f9ff;color:#0c4a6e;font-size:10px;line-height:1.5}.schedule-explainer ol{display:grid;gap:9px;margin:14px 0;padding-left:21px;color:#64748b;line-height:1.5}.schedule-explainer b{color:#334155}.cron-note{padding:11px;border-radius:10px;background:#0f172a;color:#cbd5e1;font-size:9px;line-height:1.45}.cron-note b,.cron-note code{display:block}.cron-note code{margin-top:7px;overflow-wrap:anywhere;color:#a7f3d0}.promotion-table td small,.import-preview-table td small{display:block;margin-top:3px;color:#64748b}.discount-badge{display:inline-flex;padding:5px 8px;border-radius:8px;background:#ffedd5;color:#c2410c}.status-pill{display:inline-flex;padding:5px 8px;border-radius:999px;background:#e2e8f0;color:#475569;font-size:8px;font-weight:950;text-transform:uppercase}.status-pill.is-active{background:#dcfce7;color:#166534}.promotion-table form{margin:0}.promotion-table button.table-action{border:0;cursor:pointer}.schedule-run-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.schedule-run-list>span{padding:10px;border:1px solid #e2e8f0;border-radius:9px;background:#f8fafc}.schedule-run-list b,.schedule-run-list small{display:block}.schedule-run-list b{color:#1e293b;font-size:10px}.schedule-run-list small{margin-top:3px;color:#64748b;font-size:8px}
.import-template-actions{display:flex;gap:7px}.import-template-actions a{padding:9px 11px;border:1px solid #bfd8ef;border-radius:9px;background:#f0f9ff;color:#075985;font-weight:900;text-decoration:none}.import-upload-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.import-upload-card>div,.import-upload-card form,.import-approval-bar>div{display:flex;align-items:center;gap:11px}.import-upload-card h3,.import-upload-card p{margin:0}.import-upload-card p{margin-top:4px;color:#64748b}.import-upload-card form{flex-wrap:wrap}.import-step{display:grid;flex:none;width:30px;height:30px;place-items:center;border-radius:9px;background:#176149;color:#fff;font-weight:950}.import-columns{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.import-columns code{padding:6px 8px;border-radius:7px;background:#eef2ff;color:#4338ca;font-size:9px;font-weight:900}.import-header-guide>p{margin:0;color:#64748b}.import-check-all{display:flex;align-items:center;gap:6px;color:#334155;font-size:10px;font-weight:900}.import-preview-table select{box-sizing:border-box;min-width:150px;width:100%;padding:7px;border:1px solid #cbd5e1;border-radius:7px}.import-description-preview{display:-webkit-box;max-width:260px;overflow:hidden;color:#64748b;font-size:9px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:3}.import-approval-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:13px;padding:13px;border-radius:12px;background:#eef8f4}.import-approval-bar p,.import-approval-bar b,.import-approval-bar small{display:block;margin:0}.import-approval-bar small{margin-top:3px;color:#64748b}.import-clear-form{text-align:right}.import-clear-form button{border:0;background:transparent;color:#b91c1c;font-weight:900;cursor:pointer}
@media(max-width:1050px){.promotion-layout{grid-template-columns:1fr}.promotion-date-grid,.schedule-run-list{grid-template-columns:repeat(2,minmax(0,1fr))}.import-upload-card{align-items:flex-start;flex-direction:column}}@media(max-width:680px){.promotion-date-grid,.schedule-run-list{grid-template-columns:1fr}.weekday-picker{align-items:flex-start;flex-wrap:wrap}.weekday-picker>span{width:100%}.import-template-actions,.import-approval-bar{align-items:stretch;flex-direction:column}.import-upload-card form{align-items:stretch;flex-direction:column;width:100%}}
@media(max-width:900px){.product-filter-2026{grid-template-columns:1fr;align-items:stretch}}@media(max-width:560px){.product-filter-2026{padding:14px}.product-filter-row{grid-template-columns:1fr}.product-filter-count{min-height:48px;grid-auto-flow:column;gap:7px;align-items:center}.product-filter-count small{margin:0}}
@media(max-width:760px){.product-table-toolbar,.product-pagination-2026{align-items:flex-start;flex-direction:column}.product-table-scroll{border-top:1px solid #edf1f3}.product-pagination-2026 nav{max-width:100%;flex-wrap:wrap}}

/* Filtre de stare si etichete catalog - 2026-08-20 */
.product-status-filters{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.status-filter{display:inline-flex;min-height:30px;align-items:center;gap:7px;padding:5px 10px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#475569;font-size:9px;font-weight:850;text-decoration:none;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.status-filter:hover,.status-filter:focus-visible{border-color:#76ad99;background:#edf8f3;color:#176149;transform:translateY(-1px)}.status-filter b{display:inline-flex;min-width:20px;justify-content:center;padding:2px 5px;border-radius:999px;background:#eef2f7;color:#334155}.status-filter.is-active{border-color:#2f8f6b;background:#176149;color:#fff;box-shadow:0 5px 14px rgba(23,97,73,.18)}.status-filter.is-active b{background:rgba(255,255,255,.18);color:#fff}.status-filter--available:not(.is-active){border-color:#bbf7d0}.status-filter--unavailable:not(.is-active){border-color:#fecaca}.status-filter--offoffer:not(.is-active){border-color:#fde68a}.catalog-availability.is-off-offer{border-color:#fde68a;background:#fffbeb;color:#92400e}.product-list-row.is-off-offer td{background:#fffdf5}.price-hidden-note{display:inline-flex;padding:5px 7px;border-radius:7px;background:#fff7d6;color:#8a5a00;font-size:8px;font-weight:900;white-space:nowrap}.catalog-product-badge{display:inline-flex;padding:5px 7px;border:1px solid #dbe3ea;border-radius:999px;background:#f8fafc;color:#64748b;font-size:8px;font-weight:950;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.catalog-product-badge.is-new{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.catalog-product-badge.is-sale{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.catalog-product-badge.is-bestseller{border-color:#fde68a;background:#fffbeb;color:#92400e}.catalog-product-badge.is-recommended{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.catalog-product-badge.is-exclusive{border-color:#ddd6fe;background:#f5f3ff;color:#6d28d9}.catalog-product-badge.is-clearance{border-color:#fed7aa;background:#fff7ed;color:#9a3412}.product-table-2026 tbody td>strong+.catalog-availability{display:block;width:max-content;margin-top:5px}.product-table-2026 .cell-product{min-width:220px}.product-table-2026{min-width:1750px}
@media(max-width:900px){.product-filter-row{align-items:stretch}.product-status-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.status-filter{justify-content:space-between}}

/* Product workflow 2026: fast entry, full-width Ads workspace and reliable row tracking */
.product-list-table{width:100%;border-spacing:0 1px;background:#d8e3e7!important}.product-list-head td{position:sticky;top:0;z-index:2;padding:7px 6px!important;background:#dce7eb!important;color:#334155;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.025em}.product-list-table .product-list-row td{padding:7px 6px!important;border-top:1px solid transparent;border-bottom:1px solid #edf2f4;background:#fff!important;color:#334155}.product-list-table .product-list-row:hover td{background:#e7f5ee!important;border-top-color:#b9dfcf;border-bottom-color:#b9dfcf}.product-list-table .product-list-row:hover td:first-child{box-shadow:inset 4px 0 #21805f}.product-list-table .product-list-row:hover td:nth-child(5){color:#105c43;font-weight:800}.product-list-table .product-list-row:focus-within td{background:#eef8f4!important}
.product-fast-entry-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;margin-bottom:12px}.product-fast-entry-grid .field-card{box-sizing:border-box;min-width:0;margin:0!important;padding:11px}.product-fast-entry-grid input,.product-fast-entry-grid select{box-sizing:border-box;min-width:0;min-height:38px}.product-meta-name{grid-column:span 6}.product-meta-code,.product-meta-ean{grid-column:span 3}.product-meta-category{grid-column:span 7}.product-meta-badge{grid-column:span 5}.product-meta-price{grid-column:span 3}.product-meta-stock{grid-column:span 4}.product-meta-availability{grid-column:span 5}.product-meta-badge select{width:100%;min-width:0}.product-fast-entry-grid small{min-height:13px;font-size:9px;line-height:1.35}.product-fast-entry-grid .price-input-wrap,.product-fast-entry-grid .stock-input-wrap{min-width:0}
.product-fast-entry-grid{gap:10px}.product-fast-row{display:grid;grid-column:1/-1;align-items:stretch;gap:10px;min-width:0}.product-fast-row--identity{grid-template-columns:minmax(260px,2fr) minmax(135px,1fr) minmax(145px,1fr)}.product-fast-row--classification{grid-template-columns:minmax(300px,1.45fr) minmax(220px,1fr)}.product-fast-row--commerce{grid-template-columns:minmax(150px,.82fr) minmax(205px,1.15fr) minmax(280px,1.55fr)}.product-fast-row>.field-card{grid-column:auto!important;display:flex;min-width:0;height:100%;flex-direction:column}.product-fast-row>.field-card>small{margin-top:auto;padding-top:6px}.product-fast-row .product-meta-badge select,.product-fast-row .product-meta-category select,.product-fast-row .product-meta-availability select{width:100%}
.promotion-planner.editor-section{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:13px;margin:0;padding:18px;overflow:hidden;border-color:#c7d2fe;background:linear-gradient(145deg,#fff 0%,#f7f9ff 100%)}.promotion-planner.editor-section:before{content:"ADS";position:absolute;right:18px;top:-24px;color:rgba(79,70,229,.035);font-size:112px;font-weight:950;pointer-events:none}.promotion-planner>.promotion-planner__head,.promotion-planner>.promotion-assistant,.promotion-planner>.promotion-summary,.promotion-planner>.promotion-settings-link{grid-column:1/-1;position:relative;z-index:1;margin:0}.promotion-planner>.promotion-master-toggle{grid-column:span 6;margin:0}.promotion-planner>.promotion-core-grid{grid-column:span 6;align-self:stretch}.promotion-planner>.promotion-choice-section{grid-column:span 6;margin:0}.promotion-planner>.promotion-choice-section:last-of-type{grid-column:span 6}.promotion-planner .promotion-core-grid>label{display:flex;min-width:0;flex-direction:column;justify-content:center}.promotion-planner .promotion-core-grid input,.promotion-planner .promotion-core-grid select{min-width:0}.promotion-planner .promotion-assistant{grid-template-columns:auto minmax(0,1fr) auto}.promotion-planner .promotion-assistant__copy{min-width:0}.promotion-planner .promotion-assistant button{flex:none;justify-content:center;white-space:nowrap}.promotion-planner .promotion-choice-section{min-width:0}.promotion-planner .promotion-summary{margin-top:0;padding-top:13px}.promotion-settings-link{justify-self:start}
@media(max-width:1100px){.product-fast-entry-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.product-meta-name,.product-meta-category,.product-meta-badge,.product-meta-availability{grid-column:span 6}.product-meta-code,.product-meta-ean,.product-meta-price,.product-meta-stock{grid-column:span 3}.promotion-planner>.promotion-master-toggle,.promotion-planner>.promotion-core-grid,.promotion-planner>.promotion-choice-section{grid-column:1/-1}}
@media(max-width:680px){.product-fast-entry-grid{grid-template-columns:1fr}.product-fast-entry-grid>*{grid-column:1!important}.promotion-planner.editor-section{grid-template-columns:1fr;padding:13px}.promotion-planner>*{grid-column:1!important}.promotion-planner .promotion-assistant{grid-template-columns:auto minmax(0,1fr)}.promotion-planner .promotion-assistant button{grid-column:1/-1;width:100%}}
@media(max-width:760px){.product-fast-row--identity,.product-fast-row--classification,.product-fast-row--commerce{grid-template-columns:1fr}.product-fast-row>.field-card{height:auto}}

/* Product modules accordion: compact overview with native keyboard operation */
.product-section-accordion{box-sizing:border-box;width:100%;margin:0;border:1px solid #d7e2e7;border-radius:13px;background:#fff;box-shadow:0 5px 14px rgba(15,23,42,.045);transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.product-section-accordion__bar{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:52px;padding:10px 13px;border-radius:12px;background:#f8fafb;color:#334155;cursor:pointer;list-style:none;outline:0;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}.product-section-accordion__bar::-webkit-details-marker{display:none}.product-section-accordion__bar>span:first-child{display:grid;min-width:0;gap:3px}.product-section-accordion__bar strong{overflow:hidden;color:#1e3d34;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.product-section-accordion__bar small{overflow:hidden;color:#718078;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.product-section-accordion__action{display:inline-flex;align-items:center;gap:8px;flex:none;padding:6px 8px;border:1px solid #cbded6;border-radius:999px;background:#fff;color:#176149;font-size:9px;font-weight:900}.product-section-accordion__action i{display:grid;width:17px;height:17px;place-items:center;border-radius:50%;background:#e2f2eb;font-size:13px;font-style:normal;line-height:1}.product-section-accordion:not([open]):hover{border-color:#9dcdbb;box-shadow:0 8px 19px rgba(23,97,73,.09)}.product-section-accordion:not([open]):hover .product-section-accordion__bar{background:#edf8f3;color:#105c43}.product-section-accordion__bar:focus-visible{box-shadow:inset 0 0 0 3px rgba(47,143,107,.22);background:#edf8f3}.product-section-accordion[open]{border-color:#a8cebf;background:#f8fcfa;box-shadow:0 12px 27px rgba(23,97,73,.1)}.product-section-accordion[open]>.product-section-accordion__bar{border-bottom:1px solid #cfe3db;border-radius:12px 12px 0 0;background:#e9f6f0}.product-section-accordion[open] .product-section-accordion__action{border-color:#9dcdbb;background:#176149;color:#fff}.product-section-accordion[open] .product-section-accordion__action i{background:rgba(255,255,255,.16);color:#fff}.product-section-accordion__content{margin:10px!important;box-shadow:none!important}.product-section-accordion__content>.editor-section__head{display:none}.product-editor-main>.product-section-accordion,.product-editor-aside>.product-section-accordion{min-width:0}.product-editor-aside .product-section-accordion__bar small{max-width:175px}.product-section-accordion .promotion-planner.editor-section{display:grid}
.product-section-accordion--existing.additional-categories{padding:0}.product-section-accordion__native-content{margin:10px;padding:14px}.product-section-accordion--existing[open]>.product-section-accordion__bar{border-bottom:1px solid #cfe3db}
.product-section-accordion.is-hover-open{border-color:#7fbfa7;box-shadow:0 12px 27px rgba(23,97,73,.12)}.product-section-accordion.is-hover-open>.product-section-accordion__bar{background:#e5f5ed}.product-section-accordion.is-pinned{border-color:#2f8f6b;box-shadow:0 12px 29px rgba(23,97,73,.15)}.product-section-accordion.is-pinned>.product-section-accordion__bar{background:#dcf1e7}.product-section-accordion.is-pinned .product-section-accordion__action{box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.product-section-accordion__bar::marker{content:""}.product-section-accordion--existing.additional-categories>.product-section-accordion__bar span{font-size:inherit;font-weight:inherit}.product-section-accordion--existing.additional-categories>.product-section-accordion__bar .product-section-accordion__action b{display:inline;width:auto;height:auto;margin:0;border-radius:0;background:transparent;color:inherit;font-size:9px;line-height:1}.product-section-accordion--existing.additional-categories>.product-section-accordion__bar .product-section-accordion__action i{margin:0}.additional-category-grid.product-section-accordion__native-content{margin:10px;padding:14px}
.new-product-shell{max-width:1040px}.new-product-form{display:grid;gap:11px}.new-product-primary{margin:0}.new-product-module{box-sizing:border-box;display:grid;gap:13px}.new-product-description-field{margin:0}.new-product-description-field textarea{box-sizing:border-box;min-height:260px;width:100%;resize:vertical}.new-product-categories-grid{max-height:360px;overflow:auto}.new-product-savebar{position:sticky;bottom:0;z-index:8;margin-top:3px}.new-product-form .product-section-accordion{margin:0}.new-product-form .product-ai-assistant{margin:0}.new-product-form input,.new-product-form select,.new-product-form textarea{box-sizing:border-box}.new-product-form .additional-category-card label{display:inline-flex;align-items:center;gap:6px;margin:2px 0}.new-product-form .additional-category-card input{accent-color:#176149}
.new-product-create-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:15px}.new-product-main{display:grid;min-width:0;gap:11px}.new-product-media-column{display:grid;position:sticky;top:10px;gap:11px;min-width:0}.new-product-media-card,.new-product-review-card{margin:0}.new-product-media-preview{min-height:220px}.new-product-media-preview img{max-height:235px}.new-product-media-card .media-dropzone{min-height:105px;margin-top:10px;padding:15px}.new-product-media-card .media-upload-icon{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:#dff3ea;color:#176149;font-size:20px;font-weight:900}.new-media-validation{display:grid;gap:3px;margin-top:9px;padding:9px 10px;border:1px solid #dbe4ed;border-radius:9px;background:#f8fafc}.new-media-validation b{overflow:hidden;color:#334155;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.new-media-validation small{color:#64748b;font-size:9px}.media-status-pill.is-error{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.new-product-media-card .media-automation-list{margin-top:10px}.new-product-media-card .media-automation-list span.is-ok{color:#166534}.new-product-media-card .media-automation-list span.is-error{color:#b91c1c}.new-gallery-gate{display:grid;gap:5px;margin-top:10px;padding:11px;border:1px dashed #cbd5e1;border-radius:10px;background:#f8fafc}.new-gallery-gate b{color:#334155;font-size:10px}.new-gallery-gate small{color:#64748b;font-size:9px}.new-gallery-gate a{justify-self:start}.form-message--warning{border:1px solid #fed7aa;background:#fff7ed;color:#9a3412}
.stock-default-button{display:inline-flex;align-items:center;justify-content:center;min-height:27px;margin-top:7px;padding:5px 8px;border:1px solid #86c7ad;border-radius:8px;background:#fff;color:#176149;font-size:8px;font-weight:950;line-height:1.2;cursor:pointer}.stock-default-button:hover,.stock-default-button:focus-visible{border-color:#176149;background:#dff3ea;outline:none}.product-meta-availability select{font-size:10px}.product-meta-availability small{color:#176149;font-weight:750}
@media(max-width:900px){.new-product-create-layout{grid-template-columns:1fr}.new-product-media-column{position:static;grid-template-columns:1fr 1fr}}
@media(max-width:760px){.new-product-shell{padding:11px}.new-product-categories-grid{grid-template-columns:1fr}.new-product-savebar{position:static}.new-product-media-column{grid-template-columns:1fr}}
@media(max-width:680px){.product-section-accordion__bar{align-items:flex-start;min-height:48px}.product-section-accordion__bar small{max-width:210px}.product-section-accordion__action b{display:none}.product-section-accordion__content{margin:7px!important}.product-section-accordion__native-content{margin:7px;padding:10px}}
@media(max-width:680px){.page-heading-actions{align-items:stretch;width:100%;flex-direction:column}.page-heading-actions>.back-action{width:100%}.page-heading-actions .import-template-actions{width:100%}.page-heading-actions .import-template-actions a{text-align:center}.page-heading-actions form,.page-heading-actions form button{width:100%}}

/* Category and subcategory badges + popup navigation - v15 */
.popup-heading--with-back{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.popup-heading--with-back>div{min-width:0}.catalog-popup-back{flex:0 0 auto;white-space:nowrap}.catalog-badge-form-grid{display:grid;grid-template-columns:minmax(110px,.36fr) minmax(260px,1.25fr) minmax(180px,.72fr);gap:12px}.catalog-batch-grid--four{grid-template-columns:minmax(80px,.28fr) minmax(170px,.78fr) minmax(210px,1fr) minmax(150px,.6fr)}
.catalog-badge{display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:3px 8px;border:1px solid #dbe3ea;border-radius:999px;background:#f8fafc;color:#64748b;font-size:9px;font-weight:950;letter-spacing:.055em;line-height:1;text-transform:uppercase}.catalog-badge.is-regular{color:#94a3b8}.catalog-badge.is-new{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.catalog-badge.is-hot{border-color:#fdba74;background:#fff7ed;color:#c2410c}.catalog-badge.is-sale{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.catalog-badge.is-recommended{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.catalog-badge.is-seasonal{border-color:#a7f3d0;background:#ecfdf5;color:#047857}.catalog-badge.is-clearance{border-color:#ddd6fe;background:#f5f3ff;color:#6d28d9}
@media(max-width:760px){.popup-heading--with-back{align-items:stretch;flex-direction:column}.catalog-popup-back{width:100%}.catalog-badge-form-grid,.catalog-batch-grid--four{grid-template-columns:1fr}}

/* Product editor breathing room and adaptive media placement - v16 */
.popup-shell--product{width:min(1380px,100%)}
.new-product-shell{max-width:1320px}
.product-editor-layout{grid-template-columns:minmax(0,1fr) 300px;gap:20px}
.new-product-create-layout{grid-template-columns:minmax(0,1fr) 300px;gap:20px}
.product-fast-entry-grid{gap:14px;margin-bottom:15px}
.product-fast-entry-grid .field-card{padding:14px}
.product-fast-row{gap:14px}
.product-fast-entry-grid input,.product-fast-entry-grid select{min-height:42px;padding-left:11px;padding-right:11px;font-size:11px}
.product-fast-entry-grid .field-card>span{margin-bottom:6px;font-size:10px;line-height:1.35}
.product-fast-entry-grid small{min-height:0;font-size:9px;line-height:1.45}
.product-fast-row--identity{grid-template-columns:minmax(320px,2fr) minmax(155px,.82fr) minmax(165px,.88fr)}
.product-fast-row--classification{grid-template-columns:minmax(380px,1.65fr) minmax(230px,.85fr)}
.product-fast-row--commerce{grid-template-columns:minmax(170px,.72fr) minmax(235px,1fr) minmax(330px,1.45fr)}
.stock-default-button{min-height:32px;font-size:9px}
.product-list-table .product-list-head th{padding:9px 8px!important;font-size:9px;line-height:1.3}
.product-list-table .product-list-row td{padding:9px 8px!important;font-size:10px;line-height:1.45}
.product-list-table .product-name-link{font-size:11px;line-height:1.45}
.product-list-table .product-code,.product-list-table .product-ean,.product-list-table .product-user{font-size:9px}
.product-list-table .catalog-product-badge,.product-list-table .catalog-availability,.product-list-table .table-action{font-size:9px}
@media(max-width:1120px){
  .product-editor-layout,.new-product-create-layout{grid-template-columns:1fr}
  .product-editor-aside,.new-product-media-column{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-editor-main,.new-product-main{width:100%}
}
@media(max-width:820px){
  .product-fast-row--identity{grid-template-columns:minmax(260px,1.5fr) minmax(130px,.75fr) minmax(140px,.75fr)}
  .product-fast-row--classification{grid-template-columns:minmax(280px,1.35fr) minmax(190px,.8fr)}
  .product-fast-row--commerce{grid-template-columns:minmax(145px,.7fr) minmax(185px,.9fr) minmax(250px,1.25fr)}
}
@media(max-width:760px){
  .product-fast-entry-grid .field-card{padding:12px}
  .product-fast-row--identity,.product-fast-row--classification,.product-fast-row--commerce{grid-template-columns:1fr}
  .product-editor-aside,.new-product-media-column{grid-template-columns:1fr}
}

/* Order delivery, billing, notes and courier workspace - v20 */
.address-editor{padding:0;overflow:hidden}.address-editor>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 19px;cursor:pointer;list-style:none;background:linear-gradient(135deg,#f8fafc,#eff6ff)}.address-editor>summary::-webkit-details-marker{display:none}.address-editor>summary span b,.address-editor>summary span small{display:block}.address-editor>summary span b{color:#0f172a;font-size:12px;letter-spacing:.07em}.address-editor>summary span small{margin-top:4px;color:#64748b}.address-editor>summary em{padding:8px 11px;border-radius:9px;background:#e0e7ff;color:#3730a3;font-style:normal;font-weight:900}.address-editor[open]>summary{border-bottom:1px solid #dbe4ee}.address-edit-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:18px}.address-edit-form fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:0;padding:15px;border:1px solid #dbe4ee;border-radius:13px}.address-edit-form legend{padding:0 7px;color:#176149;font-weight:950}.address-edit-form label{display:grid;gap:5px;color:#475569;font-size:10px;font-weight:900}.address-edit-form label.wide{grid-column:1/-1}.address-edit-form input,.address-edit-form select{box-sizing:border-box;width:100%;min-height:40px;padding:8px 10px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#0f172a;font:inherit}.address-edit-form input:focus,.address-edit-form select:focus{outline:3px solid #dbeafe;border-color:#2563eb}.address-edit-form .check-line{display:flex;align-items:center;grid-column:1/-1;gap:8px;padding:9px;border-radius:9px;background:#f8fafc}.address-edit-form .check-line input{width:auto;min-height:auto}.cui-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.cui-row button{border:0;border-radius:9px;padding:0 10px;background:#1d4ed8;color:#fff;font-weight:900;cursor:pointer}.address-edit-form label small{color:#64748b;font-weight:600}.address-save{display:flex;align-items:center;justify-content:space-between;gap:14px;grid-column:1/-1;padding-top:4px}.address-save span{color:#64748b;font-size:11px}.order-communication-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px}.courier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.courier-grid a{display:block;padding:12px;border:1px solid #dbe4ee;border-radius:11px;background:#f8fafc;color:#0f172a!important;text-decoration:none}.courier-grid a:hover{border-color:#93c5fd;background:#eff6ff}.courier-grid b,.courier-grid small{display:block}.courier-grid small{margin-top:4px;color:#64748b}.admin-order-popup>form{padding:18px;border:1px solid #dbe4ee;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.08)}.admin-order-popup>form>div[style]{margin:0 0 10px!important;padding:12px!important;border:1px solid #dbe4ee!important;border-radius:11px!important;background:#f8fafc!important}.admin-order-popup>form input[type=text],.admin-order-popup>form textarea,.admin-order-popup>form select{box-sizing:border-box;max-width:100%;min-height:40px;padding:8px 10px;border:1px solid #cbd5e1;border-radius:9px;background:#fff}.admin-order-popup>form .text3,.admin-order-popup>form textarea{width:100%!important}.admin-order-popup>h1{margin-top:14px!important;color:#0f172a}.admin-order-popup>form table{width:100%}.admin-order-popup>form .button2{min-height:42px;padding:0 17px;border:0;border-radius:10px;background:#176149;color:#fff;font-weight:900;cursor:pointer}
@media(max-width:900px){.address-edit-form,.order-communication-grid{grid-template-columns:1fr!important}}@media(max-width:620px){.address-edit-form fieldset{grid-template-columns:1fr}.address-edit-form label.wide{grid-column:auto}.courier-grid{grid-template-columns:1fr}.address-save{align-items:stretch;flex-direction:column}.address-save button{width:100%}}
.admin-order-popup>form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-order-popup>form>br{display:none}.admin-order-popup>form>hr,.admin-order-popup>form>p{grid-column:1/-1;width:100%}@media(max-width:620px){.admin-order-popup>form{grid-template-columns:1fr}.admin-order-popup>form>hr,.admin-order-popup>form>p{grid-column:auto}}

/* Phone order operator flow - v21 */
.phone-order-menu{margin:3px 7px!important;border-radius:9px!important;background:#ecfdf5!important;color:#047857!important;font-weight:950!important}.phone-order-page{width:min(1180px,calc(100% - 34px));margin:22px auto 42px}.phone-order-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.phone-order-heading h1{margin:5px 0 7px;color:#0f172a;font-size:28px}.phone-order-heading p{margin:0;color:#64748b}.phone-order-back{display:inline-flex;align-items:center;min-height:40px;padding:0 13px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#334155!important;font-weight:900;text-decoration:none}.phone-order-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.phone-order-card{padding:17px;border:1px solid #dbe4ee;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.06)}.phone-products-card,.phone-order-submit{grid-column:1/-1}.phone-card-head{display:flex;align-items:center;gap:11px;margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid #eef2f7}.phone-card-head>span{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#e8f5ef;color:#176149;font-weight:950}.phone-card-head b,.phone-card-head small{display:block}.phone-card-head b{color:#0f172a;font-size:15px}.phone-card-head small{margin-top:2px;color:#64748b}.phone-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.phone-fields label{display:grid;gap:5px;color:#475569;font-size:10px;font-weight:900}.phone-fields label.wide{grid-column:1/-1}.phone-fields input,.phone-fields select,.phone-fields textarea,.phone-product-picker input{box-sizing:border-box;width:100%;min-height:41px;padding:8px 10px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#0f172a;font:inherit}.phone-fields textarea{resize:vertical}.phone-fields input:focus,.phone-fields select:focus,.phone-fields textarea:focus,.phone-product-picker input:focus{outline:3px solid #dbeafe;border-color:#2563eb}.phone-check{display:flex!important;align-items:center;gap:8px;padding:10px;border-radius:9px;background:#f8fafc}.phone-check input{width:auto;min-height:auto}.phone-cui{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.phone-cui button,.phone-product-picker button{border:0;border-radius:9px;padding:0 13px;background:#1d4ed8;color:#fff;font-weight:900;cursor:pointer}.phone-fields label small{color:#64748b;font-weight:600}.phone-product-picker>label{display:block;margin-bottom:6px;color:#475569;font-size:10px;font-weight:900}.phone-product-picker>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.phone-products-table{margin-top:15px;border:1px solid #dbe4ee;border-radius:12px;overflow:hidden}.phone-products-head,.phone-product-row{display:grid;grid-template-columns:minmax(270px,1.7fr) 110px 105px 120px 42px;gap:8px;align-items:center;padding:10px 12px}.phone-products-head{background:#0f172a;color:#fff;font-size:9px;font-weight:950;letter-spacing:.05em}.phone-product-row{border-top:1px solid #eef2f7}.phone-product-row:first-child{border-top:0}.phone-product-row b,.phone-product-row small{display:block}.phone-product-row small{margin-top:3px;color:#64748b}.phone-product-row input{box-sizing:border-box;width:75px;min-height:36px;padding:6px;border:1px solid #cbd5e1;border-radius:8px}.phone-product-row>button{width:34px;height:34px;border:0;border-radius:9px;background:#fff1f2;color:#be123c;font-size:19px;font-weight:950;cursor:pointer}.phone-empty{margin:0;padding:20px;text-align:center;color:#94a3b8}.phone-order-submit{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-radius:16px;background:#0f172a;color:#fff;box-shadow:0 12px 30px rgba(15,23,42,.18)}.phone-order-submit small,.phone-order-submit strong,.phone-order-submit span{display:block}.phone-order-submit strong{margin:3px 0;font-size:24px}.phone-order-submit span{color:#cbd5e1;font-size:11px}.phone-order-submit>button{min-height:48px;padding:0 19px;border:0;border-radius:11px;background:#22c55e;color:#052e16;font-weight:950;cursor:pointer}.phone-order-badge{display:block;width:max-content;margin-top:6px;padding:4px 7px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:8px;font-weight:950;letter-spacing:.05em}.phone-order-row td{background:#f8fbff!important}@media(max-width:900px){.phone-order-form{grid-template-columns:1fr}.phone-products-card,.phone-order-submit{grid-column:auto}}@media(max-width:700px){.phone-order-page{width:min(100% - 20px,1180px)}.phone-order-heading,.phone-order-submit{align-items:stretch;flex-direction:column}.phone-fields{grid-template-columns:1fr}.phone-fields label.wide{grid-column:auto}.phone-product-picker>div{grid-template-columns:1fr}.phone-product-picker button{min-height:42px}.phone-products-table{overflow-x:auto}.phone-products-head,.phone-product-row{min-width:680px}.phone-order-submit>button{width:100%}}

/* Phone orders grouped by type - v22 */
.order-channels-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.order-channel-card--phone .order-channel-icon{background:#eef2ff;color:#4338ca}.phone-order-entry-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.phone-order-entry-options a{display:block;padding:12px;border:1px solid #c7d2fe;border-radius:11px;background:#f5f7ff;color:#312e81!important;text-decoration:none;transition:.18s}.phone-order-entry-options a:hover{border-color:#6366f1;background:#eef2ff;transform:translateY(-1px)}.phone-order-entry-options b,.phone-order-entry-options small{display:block}.phone-order-entry-options small{margin-top:4px;color:#64748b}.phone-order-form--compact{grid-template-columns:minmax(0,1fr);max-width:1060px;margin:0 auto}.phone-order-form--compact .phone-order-card,.phone-order-form--compact .phone-order-submit{grid-column:1}.phone-order-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.phone-type-option{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;padding:14px;border:2px solid #dbe4ee;border-radius:13px;background:#f8fafc;cursor:pointer;transition:.18s}.phone-type-option:hover,.phone-type-option.is-active{border-color:#4f46e5;background:#eef2ff;box-shadow:0 7px 18px rgba(79,70,229,.09)}.phone-type-option input{width:18px;height:18px}.phone-type-option b,.phone-type-option small{display:block}.phone-type-option b{font-size:15px;color:#0f172a}.phone-type-option small{margin-top:3px;color:#64748b}.phone-fields--three{grid-template-columns:repeat(3,minmax(0,1fr))}.phone-fields--three label.wide{grid-column:span 2}.phone-context-card[hidden],.phone-products-card[hidden]{display:none!important}.phone-product-delivery{max-width:330px;margin-bottom:12px}.phone-billing-card{padding:0;overflow:hidden}.phone-billing-card summary{list-style:none;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:15px 17px;cursor:pointer}.phone-billing-card summary::-webkit-details-marker{display:none}.phone-billing-card summary>span{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#e8f5ef;color:#176149;font-weight:950}.phone-billing-card summary b,.phone-billing-card summary small{display:block}.phone-billing-card summary small{margin-top:2px;color:#64748b}.phone-billing-card summary em{font-style:normal;color:#4f46e5;font-weight:900}.phone-billing-card[open] summary{border-bottom:1px solid #eef2f7}.phone-billing-card[open] summary em:after{content:' deschis'}.phone-billing-card>.phone-fields{padding:17px}.admin-message{max-width:1026px;margin:0 auto 14px;padding:12px 15px;border-radius:11px;background:#fee2e2;color:#991b1b;font-weight:850}.admin-message--success{background:#dcfce7;color:#166534}@media(max-width:760px){.phone-order-types,.phone-fields--three,.phone-order-entry-options{grid-template-columns:1fr}.phone-fields--three label.wide{grid-column:auto}.phone-billing-card summary{grid-template-columns:auto 1fr}.phone-billing-card summary em{grid-column:2}}

/* Supervised internal order processor - v28 */
.processor-overview{display:grid;grid-template-columns:auto minmax(260px,1fr) auto auto;align-items:center;gap:18px;margin:0 0 16px;padding:16px 18px;border:1px solid #d8e2e8;border-radius:17px;background:linear-gradient(135deg,#fff,#f7faf9);box-shadow:0 9px 26px rgba(15,23,42,.07)}.processor-overview.is-enabled{border-color:#86c9aa;background:linear-gradient(135deg,#f4fcf8,#eaf8f1)}.processor-overview__state{display:flex;align-items:center;gap:10px;min-width:112px}.processor-overview__state small,.processor-overview__state strong{display:block}.processor-overview__state small{color:#64748b;font-size:8px;font-weight:950;letter-spacing:.08em}.processor-overview__state strong{margin-top:2px;color:#9f3440;font-size:16px}.processor-overview.is-enabled .processor-overview__state strong{color:#087344}.processor-pulse{display:block;width:12px;height:12px;border-radius:50%;background:#c65a65;box-shadow:0 0 0 5px #fde8ea}.is-enabled .processor-pulse{background:#16a164;box-shadow:0 0 0 5px #daf3e7}.processor-overview__copy h2{margin:0 0 4px;color:#12212b;font-size:17px}.processor-overview__copy p{margin:0;color:#65756d;font-size:11px;line-height:1.45}.processor-overview__metrics{display:flex;gap:7px}.processor-overview__metrics span{min-width:62px;padding:8px;border-radius:10px;background:#eef3f1;color:#66746d;text-align:center;font-size:9px;font-weight:800}.processor-overview__metrics b{display:block;color:#14251d;font-size:17px}.processor-overview__action{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:10px;background:#176149;color:#fff!important;font-weight:950;text-decoration:none;white-space:nowrap}
.processor-page{padding-bottom:45px}.processor-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:17px}.processor-page-head h1{margin:5px 0 7px;color:#0f172a;font-size:29px}.processor-page-head p{max-width:720px;margin:0;color:#64748b}.processor-message{margin-bottom:14px;padding:12px 14px;border-radius:11px;background:#dcfce7;color:#166534;font-weight:850}.processor-message--error{background:#fee2e2;color:#991b1b}.processor-control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:18px 20px;border:1px solid #e4bfc3;border-radius:17px;background:linear-gradient(135deg,#fff8f8,#fff);box-shadow:0 10px 28px rgba(15,23,42,.07)}.processor-control.is-enabled{border-color:#91ceb1;background:linear-gradient(135deg,#effbf5,#fff)}.processor-control__status{display:flex;align-items:flex-start;gap:14px}.processor-control__status small,.processor-control__status strong{display:block}.processor-control__status small{color:#64748b;font-size:9px;font-weight:950;letter-spacing:.09em}.processor-control__status strong{margin:3px 0;color:#a33c47;font-size:22px}.processor-control.is-enabled .processor-control__status strong{color:#087344}.processor-control__status p{margin:0;color:#64748b;font-size:11px}.processor-control__actions{display:flex;gap:8px}.processor-control__actions form{margin:0}.processor-control__actions button{min-height:43px;padding:0 14px;border:0;border-radius:10px;font-weight:950;cursor:pointer}.processor-toggle{background:#26343c;color:#fff}.processor-run{background:#176149;color:#fff}.processor-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:13px 0}.processor-stat-grid article{padding:14px;border:1px solid #dbe4ee;border-radius:13px;background:#fff}.processor-stat-grid b,.processor-stat-grid span{display:block}.processor-stat-grid b{color:#0f172a;font-size:23px}.processor-stat-grid span{margin-top:3px;color:#64748b;font-size:10px}.processor-ai-state{background:#f8fafc!important}.processor-rules{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.45fr);gap:18px;align-items:center;margin-bottom:14px;padding:14px 17px;border:1px solid #dbe4ee;border-radius:13px;background:#f8fafc}.processor-rules>div{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.processor-rules strong{margin-right:5px}.processor-rules span,.processor-safe-badge{padding:6px 8px;border-radius:999px;background:#e6f5ed;color:#087344;font-size:9px;font-weight:950}.processor-rules p{margin:0;color:#64748b;font-size:10px;line-height:1.5}.processor-queue{padding:17px;border:1px solid #dbe4ee;border-radius:16px;background:#fff;box-shadow:0 9px 27px rgba(15,23,42,.06)}.processor-review-list{display:grid;gap:12px}.processor-review{overflow:hidden;border:1px solid #dbe4ee;border-radius:14px;background:#fff}.processor-review--approved{border-color:#a7d6bc}.processor-review--rejected{opacity:.72}.processor-review>header{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;background:#f8fafc}.processor-review h3{display:inline;margin:0 0 0 7px;color:#0f172a}.processor-review header small{display:block;margin-top:5px;color:#64748b}.processor-order-number{padding:5px 7px;border-radius:8px;background:#0f172a;color:#fff;font-weight:950}.processor-confidence{text-align:right}.processor-confidence b,.processor-confidence span{display:block}.processor-confidence b{color:#176149;font-size:20px}.processor-confidence span{color:#64748b;font-size:9px}.processor-review-grid{display:grid;grid-template-columns:.65fr 1.2fr 1.2fr;gap:12px;padding:15px}.processor-review-grid>div{padding:12px;border:1px solid #e7ecef;border-radius:11px}.processor-review-grid small,.processor-review-grid strong{display:block}.processor-review-grid small{color:#64748b;font-size:8px;font-weight:950;letter-spacing:.08em}.processor-review-grid strong{margin:5px 0;color:#0f172a}.processor-review-grid ul{margin:7px 0 0;padding-left:18px;color:#45564d}.processor-review-grid li{margin:5px 0;font-size:11px}.processor-code{display:inline-block;padding:4px 6px;border-radius:7px;background:#eef2f7;color:#475569;font:9px monospace}.processor-review>footer{display:flex;align-items:center;gap:9px;padding:11px 15px;border-top:1px solid #eef2f7;background:#fbfdfc}.processor-review>footer>a,.processor-review-state{display:inline-flex;align-items:center;min-height:34px;padding:0 10px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#334155!important;font-size:10px;font-weight:950;text-decoration:none}.processor-review-state{border-color:#cce2d8;background:#edf8f3;color:#176149}.processor-decision{display:flex;gap:7px;align-items:center;margin-left:auto}.processor-decision input{box-sizing:border-box;min-height:35px;width:190px;padding:7px 9px;border:1px solid #cbd5e1;border-radius:9px}.processor-decision button{min-height:35px;padding:0 10px;border:0;border-radius:9px;background:#e7edf1;color:#334155;font-weight:950;cursor:pointer}.processor-decision button.approve{background:#176149;color:#fff}.processor-empty{padding:38px;text-align:center;color:#64748b}.processor-empty strong{color:#0f172a;font-size:17px}.processor-empty p{margin-bottom:0}
@media(max-width:1100px){.processor-overview{grid-template-columns:auto minmax(0,1fr) auto}.processor-overview__metrics{grid-column:1/-1}.processor-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.processor-review-grid{grid-template-columns:1fr 1fr}.processor-review-grid>div:first-child{grid-column:1/-1}}@media(max-width:760px){.processor-overview,.processor-control,.processor-rules{grid-template-columns:1fr}.processor-overview__metrics{overflow-x:auto}.processor-overview__action{width:max-content}.processor-control__actions,.processor-page-head,.processor-review>footer,.processor-decision{align-items:stretch;flex-direction:column}.processor-stat-grid,.processor-review-grid{grid-template-columns:1fr}.processor-review-grid>div:first-child{grid-column:auto}.processor-decision{width:100%;margin-left:0}.processor-decision input{width:100%}}

/* === Shell administrare 2026: strat comun, accesibil și rezilient === */
html { scroll-behavior: smooth; }
body { font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; }
.skip-link { position: fixed; z-index: 9999; top: 8px; left: 8px; padding: 10px 14px; border-radius: 9px; color: #fff; background: #111827; box-shadow: var(--shadow); transform: translateY(-150%); transition: transform .15s ease; }
.skip-link:focus { color: #fff; transform: translateY(0); }
.admin-main { display: flow-root; min-height: calc(100vh - 156px); }
.brand-block { color: #fff; }
.brand-block:hover, .brand-block:focus-visible { color: #fff; }
.logout-form { margin: 0; }
.current-user { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.app-footer { clear: both; display: flex; align-items: center; justify-content: space-between; gap: 16px; width: auto; margin: 0; padding: 14px 28px; border-top: 1px solid var(--line); color: var(--muted); background: #fff; }
.footer-top { min-height: 34px; padding: 6px 10px; border: 1px solid #d6deea; color: #334155; background: #fff; box-shadow: none; }
.footer-top:hover { border-color: var(--primary); color: var(--primary); background: #f7faff; }
:where(a,button,input,select,textarea,[tabindex]):focus-visible { outline: 3px solid rgba(37,99,235,.3); outline-offset: 2px; }
button, input, select, textarea { font: inherit; }
button, [type="button"], [type="submit"], a[href] { touch-action: manipulation; }
img { max-width: 100%; height: auto; }
[hidden] { display: none !important; }
.table-scroll { overscroll-behavior-inline: contain; scrollbar-gutter: stable; }
.modern-table th { position: sticky; top: 0; z-index: 1; }
@supports (backdrop-filter: blur(12px)) {
  .settings-savebar, .form-actions { backdrop-filter: blur(12px); }
}
@media (max-width: 900px) {
  .app-header { height: auto; min-height: 68px; padding: 12px 16px; }
  .brand-copy small { display: none; }
  .header-meta { gap: 7px; }
  .current-user { max-width: 110px; }
  ul#navlist { padding-inline: 10px; }
  #navlist a { min-height: 46px; padding-inline: 11px; }
  #undernav { padding-inline: 16px; }
  ul#leftbar { float: none; width: auto; margin: 12px 16px 0; }
  #rightcontent { margin: 12px 16px 32px; padding: 16px; }
  .app-footer { padding-inline: 16px; }
}
@media (max-width: 560px) {
  .brand-mark { width: 38px; height: 38px; border-radius: 10px; }
  .brand-copy strong { font-size: 14px; }
  .current-user, .online-dot { display: none; }
  .logout-button { margin-left: 0; }
  #undernav span { display: none; }
  #undernav { justify-content: flex-end; }
  .login-card { padding: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Grupuri și drepturi 2026 */
.groups-page .table-scroll { padding: 0; }
.groups-table td:nth-child(3) { max-width: 480px; color: var(--muted); }
.table-action--permissions { border-color: #cbdaf8; color: #2456a6; background: #f3f7ff; }
.groups-popup .popup-shell { padding-block: 4px 24px; }
.permission-notice { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; padding: 12px 14px; border-radius: 10px; color: #31558a; background: #eef5ff; }
.permission-notice span { color: #5b6d86; font-size: 11px; }
.permission-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.permission-item { min-width: 0; padding: 12px; border: 1px solid #e0e6ef; border-radius: 10px; background: #fafcff; }
.permission-item label { display: flex; align-items: flex-start; gap: 9px; color: #334155; line-height: 1.45; cursor: pointer; }
.permission-item input { flex: 0 0 auto; width: 17px; height: 17px; margin-top: 2px; accent-color: var(--primary); }
@media (max-width: 700px) {
  .permission-grid { grid-template-columns: 1fr; }
  .permission-notice { align-items: flex-start; flex-direction: column; }
}

/* Utilizatori administrativi 2026 */
.alphabet-filter { display: flex; align-items: center; gap: 5px; margin-bottom: 14px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; background: #fff; box-shadow: var(--shadow); overflow-x: auto; }
.alphabet-filter span { margin-right: 6px; color: var(--muted); font-size: 10px; font-weight: 800; white-space: nowrap; text-transform: uppercase; letter-spacing: .07em; }
.alphabet-filter a { display: inline-flex; min-width: 28px; min-height: 28px; align-items: center; justify-content: center; padding: 4px 7px; border-radius: 7px; color: #445166; background: #f3f6fa; font-size: 10px; font-weight: 800; }
.alphabet-filter a:hover { color: #fff; background: var(--primary); }
.users-table tr.is-inactive { opacity: .64; }
.users-table tr.is-inactive:hover { opacity: .85; }
.status-select { min-width: 86px; font-weight: 700; }
.table-action.is-disabled { color: #8b95a5; background: #f1f3f6; cursor: not-allowed; }
.user-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.user-form-grid .field-card { margin: 0; }
@media (max-width: 700px) {
  .user-form-grid { grid-template-columns: 1fr; }
  .user-form-grid .field-card--wide { grid-column: auto; }
}


/* === DASHBOARD SALES PERIOD + ORDER SLA 2026 / 2026-08-22 === */
.sales-quality-column{display:grid;align-content:start;gap:12px;min-width:0}
.sales-period-panel{padding:15px}
.sales-period-head{align-items:center;margin-bottom:10px}
.sales-period-head p{margin:2px 0 0}
.sales-period-grid{margin-bottom:9px}
.sales-period-grid>a{display:block;min-width:0;padding:9px 8px;border:1px solid #dbe4ed;border-radius:9px;background:#f8fafc;color:#334155;text-decoration:none;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.sales-period-grid>a:hover,.sales-period-grid>a:focus-visible{border-color:#93c5fd;background:#eff6ff;transform:translateY(-1px);outline:none}
.sales-period-grid>a.is-active{border-color:#2563eb;background:#eff6ff;box-shadow:inset 0 0 0 1px #2563eb}
.sales-period-grid>a small,.sales-period-grid>a strong{display:block}
.sales-period-grid>a small{color:#64748b;font-size:9px}
.sales-period-grid>a strong{margin-top:4px;color:#153d32;font-size:11px;white-space:nowrap}
.sales-chart-details{border-top:1px solid #e2e8f0}
.sales-chart-details>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 2px 2px;list-style:none;cursor:pointer;color:#1d4ed8;font-size:10px;font-weight:900}
.sales-chart-details>summary::-webkit-details-marker{display:none}
.sales-chart-details>summary em{font-style:normal;color:#64748b;font-size:9px}
.sales-chart-details[open]>summary{padding-bottom:5px}
.monthly-panel .sales-chart-details .bar-chart{height:148px;padding-top:10px}

.late-orders-panel{padding:0;overflow:hidden;border-left:4px solid #16a34a}
.late-orders-panel.tone-warning{border-left-color:#f59e0b}
.late-orders-panel.tone-critical{border-left-color:#dc2626}
.late-orders-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 16px;list-style:none;cursor:pointer;background:linear-gradient(135deg,#f8fafc,#fff)}
.late-orders-summary::-webkit-details-marker{display:none}
.late-orders-summary:hover{background:#f8fbff}
.late-orders-copy{display:grid;gap:3px}
.late-orders-copy small{color:#64748b;font-size:8px;font-weight:900;letter-spacing:.08em}
.late-orders-copy b{color:#172033;font-size:14px}
.late-orders-copy em{color:#15803d;font-size:9px;font-style:normal;font-weight:900}
.tone-warning .late-orders-copy em{color:#b45309}
.tone-critical .late-orders-copy em{color:#b91c1c}
.late-orders-score{text-align:right}
.late-orders-score strong{display:block;color:#15803d;font-size:28px;line-height:1}
.tone-warning .late-orders-score strong{color:#d97706}
.tone-critical .late-orders-score strong{color:#dc2626}
.late-orders-score small{color:#64748b;font-size:9px}
.late-orders-details{padding:0 16px 15px;border-top:1px solid #e2e8f0;background:#fff}
.late-orders-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding-top:12px}
.late-orders-stats span{padding:8px 6px;border:1px solid #e2e8f0;border-radius:9px;background:#f8fafc;text-align:center}
.late-orders-stats b,.late-orders-stats small{display:block}
.late-orders-stats b{font-size:15px;color:#172033}
.late-orders-stats small{margin-top:2px;color:#64748b;font-size:8px;line-height:1.25}
.late-orders-meter{height:7px;margin:11px 0 9px;border-radius:99px;background:#e5e7eb;overflow:hidden}
.late-orders-meter i{display:block;min-width:2px;max-width:100%;height:100%;border-radius:inherit;background:#16a34a}
.tone-warning .late-orders-meter i{background:#f59e0b}
.tone-critical .late-orders-meter i{background:#dc2626}
.late-orders-details>p{margin:0;color:#64748b;font-size:9px;line-height:1.5}
.late-orders-list{display:grid;gap:5px;margin-top:10px}
.late-orders-list a{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:7px 8px;border-radius:8px;background:#fef2f2;color:#475569;text-decoration:none;font-size:9px}
.late-orders-list a:hover{background:#fee2e2}
.late-orders-list a span{font-weight:900;color:#991b1b}
.late-orders-list a b{color:#b91c1c}
.late-orders-empty{margin-top:10px!important;padding:8px;border-radius:8px;background:#f0fdf4;color:#166534!important}
@media(max-width:1100px){.dashboard-grid-wide{grid-template-columns:1fr}.sales-quality-column{grid-template-columns:1fr 1fr}.activity-panel{min-height:0}}
@media(max-width:760px){.sales-quality-column{grid-template-columns:1fr}.late-orders-stats{grid-template-columns:1fr 1fr}.late-orders-summary{grid-template-columns:1fr}.late-orders-score{text-align:left}.sales-period-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monthly-panel .sales-chart-details .bar-chart{height:170px}}


/* === MARKETING GROWTH CENTER 2026 / 2026-08-22 === */
.marketing-subnav{display:flex;flex-wrap:wrap;gap:8px}
.marketing-subnav a{margin:0!important}
.marketing-sidebar a[href="#planificator"]{border-left:4px solid #7c3aed!important;background:#f5f3ff!important;color:#5b21b6!important;font-weight:900}
.marketing-page{display:grid;gap:18px}
.marketing-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:22px;overflow:hidden;padding:27px 29px;border-radius:19px;background:linear-gradient(125deg,#111827 0%,#312e81 58%,#7c3aed 100%);color:#fff;box-shadow:0 20px 45px rgba(49,46,129,.24)}
.marketing-hero:after{content:"";position:absolute;right:-80px;top:-110px;width:280px;height:280px;border:55px solid rgba(255,255,255,.08);border-radius:50%}
.marketing-hero>div,.marketing-hero>a{position:relative;z-index:1}
.marketing-hero .eyebrow{color:#c4b5fd}
.marketing-hero h1{margin:5px 0 7px;color:#fff!important;font-size:clamp(27px,3vw,39px);letter-spacing:-.04em;text-shadow:0 2px 16px rgba(0,0,0,.2)}
.marketing-hero p{max-width:760px;margin:0;color:#ddd6fe;line-height:1.55}
.marketing-hero .primary-action{flex:0 0 auto;background:#fff;color:#4c1d95}

.marketing-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.marketing-kpi-grid article{min-width:0;padding:14px 13px;border:1px solid #ddd6fe;border-radius:13px;background:#fff;box-shadow:0 8px 20px rgba(76,29,149,.07)}
.marketing-kpi-grid span,.marketing-kpi-grid strong,.marketing-kpi-grid small{display:block}
.marketing-kpi-grid span{color:#7c3aed;font-size:8px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.marketing-kpi-grid strong{margin:5px 0 2px;color:#1e1b4b;font-size:20px;white-space:nowrap}
.marketing-kpi-grid small{color:#64748b;font-size:9px}

.marketing-readiness{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc}
.marketing-readiness>div{display:grid;grid-template-columns:10px 1fr;column-gap:7px;align-items:center;padding:7px 9px;border-radius:9px;background:#fff}
.marketing-readiness>div>span{grid-row:1/3;width:9px;height:9px;border-radius:50%}
.marketing-readiness .is-ready{background:#16a34a;box-shadow:0 0 0 4px #dcfce7}
.marketing-readiness .is-waiting{background:#f59e0b;box-shadow:0 0 0 4px #fef3c7}
.marketing-readiness b{color:#334155;font-size:10px}
.marketing-readiness small{color:#64748b;font-size:8px}

.marketing-groups{display:grid;gap:18px}
.marketing-channel-section,.marketing-planner,.marketing-campaigns,.marketing-measurement{padding:20px;border:1px solid #e2e8f0;border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.06);scroll-margin-top:110px}
.marketing-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.marketing-section-head h2,.marketing-planner-head h2{margin:3px 0 3px;font-size:21px;color:#172033}
.marketing-section-head p,.marketing-planner-head p{margin:0;color:#64748b;font-size:11px}
.marketing-section-head>span,.marketing-section-head>a{flex:0 0 auto;padding:6px 9px;border-radius:99px;background:#f5f3ff;color:#6d28d9;font-size:9px;font-weight:900;text-decoration:none}
.marketing-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.marketing-channel-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:14px;border:1px solid #e2e8f0;border-radius:13px;background:#fbfdff;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.marketing-channel-card:hover{z-index:2;transform:translateY(-2px);border-color:#c4b5fd;box-shadow:0 12px 24px rgba(76,29,149,.1)}
.marketing-channel-card.tone-connected{border-top:3px solid #16a34a}
.marketing-channel-card.tone-setup{border-top:3px solid #f59e0b}
.marketing-channel-card.tone-planned{border-top:3px solid #8b5cf6}
.marketing-channel-top{display:flex;align-items:center;justify-content:space-between;gap:9px}
.marketing-channel-icon{display:grid;place-items:center;min-width:36px;height:36px;padding:0 6px;border-radius:10px;background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#5b21b6;font-size:10px;font-weight:950}
.marketing-channel-state{padding:5px 7px;border-radius:99px;background:#f1f5f9;color:#64748b;font-size:8px;font-weight:900;white-space:nowrap}
.tone-connected .marketing-channel-state{background:#dcfce7;color:#166534}
.tone-setup .marketing-channel-state{background:#fef3c7;color:#92400e}
.tone-planned .marketing-channel-state{background:#ede9fe;color:#6d28d9}
.marketing-channel-card h3{margin:11px 0 4px;color:#172033;font-size:14px}
.marketing-channel-card p{flex:1;margin:0 0 12px;color:#64748b;font-size:10px;line-height:1.45}
.marketing-channel-actions{display:flex;flex-wrap:wrap;gap:5px}
.marketing-channel-actions a{padding:6px 8px;border-radius:7px;background:#eef2ff;color:#4338ca;font-size:8px;font-weight:900;text-decoration:none}
.marketing-channel-actions a:hover{background:#ddd6fe}
.marketing-channel-actions .channel-config{background:#172033;color:#fff}
.marketing-channel-actions .channel-external{margin-left:auto;background:#f1f5f9;color:#334155;font-size:12px;line-height:1}

.marketing-planner{border-color:#c4b5fd;background:linear-gradient(180deg,#faf5ff,#fff 34%)}
.marketing-planner-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.planner-safe-badge{flex:0 0 auto;padding:7px 10px;border-radius:99px;background:#dcfce7;color:#166534;font-size:9px;font-weight:900}
.marketing-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.marketing-form .field-card{margin:0}
.marketing-form .field-card input,.marketing-form .field-card select,.marketing-form .field-card textarea{width:100%;box-sizing:border-box}
.marketing-field-wide{grid-column:span 2}
.marketing-field-full{grid-column:1/-1}
.marketing-date-pair{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.marketing-form-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:4px}
.marketing-form-actions span{color:#64748b;font-size:10px}
.marketing-form-actions button{border:0;cursor:pointer}

.marketing-table td>strong,.marketing-table td>small,.marketing-table td>span{display:block}
.marketing-table td>small{margin-top:3px;color:#64748b;font-size:8px}
.marketing-objective{display:inline-flex!important;padding:5px 7px;border-radius:99px;font-size:8px;font-weight:900}
.objective-traffic{background:#dbeafe;color:#1d4ed8}
.objective-orders{background:#dcfce7;color:#166534}
.objective-leads{background:#ffedd5;color:#9a3412}
.marketing-status-form{display:flex;gap:5px}
.marketing-status-form select{min-width:92px;padding:6px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;font-size:9px}
.marketing-status-form button{padding:6px 8px;border:0;border-radius:7px;background:#312e81;color:#fff;font-size:8px;font-weight:900;cursor:pointer}
.marketing-empty{display:grid;gap:4px;padding:22px;border:1px dashed #c4b5fd;border-radius:12px;background:#faf5ff;text-align:center}
.marketing-empty strong{color:#4c1d95}.marketing-empty span{color:#7c3aed;font-size:10px}

.marketing-measure-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.marketing-measure-grid article{padding:13px;border:1px solid #e2e8f0;border-radius:11px;background:#f8fafc}
.marketing-measure-grid b,.marketing-measure-grid span{display:block}
.marketing-measure-grid b{font-size:12px;color:#172033}
.marketing-measure-grid span{margin:4px 0;padding:4px 6px;border-radius:6px;background:#ede9fe;color:#6d28d9;font-size:8px;font-weight:900;width:max-content}
.marketing-measure-grid p{margin:0;color:#64748b;font-size:9px;line-height:1.45}
.marketing-compliance-note{margin:12px 0 0;padding:10px 12px;border-radius:9px;background:#fff7ed;color:#9a3412;font-size:9px;line-height:1.5}

@media(max-width:1280px){
  .marketing-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .marketing-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .marketing-form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .marketing-measure-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .marketing-readiness{grid-template-columns:repeat(2,minmax(0,1fr))}
  .marketing-hero,.marketing-planner-head{align-items:flex-start;flex-direction:column}
  .marketing-hero .primary-action{align-self:flex-start}
}
@media(max-width:680px){
  .marketing-kpi-grid,.marketing-channel-grid,.marketing-form,.marketing-measure-grid,.marketing-readiness{grid-template-columns:1fr}
  .marketing-field-wide,.marketing-field-full{grid-column:1}
  .marketing-section-head,.marketing-form-actions{align-items:flex-start;flex-direction:column}
  .marketing-date-pair{grid-template-columns:1fr}
  .marketing-channel-actions .channel-external{margin-left:0}
}

/* === MARKETING CONNECTORS 2026 / 2026-08-22 === */
.marketing-connectors-section{scroll-margin-top:18px}
.marketing-settings-icon{background:linear-gradient(135deg,#6d28d9,#2563eb)!important;color:#fff!important}
.marketing-connector-alert,.marketing-connector-foot{margin:0 0 18px;padding:13px 15px;border:1px solid #c7d2fe;border-radius:12px;background:#eef2ff;color:#3730a3;line-height:1.55}
.marketing-connector-foot{margin:18px 0 0;border-color:#d1fae5;background:#ecfdf5;color:#065f46}
.marketing-connector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.marketing-connector-card{border:1px solid #dbe3ef;border-radius:16px;background:#fff;padding:17px;box-shadow:0 8px 24px rgba(15,23,42,.055)}
.marketing-connector-card header{display:flex;align-items:center;gap:12px;margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid #edf1f7}
.marketing-connector-card h3{margin:0 0 3px;color:#14213d;font-size:17px}
.marketing-connector-card header p{margin:0;color:#64748b;font-size:13px}
.marketing-connector-card .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.marketing-connector-card .field-card{min-width:0}
.mk-brand{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 8px;border-radius:12px;background:#e2e8f0;color:#0f172a;font-weight:900;font-size:13px}
.mk-brand--meta{background:#e8f0ff;color:#0866ff}.mk-brand--tiktok{background:#111827;color:#fff}.mk-brand--pinterest{background:#fee2e2;color:#bd081c}.mk-brand--linkedin{background:#e0f2fe;color:#0a66c2}.mk-brand--snapchat{background:#fef9c3;color:#111827}.mk-brand--reddit{background:#ffedd5;color:#ff4500}.mk-brand--microsoft{background:#e0f2fe;color:#0078d4}.mk-brand--google{background:#ecfdf5;color:#137333}.mk-brand--email{background:#ede9fe;color:#6d28d9}.mk-brand--sms{background:#dcfce7;color:#166534}
@media(max-width:1080px){.marketing-connector-grid{grid-template-columns:1fr}}
@media(max-width:680px){.marketing-connector-card{padding:13px}.marketing-connector-card .settings-grid{grid-template-columns:1fr}}

/* Marketing: comparatoare România și vizibilitate AI */
.comparison-grid,.ai-visibility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}
.comparison-card,.ai-visibility-grid article{background:#fff;border:1px solid #dce7e2;border-radius:14px;padding:16px;box-shadow:0 5px 18px rgba(20,67,49,.06);display:flex;flex-direction:column;gap:7px;min-width:0}
.comparison-card.is-ready{border-top:4px solid #2d9d65}.comparison-card.needs-config{border-top:4px solid #d49a2a}
.comparison-card b,.ai-visibility-grid b{font-size:15px;color:#173f31}
.comparison-card span,.status-dot{font-size:12px;font-weight:700;color:#39705a}
.comparison-card p,.ai-visibility-grid p,.comparison-discovery{margin:0;color:#556b62;line-height:1.5}
.comparison-card a,.ai-visibility-actions a,.ai-public-endpoints a{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;padding:8px 11px;border-radius:9px;background:#edf7f2;color:#176844;text-decoration:none;font-weight:700}
.comparison-discovery{padding:14px 16px;border-radius:12px;background:#fff8e8;border:1px solid #f0deb0}
.status-dot.is-ready{color:#137447}.status-dot.is-warning{color:#a65f00}.status-dot.is-neutral{color:#52646f}
.ai-visibility-actions,.ai-public-endpoints{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.ai-visibility-settings .modern-check{display:flex;align-items:center;gap:9px;font-weight:700}
.ai-visibility-settings .modern-check input{width:18px;height:18px}
.settings-note{padding:13px 15px;border-radius:10px;background:#f4f8f6;color:#4d6359;line-height:1.5}
@media(max-width:1100px){.comparison-grid,.ai-visibility-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.comparison-grid,.ai-visibility-grid{grid-template-columns:1fr}.ai-public-endpoints a{width:100%}}


/* Marketplace hub 2026 */
.marketplace-subnav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.marketplace-sidebar a{font-weight:750}.marketplace-hub-2026{box-sizing:border-box;padding:20px 22px 40px}.marketplace-hero{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:24px;border-radius:20px;background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff;box-shadow:0 18px 42px rgba(15,23,42,.18)}.marketplace-hero h1{margin:4px 0 8px;font-size:clamp(26px,3vw,38px);color:#fff}.marketplace-hero p{max-width:780px;margin:0;color:#dbeafe;line-height:1.55}.marketplace-eyebrow{font-size:11px;letter-spacing:.14em;font-weight:900;color:#93c5fd}.marketplace-total{min-width:150px;text-align:center;padding:15px;border:1px solid rgba(255,255,255,.22);border-radius:16px;background:rgba(255,255,255,.1)}.marketplace-total strong{display:block;font-size:34px}.marketplace-total span{font-size:12px;color:#dbeafe}.marketplace-trust-note{margin:16px 0;padding:13px 15px;border:1px solid #bfdbfe;border-radius:13px;background:#eff6ff;color:#1e3a8a;line-height:1.5}.marketplace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.marketplace-card{display:flex;flex-direction:column;min-width:0;padding:17px;border:1px solid #dbe4ee;border-radius:17px;background:#fff;box-shadow:0 9px 24px rgba(15,23,42,.06);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.marketplace-card:hover{transform:translateY(-2px);border-color:#93c5fd;box-shadow:0 14px 30px rgba(15,23,42,.1)}.marketplace-card--partner{border-left:4px solid #f59e0b}.marketplace-card--api{border-left:4px solid #2563eb}.marketplace-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.marketplace-card h2{margin:5px 0 3px;font-size:19px;color:#0f172a}.marketplace-card-head p{margin:0;color:#64748b;font-size:12px}.marketplace-mode{display:inline-block;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#1d4ed8}.marketplace-state{flex:0 0 auto;padding:6px 8px;border-radius:999px;font-size:10px;font-weight:900;background:#f1f5f9;color:#475569}.marketplace-state.is-ready{background:#dcfce7;color:#166534}.marketplace-capabilities{min-height:44px;color:#475569;line-height:1.45}.marketplace-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.marketplace-metrics div{padding:9px;border-radius:10px;background:#f8fafc}.marketplace-metrics strong{display:block;font-size:21px;color:#0f172a}.marketplace-metrics span{font-size:11px;color:#64748b}.marketplace-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:13px}.marketplace-actions a{font-weight:850;text-decoration:none}.marketplace-primary{padding:8px 10px;border-radius:9px;background:#1d4ed8;color:#fff!important}.marketplace-flow{margin-top:18px;padding:20px;border:1px solid #dbe4ee;border-radius:17px;background:#fff}.marketplace-flow h2{margin-top:0}.marketplace-flow ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:0}.marketplace-flow li{padding:13px;border-radius:12px;background:#f8fafc}.marketplace-flow b,.marketplace-flow span{display:block}.marketplace-flow span{margin-top:5px;color:#64748b;font-size:12px}
@media(max-width:1150px){.marketplace-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.marketplace-flow ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.marketplace-hub-2026{padding:12px}.marketplace-hero{align-items:flex-start;flex-direction:column}.marketplace-total{width:100%;box-sizing:border-box}.marketplace-grid,.marketplace-flow ol{grid-template-columns:1fr}.marketplace-card-head{flex-direction:column}.marketplace-state{align-self:flex-start}}


/* Marketplace and Google Workspace settings */
.marketplace-connectors-section,.google-workspace-section{scroll-margin-top:20px}.connector-safety-note{margin:12px 0 16px;padding:12px 14px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff;color:#1e3a8a;line-height:1.5}.marketplace-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.marketplace-setting-card{padding:15px;border:1px solid #dbe4ee;border-radius:14px;background:#fff}.marketplace-setting-card header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.marketplace-setting-card header span{font-size:10px;letter-spacing:.1em;font-weight:900;color:#64748b}.marketplace-setting-card h3{margin:3px 0 0;color:#0f172a}.marketplace-setting-card header b{padding:5px 7px;border-radius:999px;font-size:10px;white-space:nowrap}.marketplace-setting-card header b.is-set{background:#dcfce7;color:#166534}.marketplace-setting-card header b.is-empty{background:#f1f5f9;color:#64748b}.marketplace-setting-card>label{display:grid;gap:5px;margin-top:9px;font-weight:800;color:#334155}.marketplace-setting-card input[type=text],.marketplace-setting-card input[type=password]{box-sizing:border-box;width:100%;min-height:41px;padding:8px 10px;border:1px solid #cbd5e1;border-radius:9px;background:#f8fafc}.marketplace-sync-options{display:flex;gap:13px;flex-wrap:wrap;margin-top:11px}.marketplace-sync-options label{display:flex;align-items:center;gap:5px;font-weight:800;color:#475569}.settings-footnote{margin:14px 0 0}.google-workspace-icon{background:linear-gradient(135deg,#4285f4,#34a853)!important;color:#fff!important}.google-workspace-status{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:12px 0 16px;padding:14px;border:1px solid #dbe4ee;border-radius:13px;background:#f8fafc}.google-workspace-status.is-connected{border-color:#86efac;background:#f0fdf4}.google-workspace-status b,.google-workspace-status span{display:block}.google-workspace-status span{margin-top:4px;color:#64748b}.google-workspace-status .is-disabled{opacity:.55;pointer-events:none}.workspace-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workspace-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0}.workspace-capabilities label{display:flex;align-items:flex-start;gap:7px;padding:10px;border:1px solid #dbe4ee;border-radius:10px;background:#fff;font-weight:800;color:#334155}
@media(max-width:900px){.marketplace-settings-grid,.workspace-settings-grid{grid-template-columns:1fr}.workspace-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.google-workspace-status{align-items:flex-start;flex-direction:column}.workspace-capabilities{grid-template-columns:1fr}.marketplace-setting-card header{flex-direction:column}}


/* Google Workspace console */
.workspace-console-2026{box-sizing:border-box;padding:20px 22px 40px}.workspace-console-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px;border-radius:18px;background:linear-gradient(135deg,#0f172a,#174ea6);color:#fff}.workspace-console-head>div>span{font-size:10px;letter-spacing:.14em;font-weight:900;color:#bfdbfe}.workspace-console-head h1{margin:4px 0 6px;color:#fff}.workspace-console-head p{margin:0;color:#dbeafe}.workspace-console-head>b{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.12);white-space:nowrap}.workspace-console-head>b.is-connected{background:#dcfce7;color:#166534}.workspace-console-card{margin-top:16px;padding:18px;border:1px solid #dbe4ee;border-radius:16px;background:#fff;box-shadow:0 9px 24px rgba(15,23,42,.06)}.workspace-console-card h2{margin:0 0 5px}.workspace-console-card>p{margin:0 0 14px;color:#64748b}.workspace-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.workspace-action-grid form{margin:0}.workspace-action-grid button{width:100%;min-height:92px;padding:13px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff;color:#1e3a8a;text-align:left;cursor:pointer}.workspace-action-grid button:hover{border-color:#2563eb;background:#dbeafe}.workspace-action-grid b,.workspace-action-grid span{display:block}.workspace-action-grid b{font-size:16px}.workspace-action-grid span{margin-top:5px;font-size:11px;color:#64748b}.workspace-console-card aside{margin-top:12px;padding:10px;border-radius:10px;background:#fff7ed;color:#9a3412}.workspace-scan-button{padding:10px 14px;border:0;border-radius:10px;background:#1d4ed8;color:#fff;font-weight:900;cursor:pointer}.workspace-candidate-list{display:grid;gap:8px;margin-top:14px}.workspace-candidate-list article{padding:11px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.workspace-candidate-list b,.workspace-candidate-list span,.workspace-candidate-list small{display:block}.workspace-candidate-list span{margin-top:3px;color:#334155}.workspace-candidate-list small{margin-top:4px;color:#64748b}
@media(max-width:1050px){.workspace-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.workspace-console-2026{padding:12px}.workspace-console-head{align-items:flex-start;flex-direction:column}.workspace-action-grid{grid-template-columns:1fr}}


/* Previzualizare responsive magazin - Telefon / Tableta */
#undernav{min-height:44px;box-sizing:border-box;align-items:center;gap:14px}
#undernav>.admin-operational-label{display:inline;font-weight:800;letter-spacing:.02em;color:#64748b}
.admin-responsive-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-left:auto}
#undernav .admin-responsive-actions span{display:inline}
.admin-preview-launch,.admin-store-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:32px;box-sizing:border-box;padding:6px 11px;border:1px solid #dbe4ee;border-radius:9px;background:#fff;color:#334155!important;font:800 11px/1.1 inherit;text-decoration:none;cursor:pointer;box-shadow:0 2px 7px rgba(15,23,42,.04);transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}
.admin-preview-launch:hover,.admin-preview-launch:focus-visible{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8!important;transform:translateY(-1px)}
.admin-store-link{border-color:#1d4ed8;background:#1d4ed8;color:#fff!important}
.admin-store-link:hover,.admin-store-link:focus-visible{border-color:#1e40af;background:#1e40af;color:#fff!important;transform:translateY(-1px)}
.admin-device-icon{position:relative;display:inline-block!important;box-sizing:border-box;border:1.8px solid currentColor;border-radius:2px}
.admin-device-icon--phone{width:9px;height:15px}
.admin-device-icon--tablet{width:13px;height:16px}
.admin-device-icon:after{content:"";position:absolute;left:50%;bottom:1px;width:2px;height:2px;margin-left:-1px;border-radius:50%;background:currentColor}
html.admin-preview-is-open{overflow:hidden}
.admin-device-preview[hidden]{display:none!important}
.admin-device-preview{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:18px;box-sizing:border-box;opacity:0;transition:opacity .17s ease}
.admin-device-preview.is-open{opacity:1}
.admin-device-preview__backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(15,23,42,.76);backdrop-filter:blur(6px);cursor:zoom-out}
.admin-device-preview__dialog{position:relative;display:flex;flex-direction:column;width:min(1240px,calc(100vw - 36px));max-height:calc(100vh - 36px);overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:20px;background:#f1f5f9;box-shadow:0 32px 90px rgba(2,6,23,.42);transform:translateY(10px) scale(.985);transition:transform .18s ease}
.admin-device-preview.is-open .admin-device-preview__dialog{transform:none}
.admin-device-preview__dialog.is-recentering{animation:admin-preview-center-pulse .4s ease}
@keyframes admin-preview-center-pulse{50%{box-shadow:0 0 0 4px rgba(59,130,246,.36),0 32px 90px rgba(2,6,23,.42)}}
.admin-device-preview__head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;border-bottom:1px solid #dbe4ee;background:#fff}
.admin-device-preview__head h2{margin:3px 0 0;font-size:18px;color:#0f172a}
.admin-device-preview__eyebrow{font-size:9px;font-weight:950;letter-spacing:.13em;color:#2563eb}
.admin-device-preview__tools{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.admin-device-preview__tools button,.admin-device-preview__tools a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;box-sizing:border-box;padding:6px 9px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155!important;font:800 10px/1 inherit;text-decoration:none;cursor:pointer}
.admin-device-preview__tools button:hover,.admin-device-preview__tools button[aria-pressed=true],.admin-device-preview__tools a:hover{border-color:#60a5fa;background:#eff6ff;color:#1d4ed8!important}
.admin-device-preview__tools .admin-device-preview__close{width:34px;padding:0;border-color:#fecaca;background:#fff1f2;color:#b91c1c!important;font-size:20px}
.admin-device-preview__stage{display:flex;align-items:flex-start;justify-content:center;min-height:260px;padding:22px;overflow:auto;overscroll-behavior:contain;background:radial-gradient(circle at top,#e0e7ff 0,#e2e8f0 42%,#cbd5e1 100%)}
.admin-device-preview__frame-shell{flex:0 0 auto;width:390px;height:min(70vh,844px);overflow:hidden;border:8px solid #111827;border-radius:30px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.3);transition:width .2s ease,height .2s ease,border-radius .2s ease}
.admin-device-preview__dialog[data-device=tablet] .admin-device-preview__frame-shell{width:820px;height:min(70vh,1180px);border-radius:24px}
.admin-device-preview__dialog[data-device=phone].is-landscape .admin-device-preview__frame-shell{width:844px;height:390px;border-radius:24px}
.admin-device-preview__dialog[data-device=tablet].is-landscape .admin-device-preview__frame-shell{width:1180px;height:min(66vh,820px);border-radius:22px}
.admin-device-preview iframe{display:block;width:100%;height:100%;border:0;background:#fff}
.admin-device-preview footer{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:9px 16px;border-top:1px solid #dbe4ee;background:#fff;color:#475569}
.admin-device-preview footer span{font-weight:900;color:#1e3a8a}
.admin-device-preview footer small{color:#64748b}
@media(max-width:860px){
  #undernav{padding-inline:12px}
  #undernav>.admin-operational-label{display:none}
  .admin-device-preview{padding:8px}
  .admin-device-preview__dialog{width:calc(100vw - 16px);max-height:calc(100vh - 16px);border-radius:14px}
  .admin-device-preview__head{align-items:flex-start;flex-direction:column}
  .admin-device-preview__tools{justify-content:flex-start}
  .admin-device-preview__stage{justify-content:flex-start;padding:14px}
  .admin-device-preview footer{align-items:flex-start;flex-direction:column;gap:3px}
}
@media(max-width:560px){
  #undernav{justify-content:center}
  .admin-responsive-actions{width:100%;justify-content:center}
  #undernav .admin-responsive-actions span{display:inline}
  .admin-preview-label{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .admin-preview-launch{width:38px;padding-inline:0}
  .admin-store-link{flex:1;max-width:160px}
  .admin-device-preview__tools button[data-admin-preview-reload]{display:none}
}


/* Centru roluri si acces 2026 */
.access-center-page{max-width:1500px;margin:0 auto;padding:22px 24px 48px}
.access-overview,.user-access-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0 24px}
.access-overview-card,.user-access-entry-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:104px;padding:18px 20px;border:1px solid #cfe0f4;border-radius:18px;background:linear-gradient(135deg,#f7fbff,#edf6ff);color:#18324d;text-decoration:none;box-shadow:0 10px 26px rgba(20,72,120,.08);transition:.18s ease}
.access-overview-card:hover,.user-access-entry-card:hover{transform:translateY(-2px);border-color:#78aee6;box-shadow:0 14px 32px rgba(20,72,120,.14)}
.access-overview-card__icon,.user-access-entry-card>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#dbeeff;color:#1466b8;font-size:24px;font-weight:800}
.access-overview-card div,.user-access-entry-card div{display:grid;gap:5px}
.access-overview-card strong,.user-access-entry-card strong{font-size:16px}
.access-overview-card small,.user-access-entry-card small{color:#60768b;line-height:1.45}
.access-overview-card>span:last-child,.user-access-entry-card>b{font-size:12px;color:#1466b8;white-space:nowrap}
.user-access-entry-card--purple{background:linear-gradient(135deg,#fbf9ff,#f2edff);border-color:#ded4f6}
.user-access-entry-card--purple>span{background:#e9e0ff;color:#7251bd}
.user-access-entry-card--purple>b{color:#7251bd}
.access-workspace-card{margin:0 0 26px;padding:24px;border:1px solid #d8e2ec;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(25,50,75,.08);scroll-margin-top:16px}
.access-card-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid #e7edf3}
.access-card-heading h3{margin:3px 0 6px;font-size:22px;color:#17324d}
.access-card-heading p{margin:0;color:#66788a;max-width:780px}
.access-mode-badge{padding:8px 11px;border-radius:999px;background:#e2f3e9;color:#167142;font-size:11px;font-weight:800;letter-spacing:.06em;white-space:nowrap}
.access-mode-badge--purple{background:#efe9ff;color:#6744b2}
.access-selector-form{display:flex;align-items:end;gap:12px;margin:20px 0;padding:14px 16px;border-radius:14px;background:#f4f7fa}
.access-selector-form label{display:grid;gap:7px;min-width:min(520px,100%)}
.access-selector-form label>span,.access-group-meta label>span{font-size:12px;font-weight:800;color:#50677e;text-transform:uppercase;letter-spacing:.04em}
.access-selector-form select,.access-group-meta input,.access-group-meta textarea{width:100%;border:1px solid #cbd8e5;border-radius:11px;background:#fff;padding:11px 12px;color:#18324d;font:inherit}
.access-subsection{margin-top:22px}
.access-subsection__title{display:flex;justify-content:space-between;gap:14px;align-items:baseline;margin-bottom:12px}
.access-subsection__title h4{margin:0;color:#18324d;font-size:16px}
.access-subsection__title span{color:#718397;font-size:12px}
.access-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.access-check-card,.access-zone{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #dbe4ed;border-radius:13px;background:#fff;cursor:pointer;transition:.15s ease}
.access-check-card:hover,.access-zone:hover{border-color:#78aee6;background:#f6fbff}
.access-check-card:has(input:checked),.access-zone:has(input:checked){border-color:#5f9fe0;background:#edf7ff;box-shadow:inset 0 0 0 1px rgba(47,124,199,.14)}
.access-check-card input,.access-zone input{width:18px;height:18px;margin:1px 0 0;accent-color:#1676c8;flex:0 0 auto}
.access-check-card span,.access-zone span{display:grid;gap:4px}
.access-check-card strong,.access-zone strong{color:#203b55;font-size:13px}
.access-check-card small,.access-zone small{color:#708195;line-height:1.35;font-size:11px}
.access-sections{display:grid;gap:12px}
.access-section{border:1px solid #dce5ee;border-radius:15px;background:#fbfcfe;overflow:hidden}
.access-section summary{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;cursor:pointer;font-weight:800;color:#27445f;list-style:none}
.access-section summary::-webkit-details-marker{display:none}
.access-section summary small{font-weight:600;color:#75879a}
.access-zone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0 14px 14px}
.access-group-meta{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(340px,1.3fr);gap:14px;margin:20px 0}
.access-group-meta label{display:grid;gap:7px}
.access-form-actions{margin-top:20px}
.access-message{margin:16px 0;padding:13px 16px;border-radius:12px;background:#e9f8ef;color:#17683f;border:1px solid #bce6ce;font-weight:700}
.access-message--error{background:#fff1f0;color:#9b302b;border-color:#f2c5c1}
.admin-device-icon--laptop{width:17px;height:11px;border:2px solid currentColor;border-radius:2px;position:relative}
.admin-device-icon--laptop:after{content:"";position:absolute;left:-4px;right:-4px;bottom:-5px;height:2px;background:currentColor;border-radius:2px}
.admin-device-preview__dialog[data-device="laptop"] .admin-device-preview__frame-shell{width:1366px;height:768px}
.admin-device-preview__dialog[data-device="laptop"].is-landscape .admin-device-preview__frame-shell{width:1366px;height:768px}
@media(max-width:1000px){
 .access-zone-grid,.access-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .access-center-page{padding:16px}
}
@media(max-width:680px){
 .access-overview,.user-access-entry-grid,.access-zone-grid,.access-group-grid,.access-group-meta{grid-template-columns:1fr}
 .access-overview-card,.user-access-entry-card{grid-template-columns:auto 1fr}
 .access-overview-card>span:last-child,.user-access-entry-card>b{grid-column:2}
 .access-card-heading,.access-subsection__title{display:grid}
 .access-mode-badge{justify-self:start}
 .access-workspace-card{padding:16px;border-radius:16px}
 .access-selector-form label{min-width:0;width:100%}
 .admin-preview-launch[data-admin-preview-open="laptop"]{display:none}
}


/* AI HUB 2026 */
.ai-subnav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px;padding:10px 14px;background:#f8fafc;border:1px solid #dbe5ee;border-radius:14px}.ai-subnav a{color:#264357;text-decoration:none;font-weight:700;font-size:12px;padding:8px 11px;border-radius:9px}.ai-subnav a:hover,.ai-subnav a:focus{background:#e7f4ee;color:#087443}
.ai-hub{min-width:0;overflow:visible;--ai-green:#087443;--ai-ink:#173042;--ai-muted:#627887;--ai-line:#dce6eb;box-sizing:border-box}.ai-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:26px 28px;border-radius:20px;background:linear-gradient(125deg,#073b31,#0d7a51 64%,#16a36b);color:#fff;box-shadow:0 14px 32px rgba(4,65,47,.17)}.ai-hero h1{margin:4px 0 8px;font-size:30px;line-height:1.1;color:#fff}.ai-hero p{max-width:760px;margin:0;color:#e4fff3;line-height:1.55}.ai-eyebrow{font-size:11px;font-weight:900;letter-spacing:.13em;color:#a7f3d0}.ai-hero-badges{display:grid;gap:8px;min-width:225px}.ai-hero-badges span{padding:9px 12px;border:1px solid rgba(255,255,255,.27);border-radius:10px;background:rgba(255,255,255,.09);font-size:12px;font-weight:700}
.ai-notice{margin:15px 0;padding:13px 16px;border-radius:11px;background:#e8f7ef;border:1px solid #b7e2ca;color:#12613f}.ai-notice--error{background:#fff0f0;border-color:#efc0c0;color:#9b2828}.ai-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.ai-kpis article{padding:18px;background:#fff;border:1px solid var(--ai-line);border-radius:16px;box-shadow:0 7px 18px rgba(23,48,66,.06)}.ai-kpis strong{display:block;color:var(--ai-green);font-size:28px}.ai-kpis span{color:var(--ai-muted);font-size:12px;font-weight:700}
.ai-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.ai-module-grid article{padding:18px;background:#f8fbfa;border:1px solid #dce9e3;border-radius:16px}.ai-module-grid h2{margin:10px 0 7px;color:var(--ai-ink);font-size:16px}.ai-module-grid p{margin:0;color:var(--ai-muted);font-size:12px;line-height:1.5}.ai-icon{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#dff4e9;color:var(--ai-green);font-weight:900}
.ai-panel{margin:14px 0;border:1px solid var(--ai-line);border-radius:17px;background:#fff;box-shadow:0 8px 22px rgba(23,48,66,.06);overflow:hidden}.ai-panel>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;cursor:pointer;list-style:none;background:#fbfcfd}.ai-panel>summary::-webkit-details-marker{display:none}.ai-panel>summary span{display:grid;gap:3px}.ai-panel>summary b{color:var(--ai-ink);font-size:16px}.ai-panel>summary small{color:var(--ai-muted)}.ai-panel>summary em{font-style:normal;color:var(--ai-green);font-weight:800}.ai-panel[open]>summary{border-bottom:1px solid var(--ai-line);background:#f5faf7}.ai-panel-body{min-width:0;max-width:100%;padding:20px;overflow:hidden}
.ai-form-grid{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.ai-form label,.ai-form fieldset{min-width:0;box-sizing:border-box;color:#304b5d;font-size:12px;font-weight:800}.ai-form input[type=text],.ai-form input[type=url],.ai-form input[type=number],.ai-form input[type=time],.ai-form select,.ai-form textarea{display:block;box-sizing:border-box;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #cddbe3;border-radius:10px;background:#fff;color:#173042;font:inherit;font-weight:500;outline:none}.ai-form textarea{resize:vertical;line-height:1.5}.ai-form input:focus,.ai-form select:focus,.ai-form textarea:focus{border-color:#23a56e;box-shadow:0 0 0 3px rgba(35,165,110,.12)}.ai-span-2{grid-column:1/-1}.ai-weekdays,.ai-check-grid{margin:0;padding:12px 14px;border:1px solid #d6e2e8;border-radius:11px}.ai-weekdays legend,.ai-check-grid legend{padding:0 6px}.ai-weekdays{display:flex;gap:9px;flex-wrap:wrap}.ai-weekdays label,.ai-check-grid label{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:8px;background:#f5f8fa;font-weight:700}.ai-check-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.ai-form input[type=checkbox]{accent-color:var(--ai-green)}
.ai-safety{margin:15px 0;padding:12px 14px;border-left:4px solid #e2a91f;border-radius:8px;background:#fff8df;color:#70540c}.ai-primary{border:0;border-radius:10px;padding:12px 17px;background:var(--ai-green);color:#fff;font-weight:900;cursor:pointer}.ai-primary:hover,.ai-primary:focus{background:#065f37;transform:translateY(-1px)}.ai-security-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0}.ai-security-grid span{display:grid;gap:5px;padding:13px;border:1px solid #cfe4da;border-radius:11px;background:#f2fbf6}.ai-security-grid b{color:#166344}.ai-security-grid small{color:#5d7467;line-height:1.4}
.ai-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.ai-list-card{padding:18px;border:1px solid var(--ai-line);border-radius:16px;background:#fff}.ai-list-card h2{margin:0 0 13px;color:var(--ai-ink);font-size:17px}.ai-span-card{grid-column:1/-1}.ai-table-wrap{overflow:auto}.ai-list-card table{width:100%;border-collapse:collapse;font-size:12px}.ai-list-card th{text-align:left;padding:10px;background:#edf5f1;color:#284b3c}.ai-list-card td{padding:10px;border-bottom:1px solid #e8eef1;vertical-align:top;color:#405968}.ai-list-card td small{display:block;margin-top:3px;color:#7c8e99}.ai-status{display:inline-flex;border:0;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900}.ai-status.is-active{background:#d9f5e6;color:#087443}.ai-status.is-off{background:#edf1f4;color:#61717c}.ai-status.is-review{background:#fff1c7;color:#835e00}.ai-toggle-form{margin:0}.ai-toggle-form button{cursor:pointer}.ai-empty{color:var(--ai-muted)}
@media(max-width:1180px){.ai-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-check-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.ai-subnav{overflow-x:auto;flex-wrap:nowrap}.ai-subnav a{white-space:nowrap}.ai-hero{align-items:flex-start;flex-direction:column;padding:20px}.ai-hero h1{font-size:25px}.ai-hero-badges{width:100%;min-width:0}.ai-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-module-grid,.ai-lists,.ai-form-grid,.ai-security-grid{grid-template-columns:1fr}.ai-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-span-2,.ai-span-card{grid-column:auto}.ai-panel>summary{align-items:flex-start}.ai-panel>summary em{display:none}.ai-panel-body{padding:15px}}


/* ROINSECT order channels four-column row 20260831 */
.order-channels-grid.order-channels-grid--four{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px;align-items:start;margin:0 0 14px}
.order-channels-grid--four>.processor-overview{display:flex;flex-direction:column;align-items:stretch;gap:7px;min-width:0;min-height:88px;margin:0;padding:10px;border-radius:12px}
.order-channels-grid--four .processor-overview__state{min-width:0}
.order-channels-grid--four .processor-overview__copy h2{font-size:13px;line-height:1.2}
.order-channels-grid--four .processor-overview__copy p{display:none}
.order-channels-grid--four .processor-overview__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.order-channels-grid--four .processor-overview__metrics span{min-width:0;padding:4px 2px;font-size:8px}
.order-channels-grid--four .processor-overview__metrics b{font-size:13px}
.order-channels-grid--four .processor-overview__action{min-height:32px;padding:0 8px;font-size:10px}
.order-channels-grid--four>.order-channel-card{min-width:0;margin:0}
.order-channels-grid--four .order-channel-summary{min-height:88px;box-sizing:border-box;padding:10px!important}
@media(max-width:980px){.order-channels-grid.order-channels-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:720px){.order-channels-grid.order-channels-grid--four{grid-template-columns:minmax(0,1fr)!important}}