/* Erictel Hub v0.2.25 — Design tokens and reusable visual primitives.
   Independent module scopes are reserved for centrally managed themes in v0.2.28.
   No theme editor, uploads, database settings or permissions are introduced here. */
:root {
  --ui-font: Inter, "Segoe UI", Arial, sans-serif;
  --ui-radius-sm: 9px;
  --ui-radius-md: 12px;
  --ui-radius-lg: 18px;
  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-6: 24px;
  --ui-shadow-card: 0 10px 30px rgb(16 49 70 / 5%);
}
[data-erictel-module="hub"] {
  --ui-primary: #087e86;
  --ui-accent: #13a59b;
  --ui-ink: #153449;
  --ui-muted: #60798b;
  --ui-surface: #ffffff;
  --ui-surface-soft: #f1f7f9;
  --ui-border: #dce7ed;
  --ui-background: #f3f7f9;
  --ui-sidebar: #102c41;
}
[data-erictel-module="supply"] {
  --ui-primary: #078e89;
  --ui-accent: #17b9aa;
  --ui-ink: #142e41;
  --ui-muted: #647c8b;
  --ui-surface: #ffffff;
  --ui-surface-soft: #eff8f6;
  --ui-border: #dce8ed;
  --ui-background: #f5f8fa;
  --ui-sidebar: #102a3e;
}
[data-erictel-module="vision"] {
  --ui-primary: #365eaf;
  --ui-accent: #6279ce;
  --ui-ink: #15364c;
  --ui-muted: #627a8e;
  --ui-surface: #ffffff;
  --ui-surface-soft: #f1f4ff;
  --ui-border: #dfe8ef;
  --ui-background: #f5f8fa;
  --ui-sidebar: #102a3e;
}
.ui-skip-link {position:absolute;top:-100px;left:14px;z-index:500;background:#fff;color:#102c41;padding:10px 14px;border-radius:8px}
.ui-skip-link:focus {top:8px}
.ui-form-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;align-items:start}
.ui-form-grid > * {min-width:0}
.ui-field-help {font-size:11px;font-weight:500;color:var(--ui-muted,#627989);line-height:1.35}
.ui-form-actions {display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding-block:16px}
.ui-form-actions .btn {min-height:43px}
.ui-panel {background:var(--ui-surface,#fff);border:1px solid var(--ui-border,#dce7ed);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-card)}
.ui-form-section {padding:20px 0;border-bottom:1px solid var(--ui-border,#dce7ed)}
.ui-form-section:last-child {border-bottom:0}
.ui-form-section-title {font-weight:750;color:var(--ui-ink,#153449)}
[data-erictel-module] :is(a,button,input,select,textarea,[tabindex]):focus-visible {outline:3px solid var(--ui-accent,#1cb6a8);outline-offset:3px}
@media(max-width:720px){.ui-form-grid{grid-template-columns:1fr}.ui-form-actions{flex-direction:column-reverse;align-items:stretch}.ui-form-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){[data-erictel-module] *,[data-erictel-module] *::before,[data-erictel-module] *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* First Supply form to adopt the consistent field layout (v0.2.25). */
.asset-editor .asset-form-grid {align-items:start;row-gap:20px}
.asset-editor .asset-form-grid > label {align-self:start;min-width:0;gap:7px}
.asset-editor .asset-form-grid .field-hint {display:block;order:2;margin:1px 0 0;min-height:16px;line-height:1.4}
.asset-editor .asset-form-grid .model-picker {width:100%;min-width:0}
.asset-editor .asset-form-grid input[readonly] {background:#f0f5f7;color:#405d6e;cursor:default}
.asset-editor .asset-form-actions {margin-top:4px}
.asset-editor .asset-form-actions .btn {min-width:170px}
@media(max-width:780px){.asset-editor .asset-form-actions .btn{width:100%;min-width:0}}
/* v0.2.28 brand logo containment, without changing form and table layouts */
.brand-icon img.theme-logo-img,.hub-logo img.theme-logo-img,.mg-logo img.theme-logo-img {max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}
body[data-erictel-module] .brand-icon:has(img.theme-logo-img){padding:3px}