:root {
  --be-ink: #102a35;
  --be-muted: #667985;
  --be-border: #d9e1e5;
  --be-soft: #f2f6f7;
  --be-card: #fff;
  --be-accent: #087681;
  --be-accent-dark: #075c65;
  --be-danger: #b42318;
  --be-warning: #9a6700;
  --be-success: #16794b;
  --be-radius: 13px;
  --be-shadow: 0 12px 34px rgba(15, 35, 44, .07);
}

body.backend-ui { background: #f4f6f7; color: var(--be-ink); }
.be-shell { width: min(100% - 32px, 1540px); margin: 0 auto; padding: 28px 0 90px; }
.be-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.be-header h1 { margin: 2px 0 4px; font-size: clamp(1.75rem, 3vw, 2.55rem); letter-spacing: -.035em; }
.be-kicker { margin: 0; color: var(--be-accent); font-size: .75rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.be-lead, .be-muted { color: var(--be-muted); }
.be-lead { margin: 0; max-width: 70ch; }
.be-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.be-button { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 8px 13px; border: 1px solid #cbd6db; border-radius: 9px; background: #fff; color: var(--be-ink); text-decoration: none; font: inherit; font-size: .9rem; font-weight: 750; cursor: pointer; white-space: nowrap; }
.be-button:hover { border-color: #9cafb7; background: #f9fbfb; }
.be-button--primary { background: var(--be-accent); border-color: var(--be-accent); color: #fff; }
.be-button--primary:hover { background: var(--be-accent-dark); border-color: var(--be-accent-dark); }
.be-button--danger { color: var(--be-danger); border-color: #efc8c3; background: #fffafa; }
.be-button--small { min-height: 34px; padding: 6px 9px; font-size: .82rem; }
.be-button:disabled { opacity: .5; cursor: not-allowed; }

.be-card { background: var(--be-card); border: 1px solid var(--be-border); border-radius: var(--be-radius); box-shadow: var(--be-shadow); }
.be-card + .be-card { margin-top: 14px; }
.be-card__head { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 17px 18px; border-bottom: 1px solid #e8edef; }
.be-card__head h2, .be-card__head h3 { margin: 0; font-size: 1.06rem; }
.be-card__body { padding: 18px; }
.be-notice { margin: 0 0 14px; padding: 12px 14px; border: 1px solid #bcdde0; border-radius: 10px; background: #eef9f9; color: #155e65; }
.be-notice--warning { border-color: #ead39b; background: #fff9e8; color: #76520a; }
.be-notice--danger { border-color: #efc8c3; background: #fff5f4; color: #8f241b; }

.be-filters { margin-bottom: 14px; }
.be-filters summary { list-style: none; display: flex; align-items: center; justify-content: space-between; padding: 14px 17px; cursor: pointer; font-weight: 800; }
.be-filters summary::-webkit-details-marker { display: none; }
.be-filter-grid { display: grid; grid-template-columns: repeat(6, minmax(150px, 1fr)); gap: 11px; padding: 0 17px 17px; border-top: 1px solid #edf1f2; padding-top: 15px; }
.be-field { display: grid; gap: 5px; min-width: 0; color: #415660; font-size: .82rem; font-weight: 750; }
.be-field--wide { grid-column: span 2; }
.be-field--full { grid-column: 1 / -1; }
.be-field input, .be-field select, .be-field textarea, .be-input { width: 100%; box-sizing: border-box; border: 1px solid #cbd6db; border-radius: 8px; background: #fff; color: var(--be-ink); padding: 9px 10px; font: inherit; font-weight: 500; }
.be-field input, .be-field select { min-height: 41px; }
.be-field textarea { min-height: 104px; resize: vertical; }
.be-field input:focus, .be-field select:focus, .be-field textarea:focus, .be-editor:focus { outline: 3px solid rgba(8, 118, 129, .13); border-color: var(--be-accent); }
.be-check { display: inline-flex; align-items: center; gap: 8px; color: var(--be-ink); font-size: .88rem; font-weight: 700; }
.be-check input { width: 18px; height: 18px; accent-color: var(--be-accent); }
.be-filter-actions { display: flex; gap: 8px; align-items: end; }

.be-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; border-bottom: 1px solid var(--be-border); flex-wrap: wrap; }
.be-bulk { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.be-bulk select { min-height: 38px; border: 1px solid #cbd6db; border-radius: 8px; padding: 6px 30px 6px 9px; background: #fff; }
.be-result-count { color: var(--be-muted); font-size: .86rem; }
.be-table-wrap { width: 100%; overflow: auto; }
.be-table { width: 100%; min-width: 1160px; border-collapse: separate; border-spacing: 0; font-size: .88rem; }
.be-table th { position: sticky; top: 0; z-index: 1; padding: 10px 11px; border-bottom: 1px solid var(--be-border); background: #f3f7f8; color: #536771; font-size: .7rem; letter-spacing: .045em; text-align: left; text-transform: uppercase; white-space: nowrap; }
.be-table td { padding: 10px 11px; border-bottom: 1px solid #edf1f2; vertical-align: middle; }
.be-table tbody tr:hover td { background: #fafcfc; }
.be-table tbody tr:last-child td { border-bottom: 0; }
.be-table__check { width: 36px; text-align: center !important; }
.be-table__actions { width: 1%; white-space: nowrap; }
.be-thumb { width: 62px; height: 62px; display: grid; place-items: center; overflow: hidden; border: 1px solid #dbe3e7; border-radius: 9px; background: #f7f9fa; }
.be-thumb img { width: 100%; height: 100%; object-fit: contain; }
.be-thumb--missing { color: #81939c; font-size: .65rem; font-weight: 800; text-align: center; text-transform: uppercase; }
.be-title-link { color: var(--be-ink); font-weight: 820; text-decoration: none; }
.be-title-link:hover { color: var(--be-accent); text-decoration: underline; }
.be-subline { margin-top: 3px; color: var(--be-muted); font-size: .78rem; }
.be-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 5px; }
.be-badge { display: inline-flex; align-items: center; min-height: 22px; padding: 2px 7px; border-radius: 999px; background: #eaf3f4; color: #23636a; font-size: .7rem; line-height: 1.15; font-weight: 800; white-space: nowrap; }
.be-badge--global { background: #e8f0fb; color: #275b98; }
.be-badge--project { background: #e9f7f3; color: #176a53; }
.be-badge--shop { background: #f2edfb; color: #654aa0; }
.be-badge--warning { background: #fff2cf; color: #805a06; }
.be-badge--danger { background: #fdebea; color: #a12d24; }
.be-badge--success { background: #e7f6ee; color: #197048; }
.be-menu { position: relative; display: inline-block; }
.be-menu summary { min-width: 36px; min-height: 34px; display: grid; place-items: center; border: 1px solid #cbd6db; border-radius: 8px; background: #fff; cursor: pointer; list-style: none; font-size: 1.15rem; }
.be-menu summary::-webkit-details-marker { display: none; }
.be-menu__panel { position: absolute; right: 0; z-index: 10; width: 195px; padding: 6px; border: 1px solid var(--be-border); border-radius: 9px; background: #fff; box-shadow: 0 15px 40px rgba(15, 35, 44, .16); }
.be-menu__panel a, .be-menu__panel button { width: 100%; display: flex; padding: 8px 9px; border: 0; border-radius: 6px; background: transparent; color: var(--be-ink); text-align: left; text-decoration: none; font: inherit; font-size: .84rem; cursor: pointer; }
.be-menu__panel a:hover, .be-menu__panel button:hover { background: var(--be-soft); }
.be-menu__panel .is-danger { color: var(--be-danger); }
.be-menu__panel form { margin: 0; }
.be-empty { padding: 56px 20px; text-align: center; color: var(--be-muted); }
.be-pagination { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px; border-top: 1px solid var(--be-border); }
.be-pages { display: flex; gap: 5px; flex-wrap: wrap; }
.be-page { min-width: 35px; min-height: 35px; display: grid; place-items: center; border: 1px solid #ccd7dc; border-radius: 8px; background: #fff; color: var(--be-ink); text-decoration: none; font-size: .84rem; font-weight: 750; }
.be-page.is-current { border-color: var(--be-accent); background: var(--be-accent); color: #fff; }

.be-edit-layout { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 16px; align-items: start; }
.be-sidebar { position: sticky; top: 88px; overflow: hidden; }
.be-sidebar__title { padding: 15px 16px 9px; color: var(--be-muted); font-size: .72rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.be-sidebar nav { display: grid; padding: 6px; }
.be-tab { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 10px; border: 0; border-radius: 7px; background: transparent; color: #344b55; text-align: left; font: inherit; font-size: .85rem; font-weight: 700; cursor: pointer; }
.be-tab:hover { background: #f1f5f6; }
.be-tab.is-active { background: #e7f4f5; color: #075f68; }
.be-panel[hidden] { display: none !important; }
.be-panel > .be-card { margin-top: 0; }
.be-panel-title { margin: 0; font-size: 1.35rem; }
.be-form-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 13px; }
.be-col-3 { grid-column: span 3; }
.be-col-4 { grid-column: span 4; }
.be-col-6 { grid-column: span 6; }
.be-col-8 { grid-column: span 8; }
.be-col-9 { grid-column: span 9; }
.be-col-12 { grid-column: 1 / -1; }
.be-help { margin: 0; color: var(--be-muted); font-size: .76rem; font-weight: 500; line-height: 1.45; }
.be-scope-bar { display: flex; gap: 8px; flex-wrap: wrap; margin: 7px 0 0; }
.be-editor-shell { border: 1px solid #cbd6db; border-radius: 9px; overflow: hidden; background: #fff; }
.be-editor-toolbar { display: flex; gap: 4px; flex-wrap: wrap; padding: 7px; border-bottom: 1px solid #dce4e7; background: #f5f8f9; }
.be-editor-toolbar button { min-width: 32px; min-height: 31px; border: 1px solid transparent; border-radius: 6px; background: transparent; color: var(--be-ink); font: inherit; font-size: .8rem; font-weight: 800; cursor: pointer; }
.be-editor-toolbar button:hover { border-color: #c9d6db; background: #fff; }
.be-editor { min-height: 280px; padding: 16px; line-height: 1.6; }
.be-editor:empty::before { content: attr(data-placeholder); color: #8a9aa2; }
.be-color-row { display: grid; grid-template-columns: minmax(140px, 1fr) 90px minmax(220px, 2fr) 90px 90px; gap: 9px; align-items: end; padding: 10px 0; border-bottom: 1px solid #edf1f2; }
.be-color-row:last-child { border-bottom: 0; }
.be-assignment { border: 1px solid #dce4e7; border-radius: 10px; margin-bottom: 9px; overflow: hidden; }
.be-assignment summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 13px; background: #fafcfc; cursor: pointer; }
.be-assignment__body { padding: 13px; border-top: 1px solid #e5ebed; }
.be-shop-tools { display: grid; grid-template-columns: minmax(220px, 1fr) 180px 160px auto; gap: 9px; margin-bottom: 12px; }
.be-shop-table { min-width: 980px; }
.be-shop-logo { width: 34px; height: 34px; object-fit: contain; border: 1px solid #e0e6e8; border-radius: 6px; background: #fff; }
.be-savebar { position: sticky; bottom: 0; z-index: 20; display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-top: 15px; padding: 11px 13px; border: 1px solid #cbd9dd; border-radius: 11px; background: rgba(255, 255, 255, .96); box-shadow: 0 -10px 32px rgba(15, 35, 44, .09); backdrop-filter: blur(10px); }
.be-save-state { display: flex; align-items: center; gap: 7px; color: var(--be-muted); font-size: .84rem; font-weight: 700; }
.be-save-state::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: #91a0a7; }
.be-save-state.is-dirty { color: #855f0a; }
.be-save-state.is-dirty::before { background: #d59b13; }
.be-save-state.is-saved { color: var(--be-success); }
.be-save-state.is-saved::before { background: var(--be-success); }
.be-danger-box { border: 1px solid #efc1bc; border-radius: 10px; background: #fffafa; padding: 16px; }
.be-dependencies { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 9px; }
.be-dependency { padding: 12px; border: 1px solid #e0e6e8; border-radius: 9px; background: #fff; }
.be-dependency strong { display: block; font-size: 1.35rem; }
.be-history { display: grid; gap: 9px; }
.be-history__item { padding: 11px 12px; border-left: 3px solid #bcdde0; background: #f7fafb; }
.be-history__item strong { display: block; }

.be-col-2 { grid-column: span 2; }
.be-media-picker { display: flex; align-items: end; gap: 12px; padding: 14px; margin-bottom: 14px; }
.be-media-picker .be-field { min-width: min(100%, 520px); }
.be-media-new { margin-bottom: 14px; }
.be-media-new summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; cursor: pointer; list-style: none; }
.be-media-new summary::-webkit-details-marker { display: none; }
.be-media-new summary small { display: block; margin-top: 3px; color: var(--be-muted); font-weight: 500; }
.be-variant-table { min-width: 1280px; }
.be-variant-detail td { padding: 18px; background: #f7fafb !important; }
.be-compact-check { font-size: .75rem; }
.be-check.is-danger { color: var(--be-danger); }
.be-media-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px; }
.be-media-card { overflow: hidden; border: 1px solid #dce4e7; border-radius: 10px; background: #fff; }
.be-media-card.is-default { border: 2px solid var(--be-accent); }
.be-media-card__image { position: relative; height: 145px; display: grid; place-items: center; background: #f3f6f7; }
.be-media-card__image img { width: 100%; height: 100%; object-fit: contain; }
.be-media-card__image .be-badge { position: absolute; top: 7px; left: 7px; }
.be-media-card__body { display: grid; gap: 8px; padding: 10px; }
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }

@media (max-width: 1180px) {
  .be-filter-grid { grid-template-columns: repeat(3, minmax(150px, 1fr)); }
  .be-edit-layout { grid-template-columns: 200px minmax(0, 1fr); }
  .be-col-3 { grid-column: span 6; }
}
@media (max-width: 820px) {
  .be-shell { width: min(100% - 20px, 1540px); padding-top: 18px; }
  .be-header { flex-direction: column; }
  .be-filter-grid { grid-template-columns: 1fr 1fr; }
  .be-field--wide { grid-column: 1 / -1; }
  .be-edit-layout { display: block; }
  .be-sidebar { position: static; margin-bottom: 12px; }
  .be-sidebar nav { display: flex; overflow-x: auto; }
  .be-tab { flex: 0 0 auto; }
  .be-form-grid { grid-template-columns: 1fr; }
  .be-col-2, .be-col-3, .be-col-4, .be-col-6, .be-col-8, .be-col-9, .be-col-12 { grid-column: auto; }
  .be-color-row, .be-shop-tools { grid-template-columns: 1fr; }
  .be-savebar { align-items: stretch; flex-direction: column; }
}
@media (max-width: 560px) {
  .be-filter-grid { grid-template-columns: 1fr; }
  .be-pagination { align-items: flex-start; flex-direction: column; }
  .be-actions, .be-actions .be-button { width: 100%; }
}
.revenue-dashboard{display:grid;gap:1rem}.revenue-head{align-items:flex-start}.revenue-filters{padding:1rem;display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:.8rem;align-items:end}.revenue-filter-actions{grid-column:span 2}.revenue-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.revenue-kpi{padding:1rem;display:grid;gap:.25rem;border-top:4px solid #0f766e}.revenue-kpi span{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.revenue-kpi strong{font-size:clamp(1.35rem,2vw,2rem);color:#0f172a}.revenue-kpi small,.be-table td small{display:block;color:#64748b;margin-top:.2rem}.revenue-trend{min-height:280px}.revenue-bars{height:210px;padding:1rem;display:flex;gap:.35rem;align-items:flex-end;overflow-x:auto}.revenue-bar-item{height:100%;min-width:25px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.3rem}.revenue-bar{width:100%;min-height:3px;background:linear-gradient(180deg,#14b8a6,#0f766e);border-radius:.35rem .35rem 0 0}.revenue-bar-item small{font-size:.65rem;writing-mode:vertical-rl;color:#64748b}.revenue-tables{display:grid;gap:1rem}.revenue-tables .be-table th{white-space:nowrap}.revenue-tables .be-table td{vertical-align:top}@media(max-width:1100px){.revenue-filters{grid-template-columns:repeat(3,minmax(150px,1fr))}.revenue-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.revenue-filters{grid-template-columns:1fr}.revenue-filter-actions{grid-column:auto}.revenue-kpis{grid-template-columns:1fr}.revenue-head .be-actions{width:100%}.revenue-head .be-actions a{flex:1;text-align:center}}.logo-position-page{display:grid;gap:1rem}.logo-scope{padding:1rem;display:flex;gap:1rem;align-items:end;flex-wrap:wrap}.logo-scope .be-field{min-width:min(100%,420px)}.logo-editor-card{overflow:hidden}.logo-editor-grid{display:grid;grid-template-columns:minmax(240px,420px) 1fr;gap:1.25rem;padding:1rem}.logo-preview{position:relative;aspect-ratio:1/1;background:linear-gradient(135deg,#f8fafc,#eef2f7);border:1px solid #dbe3ec;border-radius:1rem;overflow:hidden}.logo-preview-product{width:100%;height:100%;object-fit:contain}.logo-preview-overlay{position:absolute;object-fit:contain;transform-origin:center;pointer-events:none}.logo-controls{display:grid;gap:.75rem;align-content:start}.logo-controls label{display:grid;gap:.3rem}.logo-controls label span{display:flex;justify-content:space-between;font-weight:700;color:#334155}.logo-controls input[type=range]{width:100%;accent-color:#0f766e}.logo-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.logo-color-dot{display:inline-block;width:.9rem;height:.9rem;border:1px solid #94a3b8;border-radius:50%;margin-right:.45rem}.logo-section-title{margin:.5rem 0 0}.be-sticky-actions{position:sticky;bottom:1rem;z-index:20;margin-top:1rem;background:#fff;border:1px solid #cbd5e1;border-radius:1rem;box-shadow:0 12px 32px rgba(15,23,42,.16);padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.be-sticky-actions p{margin:0}.be-button--danger{border-color:#dc2626!important;color:#b91c1c!important;background:#fff!important}@media(max-width:900px){.logo-color-grid{grid-template-columns:1fr}.logo-editor-grid{grid-template-columns:1fr}.be-sticky-actions{position:static;align-items:stretch;flex-direction:column}}
.be-dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.be-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding-top:1rem}
.be-project-card{border:1px solid var(--be-line,#dbe2ea);border-top:5px solid var(--project-color,#334155);border-radius:14px;padding:1.2rem;background:#fff}
.be-project-card h3{margin:.7rem 0 .35rem}.be-project-card p{color:#64748b}
@media(max-width:900px){.be-dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.be-project-grid{grid-template-columns:1fr}}
@media(max-width:520px){.be-dashboard-metrics{grid-template-columns:1fr}}
.be-shop-catalog .tabs{display:flex;flex-wrap:wrap;gap:.45rem}.be-shop-catalog .tab{padding:.55rem .8rem;border:1px solid #dbe2ea;border-radius:9px;text-decoration:none;background:#fff}.be-shop-catalog .tab.active{background:#17202a;color:#fff}
.be-admin-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.be-admin-product-card{min-width:0}.be-admin-product-card .bd{display:grid;gap:1rem}.be-admin-product-card details{border-top:1px solid #e2e8f0;padding-top:.75rem}
@media(max-width:900px){.be-admin-product-grid{grid-template-columns:1fr}}
/* Direct pointer controls for logo positioning */
.logo-preview-selection {
  position: absolute;
  box-sizing: border-box;
  border: 2px dashed #147484;
  background: rgba(20, 116, 132, .08);
  cursor: grab;
  touch-action: none;
  user-select: none;
  z-index: 3;
}
.logo-preview-selection.is-dragging,
.admin-overlay-editor .overlay-rect.is-dragging,
.admin-overlay-editor .overlay-rect-default.is-dragging {
  cursor: grabbing !important;
}
.logo-preview-selection > .logo-preview-overlay {
  position: absolute !important;
  inset: 0 !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  pointer-events: none !important;
  user-select: none;
  -webkit-user-drag: none;
}
.logo-resize-handle,
.admin-overlay-editor .overlay-handle-br {
  position: absolute;
  right: 2px !important;
  bottom: 2px !important;
  width: 20px !important;
  height: 20px !important;
  box-sizing: border-box;
  border: 3px solid #fff !important;
  border-radius: 50%;
  background: #147484 !important;
  box-shadow: 0 0 0 2px #0f5d69, 0 3px 8px rgba(15, 35, 44, .28);
  cursor: nwse-resize;
  touch-action: none;
  z-index: 5;
}
.admin-overlay-editor .overlay-rect,
.admin-overlay-editor .overlay-rect-default {
  cursor: grab !important;
  touch-action: none;
  user-select: none;
}
.admin-overlay-editor .overlay-base,
.admin-overlay-editor .overlay-logo-img,
.admin-overlay-editor .overlay-logo-img-default {
  pointer-events: none !important;
  user-select: none;
  -webkit-user-drag: none;
}
.logo-pointer-help {
  margin: 0 0 .25rem;
  padding: .65rem .75rem;
  border: 1px solid #b8dadd;
  border-radius: .65rem;
  background: #edf8f8;
  color: #134e55;
  font-size: .82rem;
  font-weight: 700;
}


/* 2026-08 dashboard and catalog acceptance */
body.admin-dashboard-page { background:#f4f6f7; color:var(--be-ink); }
body.admin-dashboard-page main.container,
body.backend-ui main.container { max-width:none; width:100%; padding-inline:0; }
.admin-dashboard-page .maxw { width:min(calc(100% - 32px),1600px); max-width:none; margin-inline:auto; }
.admin-super-section,
.admin-shop-directory { margin-bottom:1.5rem; }
.admin-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; margin-bottom:.85rem; }
.admin-section-heading h2 { margin:0; font-size:1.25rem; }
.admin-section-heading > span { color:#64748b; font-size:.82rem; font-weight:750; }
.admin-section-kicker { margin:0 0 .18rem; color:#087681; font-size:.7rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.admin-super-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.8rem; }
.admin-super-card { --tile:#087681; position:relative; min-width:0; min-height:142px; display:flex; flex-direction:column; gap:.45rem; padding:1rem 2.7rem 1rem 1rem; border:1px solid color-mix(in srgb,var(--tile) 32%,#d9e1e5); border-top:4px solid var(--tile); border-radius:13px; background:#fff; color:#102a35; text-decoration:none; box-shadow:0 8px 22px rgba(15,35,44,.06); transition:transform .16s ease,box-shadow .16s ease; }
.admin-super-card:hover { transform:translateY(-2px); box-shadow:0 13px 28px rgba(15,35,44,.11); }
.admin-super-card:focus-visible { outline:3px solid color-mix(in srgb,var(--tile) 28%,transparent); outline-offset:2px; }
.admin-super-card__title { font-weight:850; line-height:1.25; }
.admin-super-card__text { color:#667985; font-size:.82rem; line-height:1.45; }
.admin-super-card__arrow { position:absolute; right:1rem; bottom:.9rem; color:var(--tile); font-size:1.25rem; font-weight:900; }
.admin-super-card.is-orange{--tile:#ea580c}.admin-super-card.is-blue{--tile:#2563eb}.admin-super-card.is-green{--tile:#16a34a}.admin-super-card.is-teal{--tile:#0f766e}.admin-super-card.is-cyan{--tile:#087681}.admin-super-card.is-lime{--tile:#65a30d}.admin-super-card.is-indigo{--tile:#4f46e5}.admin-super-card.is-violet{--tile:#9333ea}
.admin-shop-directory { padding:1rem; border:1px solid var(--be-border); border-radius:13px; background:#fff; box-shadow:var(--be-shadow); }
.admin-shop-create { display:grid; gap:.2rem; margin-bottom:1rem; padding:.85rem 1rem; border:1px dashed #22c55e; border-radius:10px; background:#ecfdf5; color:#111827; text-decoration:none; }
.admin-shop-create span,.admin-shop-hint { color:#52646d; font-size:.83rem; }
.admin-shop-hint { margin-bottom:1rem; padding:.8rem 1rem; border:1px solid #cbd5e1; border-radius:10px; background:#f8fafc; }
.admin-shop-filters { display:grid; grid-template-columns:minmax(260px,2fr) minmax(210px,1fr) auto; gap:.7rem; align-items:end; margin-bottom:.8rem; padding:.8rem; border:1px solid #e2e8f0; border-radius:11px; background:#f8fafc; }
.admin-shop-filters label { display:grid; gap:.3rem; color:#415660; font-size:.78rem; font-weight:800; }
.admin-shop-filters input,.admin-shop-filters select { width:100%; min-height:42px; box-sizing:border-box; padding:.65rem .75rem; border:1px solid #cbd6db; border-radius:8px; background:#fff; color:#102a35; font:inherit; }
.admin-shop-filters input:focus,.admin-shop-filters select:focus { outline:3px solid rgba(8,118,129,.13); border-color:#087681; }
.admin-shop-list { display:grid; gap:.55rem; margin:0; padding:0; list-style:none; }
.admin-shop-row { min-width:0; display:grid; grid-template-columns:66px minmax(220px,1fr) minmax(160px,.55fr) auto; gap:.9rem; align-items:center; padding:.65rem .75rem; border:1px solid #e1e7ea; border-radius:10px; background:#fff; }
.admin-shop-row[hidden] { display:none; }
.admin-shop-logo { width:58px; height:48px; display:grid; place-items:center; overflow:hidden; border:1px solid #e1e7ea; border-radius:8px; background:#f8fafc; }
.admin-shop-logo img { width:100%; height:100%; object-fit:contain; }
.admin-shop-main { min-width:0; display:grid; gap:.15rem; }
.admin-shop-main strong,.admin-shop-main small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.admin-shop-main small { color:#71838c; }
.admin-shop-project { justify-self:start; padding:.2rem .55rem; border:1px solid #cdd9de; border-radius:999px; color:#52646d; font-size:.75rem; font-weight:800; }
.admin-shop-empty { margin:.8rem 0 0; padding:1.2rem; border:1px dashed #cbd5e1; border-radius:10px; text-align:center; color:#64748b; }

.be-shell { width:min(calc(100% - 24px),1840px); }
@media (min-width:1181px) {
  .be-catalog-card .be-table-wrap { overflow:visible; }
  .be-catalog-table { min-width:0; table-layout:fixed; font-size:.8rem; }
  .be-catalog-table th,.be-catalog-table td { padding:8px 6px; overflow-wrap:anywhere; }
  .be-catalog-table th { white-space:normal; line-height:1.2; }
  .be-catalog-table .be-thumb { width:50px; height:50px; }
  .be-catalog-table th:nth-child(1){width:34px}.be-catalog-table th:nth-child(2){width:54px}.be-catalog-table th:nth-child(3){width:17%}.be-catalog-table th:nth-child(4){width:11%}.be-catalog-table th:nth-child(5){width:9%}.be-catalog-table th:nth-child(6){width:12%}.be-catalog-table th:nth-child(7){width:15%}.be-catalog-table th:nth-child(8){width:7%}.be-catalog-table th:nth-child(9){width:7%}.be-catalog-table th:nth-child(10){width:118px}
  .be-catalog-table .be-table__actions { width:118px; white-space:normal; }
  .be-catalog-table .be-table__actions > .be-button { margin-bottom:4px; }
}
@media (max-width:1180px) {
  .admin-super-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .admin-dashboard-page .maxw { width:min(calc(100% - 20px),1600px); padding-inline:0 !important; }
  .admin-super-grid { grid-template-columns:1fr; }
  .admin-shop-filters { grid-template-columns:1fr; }
  .admin-shop-row { grid-template-columns:56px minmax(0,1fr) auto; }
  .admin-shop-logo { width:50px; height:44px; }
  .admin-shop-project { grid-column:2 / -1; }
}

/* Guided print-area editor: presets, safety boundary and clear feedback. */
.logo-preview-safe-zone {
  position:absolute;
  inset:8%;
  z-index:1;
  border:1px dashed rgba(15,118,110,.65);
  border-radius:.65rem;
  pointer-events:none;
}
.logo-preview-overlay,
.logo-preview-selection { z-index:2; }
.logo-preview-selection.is-outside-safety-zone { outline-color:#f59e0b; }
.logo-preset-toolbar {
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  padding-bottom:.25rem;
}
.logo-preset-toolbar .be-button {
  min-height:38px;
  padding:.45rem .7rem;
}
.logo-aspect-lock {
  display:flex !important;
  grid-template-columns:none !important;
  align-items:center;
  gap:.5rem !important;
  font-weight:700;
  color:#334155;
}
.logo-boundary-status {
  margin:0;
  padding:.65rem .75rem;
  border-radius:.65rem;
  background:#ecfdf5;
  color:#065f46;
  font-size:.85rem;
  font-weight:700;
}
.logo-boundary-status.is-warning {
  background:#fffbeb;
  color:#92400e;
}