@import url("tailwind-local.css");
/* smartia.al IT Center - local UI system. No CDN dependency. */
:root {
  --smartia-bg: #f4f7fb;
  --smartia-surface: #ffffff;
  --smartia-surface-soft: #f8fafc;
  --smartia-ink: #0f172a;
  --smartia-muted: #64748b;
  --smartia-border: #dbe4ef;
  --smartia-primary: #4f46e5;
  --smartia-primary-dark: #4338ca;
  --smartia-sidebar: #0f172a;
  --smartia-sidebar-border: rgba(148, 163, 184, .18);
  --smartia-shadow: 0 18px 42px rgba(15, 23, 42, .08);
  --smartia-shadow-sm: 0 10px 26px rgba(15, 23, 42, .06);
}



* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  min-height: 100vh;
  background: var(--smartia-bg);
  color: var(--smartia-ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  letter-spacing: 0;
}
a { color: inherit; text-decoration: none; }
img, svg { display: block; max-width: 100%; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
i[class^="fa-"],
i[class*=" fa-"] {
  display: inline-grid;
  place-items: center;
  line-height: 1;
  vertical-align: middle;
}
i[class^="fa-"]::before,
i[class*=" fa-"]::before {
  display: block;
  line-height: 1;
}

/* App shell */
.smartia-app-shell,
body > .flex,
.flex.min-h-screen {
  display: flex;
  min-height: 100vh;
}
main,
.smartia-main {
  min-width: 0;
  min-height: 100vh;
  width: 100%;
  background: var(--smartia-bg);
  color: var(--smartia-ink);
  padding: 1rem;
}
@media (min-width: 768px) {
  body > .flex > main,
  .flex.min-h-screen > main,
  .smartia-main {
    margin-left: 16rem !important;
    width: calc(100% - 16rem) !important;
    max-width: calc(100vw - 16rem) !important;
    padding: 2.25rem !important;
  }
}
@media (max-width: 767px) {
  .smartia-app-shell {
    display: block !important;
  }

  body > .flex,
  .flex.min-h-screen,
  .smartia-app-shell {
    padding-top: 3.5rem;
  }
  body > .flex > main,
  .flex.min-h-screen > main,
  .smartia-main {
    width: 100% !important;
    max-width: 100vw !important;
    padding: 1rem !important;
  }
  body.smartia-sidebar-open main {
    filter: blur(1px);
    pointer-events: none;
    user-select: none;
  }
}

/* Layout v3: calmer enterprise ITSM shell. */
body.smartia-layout-v3 {
  --smartia-bg: #f6f8fb;
  --smartia-surface: #ffffff;
  --smartia-surface-soft: #f8fafc;
  --smartia-ink: #172033;
  --smartia-muted: #65748a;
  --smartia-border: #d9e2ee;
  --smartia-primary: #2563eb;
  --smartia-primary-dark: #1d4ed8;
  --smartia-accent: #0f766e;
  --smartia-danger: #dc2626;
  --smartia-sidebar-width: 17.25rem;
  --smartia-shadow: 0 12px 30px rgba(23, 32, 51, .075);
  --smartia-shadow-sm: 0 6px 16px rgba(23, 32, 51, .055);
  background: var(--smartia-bg);
}
body.smartia-layout-v3 .smartia-main {
  background:
    linear-gradient(180deg, rgba(255,255,255,.76), rgba(246,248,251,0) 18rem),
    var(--smartia-bg);
}
@media (min-width: 768px) {
  body.smartia-layout-v3 .smartia-main {
    margin-left: var(--smartia-sidebar-width) !important;
    width: calc(100% - var(--smartia-sidebar-width)) !important;
    max-width: calc(100vw - var(--smartia-sidebar-width)) !important;
    padding: 1.35rem 1.45rem 2rem 1.45rem !important;
  }
}
@media (min-width: 1280px) {
  body.smartia-layout-v3 .smartia-main {
    padding: 1.5rem 2rem 2.25rem 2rem !important;
  }
}
body.smartia-layout-v3 main > * {
  max-width: 1560px;
}

/* Central compatibility layer: old page-local Tailwind/card classes are normalized here. */
body.smartia-layout-v3 main .card,
body.smartia-layout-v3 main .glass-card,
body.smartia-layout-v3 main .bg-white,
body.smartia-layout-v3 main .bg-slate-50,
body.smartia-layout-v3 main .bg-gray-50,
body.smartia-layout-v3 main .bg-blue-50,
body.smartia-layout-v3 main .bg-emerald-50 {
  border-color: #dbe4ef !important;
}
body.smartia-layout-v3 main .rounded-xl,
body.smartia-layout-v3 main .rounded-2xl,
body.smartia-layout-v3 main .rounded-3xl {
  border-radius: .78rem !important;
}
body.smartia-layout-v3 main .shadow,
body.smartia-layout-v3 main .shadow-md,
body.smartia-layout-v3 main .shadow-lg,
body.smartia-layout-v3 main .shadow-xl,
body.smartia-layout-v3 main .shadow-2xl {
  box-shadow: var(--smartia-shadow-sm) !important;
}
body.smartia-layout-v3 main .p-6 {
  padding: .9rem !important;
}
body.smartia-layout-v3 main .p-5 {
  padding: .82rem !important;
}
body.smartia-layout-v3 main .mb-8 {
  margin-bottom: 1rem !important;
}
body.smartia-layout-v3 main .mb-6 {
  margin-bottom: .8rem !important;
}
body.smartia-layout-v3 main .text-3xl,
body.smartia-layout-v3 main .text-4xl,
body.smartia-layout-v3 main .text-5xl {
  font-size: 1.35rem !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}
body.smartia-layout-v3 main .text-xl,
body.smartia-layout-v3 main .text-2xl {
  font-size: 1.02rem !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
}

body.smartia-layout-v3 #sidebar-nav {
  width: var(--smartia-sidebar-width) !important;
  color: #172033 !important;
  background: #fff !important;
  border-right: 1px solid #dbe4ef !important;
  box-shadow: 8px 0 24px rgba(23, 32, 51, .06) !important;
  scrollbar-color: #cbd5e1 #f8fafc;
}
body.smartia-layout-v3 #sidebar-nav::-webkit-scrollbar-track { background: #f8fafc; }
body.smartia-layout-v3 #sidebar-nav::-webkit-scrollbar-thumb { background: #cbd5e1; }
.smartia-sidebar-brand {
  padding: .72rem .78rem .65rem .78rem;
  border-bottom: 1px solid #e6edf6;
}
.smartia-sidebar-logo {
  width: 1.95rem;
  height: 1.95rem;
  object-fit: contain;
  border: 1px solid #e5edf6;
  border-radius: .7rem;
  background: #fff;
}
.smartia-sidebar-logo-fallback {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #2563eb;
  border-color: #2563eb;
  font-size: .8rem;
  font-weight: 900;
}
.smartia-sidebar-title {
  color: #172033;
  font-size: .88rem;
  font-weight: 900;
  letter-spacing: 0;
}
.smartia-sidebar-scroll {
  padding: .5rem .55rem;
}
.smartia-sidebar-search {
  display: grid;
  grid-template-columns: 1.8rem minmax(0, 1fr);
  align-items: center;
  gap: .25rem;
  min-height: 2.25rem;
  margin: 0 0 .45rem;
  padding: 0 .42rem;
  color: #748195;
  background: #f8fafc;
  border: 1px solid #dbe4ef;
  border-radius: .68rem;
}
.smartia-sidebar-search input {
  min-width: 0;
  width: 100%;
  height: 2.1rem;
  color: #172033;
  background: transparent;
  border: 0;
  outline: 0;
  font-size: .78rem;
  font-weight: 760;
}
.smartia-nav-section {
  margin: .68rem .48rem .26rem .48rem;
  color: #8794a7;
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.smartia-nav-link {
  display: flex;
  min-height: 2.05rem;
  align-items: center;
  gap: .55rem;
  margin: .08rem 0;
  padding: .42rem .56rem;
  color: #425066;
  border: 1px solid transparent;
  border-radius: .68rem;
  font-size: .82rem;
  font-weight: 760;
  line-height: 1.15;
  transition: background .16s ease, border-color .16s ease, color .16s ease;
}
.smartia-nav-link i {
  display: inline-grid;
  place-items: center;
  width: 1.05rem;
  height: 1.05rem;
  color: #748195;
  text-align: center;
  font-size: .88rem;
}
.smartia-nav-link:hover {
  color: #172033;
  background: #f4f7fb;
  border-color: #e2e8f0;
}
.smartia-nav-link.is-active {
  color: #0f3f89;
  background: #eaf2ff;
  border-color: #bfdbfe;
  box-shadow: none;
}
.smartia-nav-link.is-active i {
  color: #2563eb;
}
.smartia-sidebar-footer {
  padding: .5rem .55rem .65rem .55rem;
  background: #fff;
  border-top: 1px solid #e6edf6;
}
.smartia-nav-logout {
  color: #9f1d1d;
}
.smartia-nav-logout i {
  color: #dc2626;
}
.smartia-client-switcher {
  margin: .65rem 0 .85rem 0;
  padding: .75rem;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: .85rem;
}
.smartia-client-switcher label {
  display: block;
  margin: 0 0 .45rem 0;
  color: #65748a;
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.smartia-mobile-topbar {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 50;
  display: flex;
  min-height: 3.5rem;
  align-items: center;
  justify-content: space-between;
  padding: 0 1rem;
  box-sizing: border-box;
  width: 100%;
  max-width: 100vw;
  color: #172033;
  background: rgba(255,255,255,.96);
  border-bottom: 1px solid #dbe4ef;
  box-shadow: 0 8px 20px rgba(23, 32, 51, .08);
  backdrop-filter: blur(12px);
}
.smartia-mobile-menu-btn {
  display: inline-flex;
  width: 2.3rem;
  height: 2.3rem;
  align-items: center;
  justify-content: center;
  color: #425066;
  background: #f8fafc;
  border: 1px solid #dbe4ef;
  border-radius: .7rem;
}
.smartia-mobile-menu-btn i {
  font-size: 1.1rem;
}
.smartia-mobile-brand {
  display: grid;
  min-width: 0;
  gap: .05rem;
  color: #172033;
}
.smartia-mobile-brand strong,
.smartia-mobile-brand span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.smartia-mobile-brand strong {
  font-size: .86rem;
  line-height: 1;
  font-weight: 950;
}
.smartia-mobile-brand span {
  color: #667386;
  font-size: .62rem;
  line-height: 1;
  font-weight: 820;
  text-transform: uppercase;
}
.smartia-mobile-topbar-spacer {
  width: 2rem;
  height: 1px;
}
.smartia-sidebar-brand-row {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: .5rem;
}
.smartia-sidebar-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
body.smartia-layout-v3 .smartia-module-header,
body.smartia-layout-v3 .smartia-pagebar,
body.smartia-layout-v3 main > .smartia-page-header,
body.smartia-layout-v3 main > .ui-hero,
body.smartia-layout-v3 main > .bg-gradient-to-r.text-white,
body.smartia-layout-v3 main > .bg-slate-900.text-white,
body.smartia-layout-v3 main > .bg-gray-900.text-white {
  margin: 0 0 .72rem 0 !important;
  padding: .72rem .82rem !important;
  color: #172033 !important;
  background: rgba(255,255,255,.96) !important;
  border: 1px solid #dbe4ef !important;
  border-radius: .95rem !important;
  box-shadow: var(--smartia-shadow-sm) !important;
}
.smartia-pagebar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
}
.smartia-pagebar-main {
  min-width: 0;
}
.smartia-pagebar-kicker {
  display: block;
  margin-bottom: .25rem;
  color: #65748a;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .075em;
  text-transform: uppercase;
}
body.smartia-layout-v3 .smartia-pagebar h1,
body.smartia-layout-v3 .smartia-module-header h1,
body.smartia-layout-v3 main > .smartia-page-header h1,
body.smartia-layout-v3 main > .ui-hero h1 {
  display: flex;
  align-items: center;
  gap: .48rem;
  margin: 0 !important;
  color: #172033 !important;
  font-size: clamp(1.08rem, 1.25vw, 1.38rem) !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
}
.smartia-pagebar-icon {
  display: inline-flex;
  width: 1.95rem;
  height: 1.95rem;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: #2563eb;
  background: #eaf2ff;
  border: 1px solid #bfdbfe;
  border-radius: .62rem;
  font-size: .85rem;
}
body.smartia-layout-v3 .smartia-module-header p,
body.smartia-layout-v3 .smartia-module-header .smartia-module-subtitle,
body.smartia-layout-v3 .smartia-pagebar .smartia-module-subtitle {
  margin: .22rem 0 0 0 !important;
  color: #65748a !important;
  font-size: .78rem !important;
  line-height: 1.25;
}
body.smartia-layout-v3 .smartia-header-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  justify-content: flex-end;
}

body.smartia-layout-v3 .smartia-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  min-height: 2.35rem;
  padding: .56rem .78rem;
  border: 1px solid transparent;
  border-radius: .65rem !important;
  font-size: .84rem;
  font-weight: 850;
  box-shadow: none;
}
body.smartia-layout-v3 .smartia-btn i {
  display: inline-grid;
  place-items: center;
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
}
body.smartia-layout-v3 .smartia-btn-primary {
  color: #fff !important;
  background: #2563eb !important;
  border-color: #2563eb;
}
body.smartia-layout-v3 .smartia-btn-primary:hover {
  background: #1d4ed8 !important;
}
body.smartia-layout-v3 .smartia-btn-green {
  color: #fff !important;
  background: #0f766e !important;
  border-color: #0f766e;
}
body.smartia-layout-v3 .smartia-btn-dark,
body.smartia-layout-v3 .smartia-btn-muted {
  color: #172033 !important;
  background: #fff !important;
  border-color: #dbe4ef;
}
body.smartia-layout-v3 .smartia-btn-soft {
  color: #1d4ed8 !important;
  background: #eaf2ff !important;
  border-color: #bfdbfe;
}
body.smartia-layout-v3 .smartia-btn-red {
  color: #fff !important;
  background: #dc2626 !important;
  border-color: #dc2626;
}

body.smartia-layout-v3 .smartia-panel,
body.smartia-layout-v3 .smartia-card,
body.smartia-layout-v3 main .bg-white.rounded.shadow,
body.smartia-layout-v3 main .bg-white.rounded-lg.shadow,
body.smartia-layout-v3 main .bg-white.rounded-md.shadow,
body.smartia-layout-v3 main .bg-white.p-6.rounded.shadow,
body.smartia-layout-v3 main .bg-white.p-4.rounded.shadow,
body.smartia-layout-v3 main .bg-white.rounded-2xl.shadow,
body.smartia-layout-v3 main .bg-white.rounded-3xl.shadow,
body.smartia-layout-v3 main .bg-white.shadow,
body.smartia-layout-v3 main details.bg-white,
body.smartia-layout-v3 .glass-card {
  background: #fff !important;
  border: 1px solid #dbe4ef !important;
  border-radius: .95rem !important;
  box-shadow: var(--smartia-shadow-sm) !important;
}
body.smartia-layout-v3 .smartia-panel {
  padding: 1rem;
}
body.smartia-layout-v3 .smartia-panel-head {
  margin-bottom: .85rem;
  padding-bottom: .75rem;
  border-bottom: 1px solid #edf2f7;
}
body.smartia-layout-v3 .smartia-panel-head h2 {
  color: #172033;
  font-size: 1.02rem;
}
body.smartia-layout-v3 .smartia-panel-head h2 i {
  color: #2563eb;
}

body.smartia-layout-v3 .smartia-metric-grid {
  gap: .75rem;
}
body.smartia-layout-v3 .smartia-metric {
  min-height: 4.1rem;
  gap: .75rem;
  padding: .75rem;
  border-radius: .85rem;
  box-shadow: none;
}
body.smartia-layout-v3 .smartia-metric:hover {
  border-color: #bfdbfe;
  background: #fbfdff;
}
body.smartia-layout-v3 .smartia-metric-icon {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: .68rem;
}
body.smartia-layout-v3 .smartia-metric-label {
  color: #65748a;
  font-size: .68rem;
}
body.smartia-layout-v3 .smartia-metric strong {
  font-size: 1.28rem;
}
body.smartia-layout-v3 .smartia-tone-blue .smartia-metric-icon { background: #2563eb; }
body.smartia-layout-v3 .smartia-tone-green .smartia-metric-icon { background: #0f766e; }
body.smartia-layout-v3 .smartia-tone-purple .smartia-metric-icon { background: #6d5dfc; }
body.smartia-layout-v3 .smartia-tone-dark .smartia-metric-icon { background: #425066; }

body.smartia-layout-v3 .smartia-business-strip,
body.smartia-layout-v3 .smartia-context-card {
  border-left: 0 !important;
  border-radius: .95rem !important;
  box-shadow: var(--smartia-shadow-sm) !important;
}
body.smartia-layout-v3 .smartia-context-strip {
  margin: -.28rem 0 .72rem;
  padding: .42rem .55rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .55rem;
  background: #fff;
  border: 1px solid #dbe4ef;
  border-radius: .72rem;
  box-shadow: none;
}
body.smartia-layout-v3 .smartia-context-strip-main {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: .45rem;
}
body.smartia-layout-v3 .smartia-context-strip .smartia-context-icon {
  width: 1.65rem;
  height: 1.65rem;
  border-radius: .52rem;
  font-size: .75rem;
}
body.smartia-layout-v3 .smartia-context-strip .smartia-context-label {
  display: none;
}
body.smartia-layout-v3 .smartia-context-strip .smartia-context-title {
  margin: 0;
  font-size: .84rem;
  line-height: 1.15;
}
body.smartia-layout-v3 .smartia-context-strip .smartia-context-subtitle {
  max-width: 42rem;
  margin-top: .02rem !important;
  font-size: .68rem;
  line-height: 1.15;
}
body.smartia-layout-v3 .smartia-context-action {
  min-height: 1.95rem;
  padding: .35rem .58rem;
  font-size: .76rem;
}
body.smartia-layout-v3 .smartia-context-icon,
body.smartia-layout-v3 .smartia-business-strip__icon {
  color: #2563eb;
  background: #eaf2ff;
  border: 1px solid #bfdbfe;
}
body.smartia-layout-v3 .smartia-empty-panel {
  min-height: 7.2rem;
  align-items: flex-start;
  padding: 1rem;
  text-align: left;
  background: #fff;
  border-color: #dbe4ef;
  border-style: dashed;
  box-shadow: none;
}
body.smartia-layout-v3 .smartia-empty-icon {
  width: 2.35rem;
  height: 2.35rem;
  color: #65748a;
  background: #f4f7fb;
  border-radius: .72rem;
  font-size: 1rem;
}
body.smartia-layout-v3 main table th {
  background: #f8fafc;
  color: #65748a;
  font-size: .7rem;
}
body.smartia-layout-v3 main table td {
  padding: .78rem .9rem;
}
body.smartia-layout-v3 .smartia-table-wrap {
  border-radius: .85rem;
}
body.smartia-layout-v3 .smartia-row-actions a,
body.smartia-layout-v3 .smartia-row-actions button {
  color: #1d4ed8;
  background: #f4f7fb;
  border: 1px solid #dbe4ef;
}
body.smartia-layout-v3 .smartia-filter-chip {
  background: #fff;
  border-color: #dbe4ef;
  border-radius: .65rem;
}
body.smartia-layout-v3 .smartia-filter-chip:hover,
body.smartia-layout-v3 .smartia-filter-chip.is-active {
  color: #1d4ed8;
  background: #eaf2ff;
  border-color: #bfdbfe;
}
body.smartia-layout-v3 input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.smartia-layout-v3 textarea,
body.smartia-layout-v3 select,
body.smartia-layout-v3 .smartia-input {
  min-height: 2.6rem;
  border-radius: .65rem;
}
body.smartia-layout-v3 .ts-wrapper.single .ts-control,
body.smartia-layout-v3 .ts-wrapper.multi .ts-control,
body.smartia-layout-v3 .ts-control,
body.smartia-layout-v3 .ts-dropdown {
  border-radius: .68rem !important;
}

@media (max-width: 767px) {
  html,
  body.smartia-layout-v3 {
    max-width: 100%;
    overflow-x: hidden;
  }
  body.smartia-layout-v3:not(.smartia-sidebar-open) #sidebar-nav {
    display: none;
    pointer-events: none;
  }
  body.smartia-layout-v3.smartia-sidebar-open #sidebar-nav {
    display: flex;
    pointer-events: auto;
  }
  body.smartia-layout-v3 .smartia-pagebar {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: .68rem !important;
  }
  body.smartia-layout-v3 .smartia-pagebar h1 {
    font-size: 1.08rem !important;
  }
  body.smartia-layout-v3 .smartia-header-actions {
    flex: 0 1 auto;
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    overflow: visible;
    margin-top: .55rem;
    padding-bottom: 0;
  }
  body.smartia-layout-v3 .smartia-header-actions .smartia-btn,
  body.smartia-layout-v3 .smartia-btn {
    width: auto;
    white-space: nowrap;
  }
  body.smartia-layout-v3 #sidebar-nav {
    width: min(88vw, 21.5rem) !important;
    max-width: 21.5rem !important;
  }
}

/* Sidebar */
#sidebar-nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 70;
  display: flex;
  flex-direction: column;
  width: 16rem;
  height: 100vh;
  overflow-y: auto;
  color: #fff;
  background: var(--smartia-sidebar);
  border-right: 1px solid var(--smartia-sidebar-border);
  box-shadow: 14px 0 34px rgba(15, 23, 42, .18);
  scrollbar-width: thin;
  scrollbar-color: #475569 #0f172a;
  transition: transform .25s ease;
}
#sidebar-nav::-webkit-scrollbar { width: 8px; }
#sidebar-nav::-webkit-scrollbar-track { background: #0f172a; }
#sidebar-nav::-webkit-scrollbar-thumb { background: #475569; border-radius: 999px; }
#sidebar-nav.is-collapsed { transform: translateX(-100%); }
#sidebar-overlay {
  position: fixed;
  inset: 0;
  z-index: 60;
  display: none;
  background: rgba(0, 0, 0, .62);
  backdrop-filter: blur(2px);
}
body.smartia-sidebar-open #sidebar-overlay { display: block !important; }
@media (min-width: 768px) {
  #sidebar-nav { transform: none !important; }
  .smartia-mobile-topbar { display: none !important; }
  #sidebar-overlay { display: none !important; }
}
@media (max-width: 767px) {
  #sidebar-nav {
    width: min(86vw, 22rem) !important;
    max-width: 22rem !important;
  }
}

/* Smartia components */
.smartia-page-header,
main > .bg-gradient-to-r.text-white,
main > .bg-slate-900.text-white,
main > .bg-gray-900.text-white,
main > .from-slate-900,
main > .from-blue-900,
main > .from-indigo-900,
main > .from-purple-900 {
  margin-bottom: 1.5rem;
  padding: 1.5rem;
  color: #fff !important;
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 58%, #334155 100%) !important;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 1.25rem !important;
  box-shadow: var(--smartia-shadow);
  overflow: hidden;
}
.smartia-page-header h1,
main .text-white h1 { color: #fff !important; }
.smartia-page-header p,
main .text-white p { color: #dbeafe; }

body.smartia-internal-app main {
  display: block;
  max-width: none;
}
body.smartia-internal-app main > * {
  max-width: 1480px;
}
body.smartia-internal-app main > .smartia-wide,
body.smartia-internal-app main > .overflow-x-auto,
body.smartia-internal-app main > .mobile-card-list {
  max-width: none;
}
.smartia-module-header,
body.smartia-internal-app main > .smartia-page-header,
body.smartia-internal-app main > .ui-hero,
body.smartia-internal-app main > .bg-gradient-to-r.text-white,
body.smartia-internal-app main > .bg-slate-900.text-white,
body.smartia-internal-app main > .bg-gray-900.text-white {
  margin: 0 0 1rem 0 !important;
  padding: .95rem 1.1rem !important;
  color: #fff !important;
  background: #111827 !important;
  border: 1px solid rgba(148, 163, 184, .22) !important;
  border-radius: .75rem !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .12) !important;
}
.smartia-module-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.smartia-module-header h1,
.smartia-module-header .smartia-module-title,
body.smartia-internal-app main > .smartia-page-header h1,
body.smartia-internal-app main > .ui-hero h1 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(1.25rem, 1.6vw, 1.55rem) !important;
  line-height: 1.18 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}
.smartia-module-header p,
.smartia-module-header .smartia-module-subtitle {
  margin: .35rem 0 0 0 !important;
  color: #cbd5e1 !important;
  font-size: .92rem !important;
}
.smartia-business-strip,
.smartia-context-card {
  margin: 0 0 1rem 0 !important;
  padding: .75rem .9rem !important;
  background: #fff !important;
  border: 1px solid var(--smartia-border) !important;
  border-left: 4px solid var(--smartia-primary) !important;
  border-radius: .75rem !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .06) !important;
}
.smartia-context-icon {
  display: inline-flex;
  width: 2.45rem;
  height: 2.45rem;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: #4f46e5;
  background: #eef2ff;
  border-radius: .75rem;
}
.smartia-context-label {
  margin: 0 0 .1rem 0 !important;
  color: #64748b;
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .045em;
  text-transform: uppercase;
}
.smartia-context-title {
  margin: 0 !important;
  color: #0f172a;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 900;
}
.smartia-context-subtitle {
  margin: .2rem 0 0 0 !important;
  max-width: 62rem;
  overflow: hidden;
  color: #64748b;
  font-size: .84rem;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.smartia-select-native {
  width: 100%;
  min-height: 2.45rem;
  padding: .55rem 2.1rem .55rem .75rem;
  color: #0f172a;
  background-color: #fff;
  border: 1px solid #dbe4ef;
  border-radius: .7rem;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
  outline: none;
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #64748b 50%), linear-gradient(135deg, #64748b 50%, transparent 50%);
  background-position: calc(100% - 16px) 50%, calc(100% - 11px) 50%;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  font-weight: 750;
}
.smartia-select-native:focus {
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}
.tomselected.ts-hidden-accessible,
select.tomselected.ts-hidden-accessible {
  display: none !important;
}
.smartia-business-strip {
  display: flex;
  align-items: center;
  gap: .85rem;
}
.smartia-business-strip__icon {
  width: 2.4rem;
  height: 2.4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: #3730a3;
  background: #eef2ff;
  border-radius: .7rem;
}
.smartia-business-strip__label {
  display: block;
  color: #64748b;
  font-size: .7rem;
  font-weight: 850;
  text-transform: uppercase;
}
.smartia-business-strip__text {
  display: block;
  color: #0f172a;
  font-size: .95rem;
  font-weight: 760;
}
.smartia-business-strip__path {
  color: #475569;
  font-weight: 600;
}

.smartia-card,
main .bg-white.rounded.shadow,
main .bg-white.rounded-lg.shadow,
main .bg-white.rounded-md.shadow,
main .bg-white.p-6.rounded.shadow,
main .bg-white.p-4.rounded.shadow,
main .bg-white.rounded-2xl.shadow,
main .bg-white.rounded-3xl.shadow,
main .bg-white.shadow,
main details.bg-white,
.glass-card {
  background: rgba(255, 255, 255, .97) !important;
  border: 1px solid rgba(219, 228, 239, .95) !important;
  border-radius: .75rem !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .055) !important;
}
.smartia-stat-card,
body.smartia-internal-app main a.bg-white,
body.smartia-internal-app main div.bg-white {
  border-color: rgba(219, 228, 239, .95);
}
.smartia-empty-state,
main .smartia-empty-state {
  width: 100%;
  min-height: 12rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: .75rem;
  grid-column: 1 / -1;
  padding: 1.5rem;
  color: #475569 !important;
  background: linear-gradient(180deg, #fff 0%, #f8fafc 100%) !important;
  border: 1px dashed #cbd5e1 !important;
  border-radius: 1.15rem !important;
  box-shadow: var(--smartia-shadow-sm);
}
.smartia-empty-state::before {
  content: "Nuk ka të dhëna për t'u shfaqur";
  color: #0f172a;
  font-weight: 800;
  font-size: 1.05rem;
}

/* Forms */
main input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
main textarea,
main select,
.smartia-input {
  width: 100%;
  max-width: 100%;
  min-height: 2.75rem;
  padding: .65rem .85rem;
  color: var(--smartia-ink);
  background: #fff;
  border: 1px solid var(--smartia-border);
  border-radius: .8rem;
}
main textarea { min-height: 6rem; resize: vertical; }
main input:not([type="checkbox"]):not([type="radio"]):focus,
main textarea:focus,
main select:focus,
.smartia-input:focus {
  outline: none;
  border-color: #6366f1;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, .14);
}
main label {
  display: inline-block;
  margin-bottom: .35rem;
  color: #334155;
  font-weight: 700;
}
main form.grid,
main form[class*="grid"] {
  align-items: start;
  gap: 1rem;
}

/* Tables */
main .overflow-x-auto { max-width: 100%; }
main table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  color: var(--smartia-ink);
}
main table thead tr { background: #f8fafc; }
main table th {
  padding: .85rem 1rem;
  color: #64748b;
  font-size: .72rem;
  letter-spacing: .02em;
  font-weight: 800;
  text-transform: uppercase;
  border-bottom: 1px solid var(--smartia-border);
}
main table td {
  padding: .9rem 1rem;
  border-bottom: 1px solid #e8edf5;
  vertical-align: middle;
}
main table tbody tr:hover { background: #f8fafc; }

body.smartia-internal-app main .rounded-3xl,
body.smartia-internal-app main .rounded-2xl {
  border-radius: .75rem !important;
}
body.smartia-internal-app main .shadow-xl,
body.smartia-internal-app main .shadow-lg,
body.smartia-internal-app main .shadow-md,
body.smartia-internal-app main .shadow {
  box-shadow: 0 8px 18px rgba(15, 23, 42, .055) !important;
}
body.smartia-internal-app main .bg-gradient-to-r,
body.smartia-internal-app main .bg-gradient-to-br,
body.smartia-internal-app main .gradient-page {
  background-image: none !important;
}
body.smartia-internal-app main h1:not(.smartia-unstyled h1) {
  letter-spacing: 0 !important;
}
body.smartia-internal-app main h2 {
  color: #0f172a;
  letter-spacing: 0;
}
body.smartia-internal-app main > h1:first-child {
  margin: 0 0 1rem 0;
}
body.smartia-internal-app main button,
body.smartia-internal-app main a[class*="bg-"][href],
body.smartia-internal-app main input[type="submit"] {
  border-radius: .65rem !important;
}
body.smartia-internal-app main .grid {
  min-width: 0;
}
body.smartia-internal-app main [class*="grid-cols"] > * {
  min-width: 0;
}
body.smartia-internal-app main .text-3xl,
body.smartia-internal-app main .text-4xl {
  line-height: 1.15;
}
@media (max-width: 767px) {
  .smartia-module-header {
    display: block;
    padding: 1rem !important;
  }
  .smartia-business-strip {
    align-items: flex-start;
  }
  .smartia-business-strip__path {
    display: block;
    margin-top: .15rem;
  }
}
@media (max-width: 767px) {
  main table[data-mobile-cards="true"] thead { display: none; }
  main table[data-mobile-cards="true"],
  main table[data-mobile-cards="true"] tbody,
  main table[data-mobile-cards="true"] tr,
  main table[data-mobile-cards="true"] td {
    display: block;
    width: 100%;
  }
  main table[data-mobile-cards="true"] tr {
    padding: .7rem .8rem;
    margin-bottom: .7rem;
    background: #fff;
    border: 1px solid var(--smartia-border);
    border-radius: .72rem;
  }
  main table[data-mobile-cards="true"] td {
    padding: .36rem 0 !important;
    border: 0 !important;
  }
  main table[data-mobile-cards="true"] td + td {
    border-top: 1px solid #eef3f8 !important;
  }
  main table[data-mobile-cards="true"] td[data-label]::before {
    content: attr(data-label);
    display: block;
    margin-bottom: .08rem;
    color: var(--smartia-muted);
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .035em;
    text-transform: uppercase;
  }
  main table[data-mobile-cards="true"] td .smartia-help {
    margin-top: .12rem;
    font-size: .78rem;
    line-height: 1.25;
  }
  main table[data-mobile-cards="true"] .smartia-row-actions {
    justify-content: flex-start;
  }
}

/* Smartia Picker */
.smartia-picker-trigger { cursor: pointer; text-align: left; }
.smartia-picker-panel {
  position: fixed;
  inset: auto 1rem 1rem 1rem;
  z-index: 90;
  max-height: min(72vh, 38rem);
  overflow: auto;
  padding: 1rem;
  background: #fff;
  border: 1px solid var(--smartia-border);
  border-radius: 1.25rem;
  box-shadow: 0 22px 70px rgba(15, 23, 42, .26);
}
@media (min-width: 768px) {
  .smartia-picker-panel {
    inset: 12vh auto auto 50%;
    width: min(42rem, calc(100vw - 4rem));
    transform: translateX(-50%);
  }
}
.smartia-picker-search {
  width: 100%;
  border: 1px solid var(--smartia-border);
  border-radius: 1rem;
  padding: .8rem 1rem;
  font-size: .95rem;
}
.smartia-picker-card[hidden] { display: none !important; }

/* TomSelect local polish */
.ts-wrapper.single .ts-control,
.ts-wrapper.multi .ts-control,
.ts-control,
.ts-dropdown {
  border-radius: .9rem !important;
  border-color: var(--smartia-border) !important;
}
.ts-control {
  min-height: 2.75rem;
  padding: .55rem .75rem !important;
}

/* Tailwind compatibility subset used by legacy PHP templates. */
.fixed{position:fixed}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}
.inset-0{inset:0}.top-0{top:0}.left-0{left:0}.right-0{right:0}.bottom-0{bottom:0}
.z-40{z-index:40}.z-50{z-index:50}
.block{display:block}.inline{display:inline}.hidden{display:none!important}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}
.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}
.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}
.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}
.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}
.w-6{width:1.5rem}.w-8{width:2rem}.w-12{width:3rem}.w-64{width:16rem}.w-full{width:100%}
.h-8{height:2rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-full{height:100%}.min-h-screen{min-height:100vh}
.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-none{max-width:none}
.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-line{white-space:pre-line}
.object-contain{object-fit:contain}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}
.font-sans{font-family:inherit}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:900}
.uppercase{text-transform:uppercase}.leading-tight{line-height:1.25}.leading-6{line-height:1.5rem}
.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}
.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}
.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}
.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}
.pt-14{padding-top:3.5rem}.pb-1{padding-bottom:.25rem}
.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}
.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}
.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}
.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}
.border{border:1px solid var(--smartia-border)}.border-t{border-top:1px solid var(--smartia-border)}.border-b{border-bottom:1px solid var(--smartia-border)}
.shadow,.shadow-sm,.shadow-md,.shadow-lg,.shadow-xl,.soft-shadow{box-shadow:var(--smartia-shadow-sm)}
.bg-white{background:#fff}.bg-slate-50{background:#f8fafc}.bg-slate-100,.bg-gray-100{background:#f1f5f9}.bg-slate-900,.bg-gray-900{background:#0f172a}.bg-gray-800{background:#1f2937}.bg-gray-700{background:#374151}
.bg-indigo-600{background:#4f46e5}.bg-blue-600{background:#2563eb}.bg-cyan-600{background:#0891b2}.bg-emerald-600,.bg-green-600{background:#059669}.bg-red-600{background:#dc2626}.bg-rose-50{background:#fff1f2}.bg-emerald-50,.bg-green-50{background:#ecfdf5}.bg-amber-50,.bg-yellow-50{background:#fffbeb}
.text-white{color:#fff}.text-slate-900,.text-gray-900{color:#0f172a}.text-slate-800,.text-gray-800{color:#1e293b}.text-slate-700,.text-gray-700{color:#334155}.text-slate-600,.text-gray-600{color:#475569}.text-slate-500,.text-gray-500{color:#64748b}.text-slate-400,.text-gray-400{color:#94a3b8}.text-slate-300,.text-gray-300{color:#cbd5e1}
.text-indigo-600{color:#4f46e5}.text-blue-600{color:#2563eb}.text-cyan-200{color:#a5f3fc}.text-emerald-600,.text-green-600{color:#059669}.text-emerald-700,.text-green-700{color:#047857}.text-amber-600{color:#d97706}.text-amber-700{color:#b45309}.text-rose-600,.text-red-600{color:#e11d48}.text-rose-700,.text-red-700{color:#be123c}
.grid-cols-1{grid-template-columns:minmax(0,1fr)}
.transition,.transition-all,.transition-transform{transition:all .2s ease}.duration-300{transition-duration:.3s}
.hover\:bg-gray-700:hover{background:#374151}.hover\:text-white:hover{color:#fff}.hover\:shadow-md:hover{box-shadow:var(--smartia-shadow)}
@media (min-width:768px){.md\:hidden{display:none!important}.md\:flex{display:flex}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:ml-64{margin-left:16rem!important}.md\:pt-0{padding-top:0!important}.md\:translate-x-0{transform:none!important}}
@media (min-width:1024px){.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:items-end{align-items:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:p-10{padding:2.5rem}}
@media (min-width:1280px){.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:col-span-2{grid-column:span 2/span 2}}

/* Final explicit app components. These are used by app_layout.php and should
   become the only page structure for every sidebar module. */
.smartia-final-header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  min-height: 0;
}
.smartia-final-header h1 {
  margin: 0 !important;
  font-size: clamp(1.18rem, 1.55vw, 1.45rem) !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
}
.smartia-eyebrow {
  margin: 0 0 .25rem 0 !important;
  color: #93c5fd !important;
  font-size: .76rem !important;
  font-weight: 850 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase;
}
.smartia-header-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: .6rem;
}
.smartia-btn {
  display: inline-flex;
  min-height: 2.35rem;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  padding: .58rem .85rem;
  color: #fff;
  border: 0;
  border-radius: .75rem !important;
  font-size: .86rem;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 10px 22px rgba(15, 23, 42, .13);
}
.smartia-btn-primary { background: #2563eb !important; }
.smartia-btn-dark { background: #111827 !important; }
.smartia-btn-green { background: #0f766e !important; }
.smartia-btn-red { background: #dc2626 !important; }
.smartia-btn-muted { background: #475569 !important; }
.smartia-btn-soft {
  color: #1d4ed8 !important;
  background: #eff6ff !important;
  box-shadow: none;
}
.smartia-btn-block {
  width: 100%;
}
.smartia-btn-flex {
  flex: 1 1 0;
}

.smartia-gap-top { margin-top: 1rem !important; }
.smartia-gap-top-sm { margin-top: .75rem !important; }
.smartia-gap-top-xs { margin-top: .5rem !important; }
.smartia-gap-top-xxs { margin-top: .25rem !important; }
.smartia-gap-bottom { margin-bottom: 1rem !important; }
.smartia-gap-bottom-sm { margin-bottom: .75rem !important; }
.smartia-gap-bottom-xs { margin-bottom: .5rem !important; }
.smartia-preline { white-space: pre-line; }
.smartia-min-w-0 { min-width: 0; }
.smartia-flex-fill { flex: 1 1 0; min-width: 0; }
.smartia-field-month { min-width: 11rem; }
.smartia-control-md { max-width: 18rem; }
.smartia-control-lg { max-width: 22rem; }
.smartia-procedure-steps {
  padding-left: 1.25rem;
  line-height: 1.75;
}
.smartia-inline-form {
  display: inline-flex;
}
.smartia-status-ok {
  color: #047857;
  font-size: .9rem;
  font-weight: 850;
}
.smartia-status-ok i {
  margin-right: .25rem;
}
.smartia-icon-ok { color: #047857 !important; }
.smartia-icon-danger-text { color: #b91c1c !important; }
.smartia-print-alert {
  width: min(980px, calc(100% - 2rem));
  margin: 0 auto 1rem;
}
.gdpr-package-summary-full {
  width: 100% !important;
  margin: .75rem 0 0 !important;
}
.smartia-document-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #dbe4ef;
}
.smartia-document-table th,
.smartia-document-table td {
  padding: .5rem;
  text-align: left;
  border: 1px solid #dbe4ef;
}
.smartia-document-table th {
  background: #f2f5f8;
}
.smartia-honeypot {
  position: absolute !important;
  left: -9999px !important;
  opacity: 0 !important;
}
.smartia-icon-primary { color: #2563eb; }
.smartia-text-right { text-align: right; }
.smartia-select-extra {
  color: #64748b;
  font-size: .78rem;
  font-weight: 650;
}
.smartia-select-extra-muted { color: #94a3b8; }

.smartia-alert {
  display: flex;
  align-items: center;
  gap: .75rem;
  margin: 0 0 1rem 0;
  padding: .85rem 1rem;
  border-radius: .85rem;
  font-weight: 700;
}
.smartia-alert > i {
  width: 1.25rem;
  flex: 0 0 1.25rem;
  text-align: center;
}
.smartia-alert > span {
  min-width: 0;
}
.smartia-alert-compact {
  align-items: center;
  padding: .7rem .78rem;
  border-radius: .72rem;
  line-height: 1.28;
}
.smartia-alert-compact .smartia-btn {
  flex: 0 0 auto;
}
.smartia-alert-success {
  color: #065f46;
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
}
.smartia-alert-error {
  color: #991b1b;
  background: #fef2f2;
  border: 1px solid #fecaca;
}
.smartia-alert-info {
  color: #1e40af;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
}
.smartia-alert a {
  color: inherit;
  font-weight: 900;
  text-decoration: underline;
}
.smartia-alert.is-hidden,
.smartia-hidden {
  display: none !important;
}

.smartia-panel {
  margin: 0 0 1rem 0;
  padding: .85rem;
  background: #fff;
  border: 1px solid #dbe4ef;
  border-radius: .9rem;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .055);
}
.smartia-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin: 0 0 1rem 0;
}
.smartia-panel-head h2 {
  display: flex;
  align-items: center;
  gap: .6rem;
  margin: 0;
  color: #111827;
  font-size: 1.15rem;
  font-weight: 850;
}
.smartia-panel-head h2 i { color: #2563eb; }
.smartia-panel-head p {
  margin: .25rem 0 0 0;
  color: #64748b;
  font-size: .9rem;
}
.smartia-panel-head > button,
.smartia-panel-close {
  display: inline-flex;
  width: 2.25rem;
  height: 2.25rem;
  align-items: center;
  justify-content: center;
  color: #64748b;
  background: #f8fafc;
  border: 1px solid #dbe4ef;
  border-radius: .65rem;
}
.smartia-panel-head > button:hover,
.smartia-panel-close:hover {
  color: #0f172a;
  background: #eff6ff;
  border-color: #bfdbfe;
}

.smartia-metric-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: .85rem;
  margin: 0 0 1rem 0;
}
@media (min-width: 768px) {
  .smartia-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1280px) {
  .smartia-metric-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.smartia-metric {
  display: flex;
  align-items: center;
  gap: .9rem;
  min-height: 4.7rem;
  padding: .82rem;
  color: #111827;
  background: #fff;
  border: 1px solid #dbe4ef;
  border-radius: .9rem;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .055);
}
.smartia-metric-icon {
  display: inline-flex;
  width: 2.45rem;
  height: 2.45rem;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: .8rem;
  flex: 0 0 auto;
}
.smartia-tone-blue .smartia-metric-icon { background: #2563eb; }
.smartia-tone-green .smartia-metric-icon { background: #0f766e; }
.smartia-tone-red .smartia-metric-icon { background: #dc2626; }
.smartia-tone-purple .smartia-metric-icon { background: #7c3aed; }
.smartia-tone-dark .smartia-metric-icon { background: #111827; }
.smartia-metric-label {
  display: block;
  color: #64748b;
  font-size: .73rem;
  font-weight: 850;
  letter-spacing: .055em;
  text-transform: uppercase;
}
.smartia-metric strong {
  display: block;
  margin-top: .15rem;
  color: #111827;
  font-size: 1.45rem;
  line-height: 1;
  font-weight: 900;
}

.smartia-workflow-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
}
@media (min-width: 1024px) {
  .smartia-workflow-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
.smartia-workflow-link {
  display: grid;
  min-height: 4.6rem;
  grid-auto-rows: max-content;
  place-items: center;
  align-content: center;
  justify-content: stretch;
  gap: .35rem;
  color: #111827;
  background: #f8fafc;
  border: 1px solid #dbe4ef;
  border-radius: .85rem;
  font-size: .86rem;
  font-weight: 850;
  text-align: center;
}
.smartia-workflow-link > i {
  display: grid;
  place-items: center;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1;
  margin: 0 auto;
  text-align: center;
}
.smartia-workflow-link:hover {
  color: #1d4ed8;
  background: #eff6ff;
  border-color: #bfdbfe;
}
.smartia-workflow-link small {
  color: #64748b;
  font-size: .68rem;
  font-weight: 750;
}
.smartia-workflow-link.is-primary {
  color: #fff;
  background: #1d4ed8;
  border-color: #1d4ed8;
}
.smartia-workflow-link.is-primary small {
  color: rgba(255,255,255,.82);
}

.smartia-client-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}
@media (min-width: 1024px) {
  .smartia-client-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1536px) {
  .smartia-client-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.smartia-client-card {
  display: flex;
  min-height: 16rem;
  flex-direction: column;
  padding: 1rem;
  background: #fff;
  border: 1px solid #dbe4ef;
  border-radius: .9rem;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .055);
}
.smartia-client-card h3 {
  margin: 0;
  color: #111827;
  font-size: 1.1rem;
  font-weight: 850;
}
.smartia-client-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .75rem;
}
.smartia-client-kicker {
  margin: 0;
  color: #64748b;
  font-size: .72rem;
  font-weight: 850;
  text-transform: uppercase;
}
.smartia-client-meta {
  margin: .2rem 0 0 0;
  color: #64748b;
  font-size: .84rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.smartia-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin-top: auto;
}
.smartia-feature-icon {
  display: inline-flex;
  width: 2.25rem;
  height: 2.25rem;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: #fff;
  background: #2563eb;
  border-radius: .7rem;
}
.smartia-focus-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.smartia-focus-title {
  margin: .15rem 0;
  color: #0f172a;
  font-size: 1.25rem;
  line-height: 1.15;
  font-weight: 900;
}
.smartia-report-filter-grid {
  display: grid;
  grid-template-columns: minmax(10rem, 12rem) minmax(0, 1fr) auto;
  gap: .75rem;
  align-items: end;
}
@media (max-width: 760px) {
  .smartia-client-head,
  .smartia-focus-head {
    align-items: flex-start;
  }
  .smartia-focus-head {
    display: grid;
  }
  .smartia-report-filter-grid {
    grid-template-columns: 1fr;
  }
}
.smartia-report-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}
@media (min-width: 1180px) {
  .smartia-report-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.smartia-layout-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
}
@media (min-width: 1120px) {
  .smartia-layout-grid {
    grid-template-columns: minmax(0, 2fr) minmax(18rem, .85fr);
  }
}
.smartia-layout-main,
.smartia-layout-side {
  min-width: 0;
}
.smartia-report-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: .85rem;
  padding: 1rem;
  background: #fff;
  border: 1px solid #dbe4ef;
  border-radius: .9rem;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .055);
}
.smartia-report-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .85rem;
}
.smartia-report-head h3 {
  margin: 0;
  color: #0f172a;
  font-size: 1.08rem;
  line-height: 1.2;
  font-weight: 900;
}
.smartia-report-head span:not(.smartia-badge) {
  display: block;
  margin-top: .18rem;
  color: #64748b;
  font-size: .84rem;
  font-weight: 650;
}
.smartia-procedure-card {
  padding: 0;
  overflow: hidden;
}
.smartia-procedure-card > .smartia-procedure-summary {
  padding: .9rem 1rem;
  cursor: pointer;
  list-style: none;
}
.smartia-procedure-card > .smartia-procedure-summary::-webkit-details-marker {
  display: none;
}
.smartia-procedure-summary-status {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
}
.smartia-procedure-summary-status i {
  color: #64748b;
  transition: transform .16s ease;
}
.smartia-procedure-card[open] .smartia-procedure-summary-status i {
  transform: rotate(180deg);
}
.smartia-procedure-card > .smartia-card-note,
.smartia-procedure-card > .smartia-panel-actions {
  margin-left: 1rem;
  margin-right: 1rem;
}
.smartia-procedure-card > .smartia-panel-actions {
  margin-bottom: 1rem;
}
.smartia-ticket-next-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, .72fr);
  align-items: center;
  gap: .8rem;
  margin-bottom: .85rem;
}
.smartia-signature-canvas {
  width: 100%;
  height: 8rem;
  background: #fff;
  border: 1px solid #dbe4ef;
  border-radius: .75rem;
  touch-action: none;
}
.smartia-mini-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .5rem;
  margin: .9rem 0;
}
.smartia-card-note {
  margin: -.2rem 0 .9rem 0;
  color: #64748b;
  font-size: .84rem;
  font-weight: 650;
  line-height: 1.35;
}
.smartia-list-stack > .smartia-card-note,
.smartia-report-grid > .smartia-card-note {
  margin: 0;
  padding: .78rem;
  color: #64748b;
  background: #fff;
  border: 1px solid #dbe5f2;
  border-radius: .8rem;
}
.smartia-list-stack > .smartia-card-note > strong,
.smartia-list-stack > .smartia-card-note h2,
.smartia-report-grid > .smartia-card-note > strong,
.smartia-report-grid > .smartia-card-note h2 {
  display: block;
  margin: 0;
  color: #0f172a;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 850;
}
.smartia-list-stack > .smartia-card-note > small,
.smartia-list-stack > .smartia-card-note small,
.smartia-report-grid > .smartia-card-note > small,
.smartia-report-grid > .smartia-card-note small {
  display: block;
  margin-top: .2rem;
  color: #64748b;
  font-size: .8rem;
  font-weight: 650;
}
.smartia-card-note h3 {
  margin: .85rem 0 .35rem 0;
  color: #334155;
  font-size: .86rem;
  font-weight: 850;
}
.smartia-code-list {
  display: grid;
  gap: .35rem;
  margin: .45rem 0 0 0;
  padding-left: 1rem;
}
.smartia-code-list code {
  color: #1d4ed8;
  font-weight: 850;
}
.smartia-label {
  display: block;
  margin-bottom: .22rem;
  color: #64748b;
  font-size: .74rem;
  font-weight: 850;
  text-transform: uppercase;
}
.smartia-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.smartia-inline-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem;
}
.smartia-mini-stats span {
  display: block;
  padding: .65rem;
  background: #f8fafc;
  border: 1px solid #e5edf6;
  border-radius: .7rem;
  text-align: center;
}
.smartia-mini-stats a {
  display: block;
  padding: .65rem;
  color: inherit;
  background: #f8fafc;
  border: 1px solid #e5edf6;
  border-radius: .7rem;
  text-align: center;
  text-decoration: none;
}
.smartia-mini-stats a:hover {
  border-color: #bfdbfe;
  background: #eff6ff;
}
.smartia-mini-stats strong {
  display: block;
  color: #111827;
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 900;
}
.smartia-mini-stats a strong,
.smartia-mini-stats a em {
  display: block;
}
.smartia-mini-stats em {
  display: block;
  margin-top: .25rem;
  color: #64748b;
  font-size: .72rem;
  font-style: normal;
  font-weight: 760;
}
.smartia-empty-panel {
  display: flex;
  min-height: 8.5rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .65rem;
  padding: 1.25rem;
  color: #64748b;
  background: #fff;
  border: 1px dashed #b9c9db;
  border-radius: .9rem;
  text-align: center;
}
.smartia-empty-icon {
  display: inline-flex;
  width: 2.7rem;
  height: 2.7rem;
  align-items: center;
  justify-content: center;
  color: #64748b;
  background: #f1f5f9;
  border-radius: .9rem;
  font-size: 1.35rem;
}
.smartia-empty-panel h2 {
  margin: 0;
  color: #111827;
  font-size: 1.1rem;
  font-weight: 900;
}
.smartia-empty-panel p {
  margin: 0;
  max-width: 44rem;
}
.smartia-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}

.smartia-compact-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: .65rem;
}
.smartia-list-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .85rem;
  padding: .78rem;
  background: #fff;
  border: 1px solid #dbe4ef;
  border-radius: .8rem;
}
.smartia-list-row:hover {
  border-color: #bfdbfe;
  background: #f8fbff;
}
.smartia-list-row.is-unread {
  background: #eff6ff;
  border-color: #bfdbfe;
}
.smartia-record-stack {
  display: grid;
  gap: .75rem;
}
.smartia-record-card {
  display: grid;
  gap: .75rem;
  padding: .85rem;
  background: #fff;
  border: 1px solid #dbe4ef;
  border-radius: .8rem;
}
.smartia-record-card:hover {
  border-color: #bfdbfe;
  background: #f8fbff;
}
.smartia-row-title {
  display: block;
  color: #0f172a;
  font-weight: 850;
}
.smartia-row-meta {
  display: block;
  margin-top: .16rem;
  color: #64748b;
  font-size: .83rem;
  font-weight: 620;
}
.smartia-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.6rem;
  padding: .22rem .58rem;
  border-radius: 999px;
  color: #334155;
  background: #f1f5f9;
  font-size: .74rem;
  font-weight: 820;
}
.smartia-map-panel {
  min-height: 24rem;
  overflow: hidden;
}
.smartia-map-canvas {
  width: 100%;
  height: clamp(20rem, 45vh, 32rem);
  background: #e5edf6;
}
.smartia-dense-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  align-items: center;
}
.smartia-btn-wide {
  width: 100%;
}
.smartia-form-deck-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
  gap: .75rem;
}
.smartia-form-tile {
  display: grid;
  gap: .5rem;
  padding: .85rem;
  background: #fff;
  border: 1px solid #dbe4ef;
  border-radius: .8rem;
}
.smartia-form-tile strong {
  color: #0f172a;
  font-size: .9rem;
  font-weight: 850;
}
.smartia-discovery-approval {
  width: 100%;
  max-width: 58rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 1180px) {
  .smartia-discovery-approval {
    max-width: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .smartia-form-grid,
  .smartia-discovery-approval {
    grid-template-columns: 1fr;
  }
}
.smartia-two-inputs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .6rem;
}
.smartia-field label,
.smartia-field > span {
  display: block;
  margin-bottom: .45rem;
  color: #334155;
  font-size: .9rem;
  font-weight: 800;
}
.smartia-field .required {
  color: #dc2626;
}
.smartia-field-wide {
  grid-column: 1 / -1;
}
.smartia-fieldset {
  padding: .85rem;
  background: #f8fafc;
  border: 1px solid #dbe5f2;
  border-radius: .85rem;
}
.smartia-section-title {
  display: flex;
  align-items: center;
  gap: .45rem;
  margin: 0 0 .75rem 0;
  color: #334155;
  font-size: .92rem;
  font-weight: 850;
}
.smartia-input {
  width: 100%;
  min-height: 3rem;
  border: 1px solid #dbe5f2;
  border-radius: .75rem;
  background: #fff;
  color: #0f172a;
  padding: .75rem .9rem;
  font-weight: 650;
  outline: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.smartia-input:focus {
  border-color: #2563eb;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, .14);
}
.smartia-preview-image {
  display: block;
  width: auto;
  max-height: 6rem;
  margin-top: .65rem;
  border: 1px solid #dbe5f2;
  border-radius: .65rem;
}
.smartia-inline-map {
  min-height: 16rem;
  margin-top: .65rem;
  overflow: hidden;
  border: 1px solid #bfdbfe;
  border-radius: .85rem;
  background: #e5edf6;
}
.smartia-help {
  margin-top: .45rem;
  color: #64748b;
  font-size: .82rem;
  font-weight: 650;
}
.smartia-form-actions {
  display: flex;
  justify-content: flex-end;
  gap: .75rem;
  margin-top: 1.5rem;
}
.smartia-form-grid .smartia-form-actions,
.smartia-form-grid .smartia-dense-actions {
  margin-top: .15rem;
}
.smartia-checkline {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 3rem;
  align-items: center;
  gap: .6rem;
  margin: 0 !important;
  padding: .75rem .9rem;
  color: #334155;
  background: #fff;
  border: 1px solid #dbe5f2;
  border-radius: .75rem;
  font-weight: 800;
}
.smartia-checkline input {
  flex: 0 0 auto;
  width: 1rem;
  height: 1rem;
  accent-color: #2563eb;
}
.smartia-location-summary-item form {
  max-width: 100%;
}
.smartia-check-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
  gap: .45rem;
}
.smartia-table-wrap {
  overflow-x: auto;
  border: 1px solid #e2e8f0;
  border-radius: .9rem;
}
.smartia-table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
}
.smartia-table th {
  background: #f8fafc;
  color: #64748b;
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .04em;
  padding: .9rem 1rem;
  text-align: left;
  text-transform: uppercase;
}
.smartia-table td {
  border-top: 1px solid #e2e8f0;
  color: #334155;
  font-weight: 650;
  padding: 1rem;
  vertical-align: middle;
}
.smartia-table strong {
  color: #0f172a;
}
.smartia-table .smartia-input,
.smartia-table input,
.smartia-table select {
  min-height: 2.35rem;
  border: 1px solid #dbe5f2;
  border-radius: .6rem;
  background: #fff;
  color: #0f172a;
  padding: .52rem .65rem;
  font-weight: 650;
}
.smartia-table .smartia-num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.smartia-table tfoot td {
  background: #f8fafc;
  color: #0f172a;
  font-weight: 900;
}
.smartia-badge {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  border-radius: 999px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: .82rem;
  font-weight: 850;
  padding: .32rem .65rem;
}
.smartia-badge-green {
  color: #047857;
  background: #ecfdf5;
}
.smartia-badge-red {
  color: #b91c1c;
  background: #fef2f2;
}
.smartia-filter-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem;
  margin-bottom: 1rem;
}
.smartia-filter-chip {
  display: inline-flex;
  min-height: 2.35rem;
  align-items: center;
  justify-content: center;
  padding: .55rem .8rem;
  color: #334155;
  background: #f8fafc;
  border: 1px solid #dbe4ef;
  border-radius: .7rem;
  font-size: .86rem;
  font-weight: 850;
}
.smartia-filter-chip:hover,
.smartia-filter-chip.is-active {
  color: #1d4ed8;
  background: #eff6ff;
  border-color: #bfdbfe;
}
.smartia-filter-bar select {
  min-height: 2.7rem;
  min-width: 13rem;
  border: 1px solid #dbe5f2;
  border-radius: .75rem;
  background: #fff;
  color: #0f172a;
  padding: .55rem .75rem;
  font-weight: 700;
}

.smartia-mono-input {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: .86rem;
}

.smartia-label-sheet {
  display: inline-block;
  padding: 1rem;
  background: #fff;
  border: 1px solid #dbe4ef;
  border-radius: .9rem;
  box-shadow: 0 8px 20px rgba(15, 23, 42, .06);
}

.smartia-label-batch-sheet {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 1rem;
  background: #fff;
  border: 1px solid #dbe4ef;
  border-radius: .9rem;
}

.smartia-print-label {
  overflow: hidden;
  padding: 2mm;
  color: #020617;
  background: #fff;
  border: 1px solid #cbd5e1;
}

.smartia-print-label-body {
  display: flex;
  height: 100%;
  gap: 2mm;
}

.smartia-print-label-qr {
  display: flex;
  width: 16mm;
  flex: 0 0 16mm;
  align-items: center;
  justify-content: center;
}

.smartia-print-label-img {
  width: 15mm;
  height: 15mm;
}

.smartia-print-label-copy {
  min-width: 0;
  flex: 1 1 auto;
  line-height: 1.08;
}

.smartia-print-label-copy > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.smartia-label-brand {
  font-size: 6px;
  font-weight: 900;
  text-transform: uppercase;
}

.smartia-label-code {
  margin-top: 1mm;
  font-size: 7px;
  font-weight: 900;
}

.smartia-label-name {
  font-size: 6px;
  font-weight: 800;
}

.smartia-label-line {
  font-size: 5px;
}

.smartia-label-business {
  margin-top: 1mm;
  font-size: 5px;
}

body.smartia-zero-start .smartia-map-first-hero {
  margin-bottom: .75rem;
  padding: .62rem .74rem;
  border-radius: .78rem;
  box-shadow: none;
}

body.smartia-zero-start .smartia-map-first-hero h2 {
  font-size: clamp(.98rem, 1vw, 1.14rem);
}

body.smartia-zero-start .smartia-map-first-hero p {
  max-width: 68rem;
}
.smartia-row-actions {
  display: flex;
  align-items: center;
  gap: .45rem;
}
.smartia-row-actions a,
.smartia-row-actions button {
  display: inline-grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  color: #1d4ed8;
  background: #eff6ff;
  border: 0;
  border-radius: .55rem;
}
.smartia-row-actions button {
  color: #b91c1c;
  background: #fef2f2;
}
.smartia-icon-danger {
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  color: #b91c1c;
  background: #fef2f2;
  border: 0;
  border-radius: .55rem;
}
.smartia-row-actions button.smartia-icon-action {
  color: #1d4ed8;
  background: #eff6ff;
}
.smartia-row-actions button.smartia-icon-green {
  color: #047857;
  background: #ecfdf5;
}
.smartia-row-split {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .75rem;
}
@media (max-width: 640px) {
  .smartia-row-split {
    flex-direction: column;
  }
}
.smartia-side-stack {
  display: grid;
  gap: 1rem;
}
.smartia-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: rgba(15, 23, 42, .48);
}
.smartia-modal-card {
  width: min(100%, 30rem);
  max-height: 90vh;
  overflow-y: auto;
  padding: 1rem;
  background: #fff;
  border: 1px solid #dbe4ef;
  border-radius: .95rem;
  box-shadow: 0 20px 60px rgba(15, 23, 42, .22);
}
.smartia-modal-card-wide {
  width: min(100%, 42rem);
}
.smartia-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: 1rem;
}
.smartia-modal-head h2 {
  margin: 0;
  color: #0f172a;
  font-size: 1.1rem;
  font-weight: 900;
}
.smartia-source-list {
  display: grid;
  gap: .5rem;
}
.smartia-source-item {
  display: flex;
  align-items: flex-start;
  gap: .75rem;
  padding: .75rem;
  color: #334155;
  background: #fff;
  border: 1px solid #dbe4ef;
  border-radius: .75rem;
  cursor: pointer;
}
.smartia-source-item:hover {
  background: #f8fbff;
  border-color: #bfdbfe;
}
.smartia-source-item strong {
  color: #0f172a;
}
.smartia-source-item small {
  display: block;
  margin-top: .18rem;
  color: #64748b;
  font-weight: 650;
}
.smartia-checklist {
  display: grid;
  gap: .65rem;
}
.smartia-checklist span {
  display: flex;
  align-items: center;
  gap: .65rem;
  min-height: 2.8rem;
  border: 1px solid #dbe5f2;
  border-radius: .8rem;
  background: #f8fafc;
  padding: .75rem .85rem;
  color: #0f172a;
  font-weight: 800;
}
.smartia-checklist i {
  color: #0f766e;
}
.smartia-map-box {
  width: 100%;
  height: 20rem;
  border: 1px solid #dbe4ef;
  border-radius: .85rem;
  overflow: hidden;
}

/* Public, login and print shells share the same visual language without sidebar. */
.smartia-public-body,
.smartia-print-body {
  min-height: 100vh;
  background: #f4f7fb;
  color: #0f172a;
}
.smartia-public-topbar,
.smartia-print-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: min(1180px, calc(100% - 2rem));
  margin: 1rem auto;
  padding: .75rem .9rem;
  background: #fff;
  border: 1px solid #dbe4ef;
  border-radius: .9rem;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .055);
}
.smartia-public-brand {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  min-width: 0;
  color: #0f172a;
  font-weight: 900;
}
.smartia-public-brand img {
  width: auto;
  height: 2.1rem;
  object-fit: contain;
}
.smartia-public-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: .55rem;
}
.smartia-public-shell {
  width: min(1180px, calc(100% - 2rem));
  margin: 0 auto 2rem auto;
}
.smartia-public-hero,
.smartia-login-card,
.smartia-public-card {
  background: #fff;
  border: 1px solid #dbe4ef;
  border-radius: 1rem;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .075);
}
.smartia-public-intro {
  margin-bottom: 1rem;
  padding: 1rem;
}
.smartia-public-intro h1 {
  display: flex;
  align-items: center;
  gap: .65rem;
  font-size: clamp(1.8rem, 4vw, 2.8rem);
}
.smartia-public-intro h1 i {
  color: #2563eb;
}
.smartia-public-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr);
  gap: 1.25rem;
  align-items: stretch;
  overflow: hidden;
}
.smartia-public-hero-copy {
  padding: clamp(1.25rem, 3vw, 2.4rem);
}
.smartia-public-kicker {
  display: inline-flex;
  margin-bottom: .85rem;
  color: #1d4ed8;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.smartia-public-hero h1,
.smartia-login-card h1,
.smartia-public-card h1 {
  margin: 0;
  color: #0f172a;
  font-size: clamp(2rem, 4.8vw, 4.35rem);
  line-height: .98;
  font-weight: 950;
  letter-spacing: 0;
}
.smartia-public-hero p,
.smartia-login-card p,
.smartia-public-card p {
  margin: .9rem 0 0 0;
  color: #475569;
  font-size: 1.03rem;
  line-height: 1.55;
  font-weight: 620;
}
.smartia-public-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin-top: 1.25rem;
}
.smartia-public-visual {
  display: grid;
  align-content: stretch;
  min-height: 22rem;
  background: #111827;
}
.smartia-public-visual img {
  width: 100%;
  height: 100%;
  min-height: 22rem;
  object-fit: cover;
}
.smartia-public-dashboard {
  display: grid;
  align-content: center;
  gap: .7rem;
  padding: 1.2rem;
}
.smartia-public-dashboard span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 3.25rem;
  padding: .8rem .9rem;
  color: #dbeafe;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: .8rem;
  font-weight: 850;
}
.smartia-public-section {
  margin-top: 1rem;
  padding: 1rem;
  background: #fff;
  border: 1px solid #dbe4ef;
  border-radius: 1rem;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .055);
}
.smartia-public-section h2 {
  margin: 0 0 .35rem 0;
  color: #0f172a;
  font-size: 1.35rem;
  font-weight: 900;
}
.smartia-public-section p {
  color: #64748b;
}
.smartia-public-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  margin-top: .9rem;
}
.smartia-public-item {
  min-height: 7.5rem;
  padding: .9rem;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: .85rem;
}
.smartia-public-item i {
  color: #2563eb;
}
.smartia-public-item h3 {
  margin: .55rem 0 .25rem 0;
  color: #0f172a;
  font-size: 1rem;
  font-weight: 900;
}
.smartia-public-footer {
  width: min(1180px, calc(100% - 2rem));
  margin: 0 auto;
  padding: 1.25rem 0 2rem 0;
  color: #64748b;
  font-size: .9rem;
}

.smartia-home-body {
  background:
    linear-gradient(135deg, rgba(243, 195, 22, .16) 0%, rgba(255, 255, 255, 0) 28%),
    linear-gradient(180deg, #f6f8fb 0%, #edf2f7 100%);
}
.smartia-home-shell {
  display: grid;
  gap: 1rem;
}
.smartia-home-command {
  min-height: calc(100vh - 7.5rem);
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(23rem, .95fr);
  gap: 1rem;
  align-items: stretch;
}
.smartia-home-copy,
.smartia-home-console,
.smartia-home-section,
.smartia-home-band {
  min-width: 0;
  background: rgba(255, 255, 255, .94);
  border: 1px solid #dbe4ef;
  border-radius: 1.1rem;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .08);
}
.smartia-home-copy {
  display: grid;
  align-content: center;
  padding: clamp(1.1rem, 3vw, 2.2rem);
}
.smartia-home-copy h1 {
  margin: 0;
  max-width: 48rem;
  color: #0f172a;
  font-size: clamp(2.45rem, 5.5vw, 5.8rem);
  line-height: .9;
  font-weight: 950;
}
.smartia-home-copy p {
  max-width: 44rem;
  margin: 1rem 0 0;
  color: #475569;
  font-size: clamp(1rem, 1.4vw, 1.18rem);
  line-height: 1.55;
  font-weight: 650;
}
.smartia-home-console {
  display: grid;
  align-content: space-between;
  gap: 1rem;
  padding: 1rem;
}
.smartia-home-console-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  color: #64748b;
  font-size: .82rem;
  font-weight: 850;
}
.smartia-home-console-head span {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
}
.smartia-home-console-head i {
  color: #10b981;
  font-size: .55rem;
}
.smartia-home-console-head strong {
  color: #0f172a;
}
.smartia-home-radar {
  min-height: 17rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
}
.smartia-home-radar span {
  display: grid;
  place-items: center;
  color: #172033;
  background:
    linear-gradient(180deg, rgba(255,255,255,.8), rgba(248,250,252,.9)),
    radial-gradient(circle at top left, rgba(37,99,235,.14), transparent 45%);
  border: 1px solid #dbe4ef;
  border-radius: .95rem;
  font-size: clamp(1.1rem, 2vw, 1.45rem);
  font-weight: 950;
}
.smartia-home-radar span:first-child {
  outline: 3px solid rgba(243, 195, 22, .28);
}
.smartia-home-queue {
  display: grid;
  gap: .55rem;
}
.smartia-home-queue span {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: .7rem;
  align-items: center;
  min-height: 3.8rem;
  padding: .65rem;
  background: #f8fafc;
  border: 1px solid #dbe4ef;
  border-radius: .82rem;
}
.smartia-home-queue i {
  display: inline-grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  color: #2563eb;
  background: #eff6ff;
  border-radius: .7rem;
}
.smartia-home-queue strong,
.smartia-home-queue small {
  display: block;
}
.smartia-home-queue strong {
  color: #0f172a;
  font-weight: 950;
}
.smartia-home-queue small {
  color: #64748b;
  font-weight: 650;
}
.smartia-home-section,
.smartia-home-band {
  padding: clamp(1rem, 2vw, 1.35rem);
}
.smartia-home-section-head {
  max-width: 52rem;
}
.smartia-home-section h2,
.smartia-home-band h2 {
  margin: 0;
  color: #0f172a;
  font-size: clamp(1.55rem, 2.6vw, 2.55rem);
  line-height: 1;
  font-weight: 950;
}
.smartia-home-section p,
.smartia-home-band p {
  max-width: 62rem;
  color: #64748b;
  font-weight: 650;
  line-height: 1.55;
}
.smartia-home-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  margin-top: 1rem;
}
.smartia-home-card {
  min-width: 0;
  min-height: 10rem;
  padding: .9rem;
  background: #f8fafc;
  border: 1px solid #dbe4ef;
  border-radius: .9rem;
}
.smartia-home-card i {
  color: #2563eb;
  font-size: 1.1rem;
}
.smartia-home-card h3 {
  margin: .7rem 0 .35rem;
  color: #0f172a;
  font-size: 1.05rem;
  font-weight: 950;
}
.smartia-home-card p {
  margin: 0;
  color: #64748b;
  font-size: .9rem;
  line-height: 1.45;
}
.smartia-home-band {
  border-color: #bfdbfe;
  background:
    linear-gradient(135deg, #ffffff 0%, #eff6ff 100%);
}

@media (max-width: 900px) {
  .smartia-home-command,
  .smartia-home-grid {
    grid-template-columns: 1fr;
  }
  .smartia-home-command {
    min-height: 0;
  }
  .smartia-home-radar {
    min-height: 12rem;
  }
}

/* Public entry flows: employee ticket, public chat, approvals and offline/PWA. */
.smartia-entry-body {
  min-height: 100vh;
  background:
    linear-gradient(135deg, rgba(243, 195, 22, .14) 0%, rgba(255, 255, 255, 0) 30%),
    linear-gradient(180deg, #f6f8fb 0%, #edf2f7 100%);
}
.smartia-entry-shell {
  width: min(1180px, calc(100% - 2rem));
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(22rem, 1.08fr);
  gap: 1rem;
  align-items: stretch;
  margin: 0 auto;
  padding: 1rem 0;
}
.smartia-entry-shell-narrow {
  width: min(980px, calc(100% - 2rem));
  grid-template-columns: minmax(0, .86fr) minmax(20rem, 1.14fr);
}
.smartia-entry-hero,
.smartia-entry-panel {
  min-width: 0;
  background: rgba(255, 255, 255, .95);
  border: 1px solid #dbe4ef;
  border-radius: 1.1rem;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .08);
}
.smartia-entry-hero {
  display: grid;
  align-content: space-between;
  gap: 1.25rem;
  padding: clamp(1rem, 2.7vw, 1.8rem);
}
.smartia-entry-copy h1 {
  margin: 0;
  color: #0f172a;
  font-size: clamp(2.1rem, 4.4vw, 4.7rem);
  line-height: .92;
  font-weight: 950;
  letter-spacing: 0;
}
.smartia-entry-copy p {
  max-width: 39rem;
  margin: .9rem 0 0;
  color: #475569;
  font-size: clamp(.98rem, 1.4vw, 1.12rem);
  line-height: 1.52;
  font-weight: 650;
}
.smartia-entry-flow {
  display: grid;
  gap: .58rem;
}
.smartia-entry-step {
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr);
  gap: .68rem;
  align-items: center;
  min-height: 3.65rem;
  padding: .65rem;
  background: #f8fafc;
  border: 1px solid #dbe4ef;
  border-radius: .86rem;
}
.smartia-entry-step i {
  display: inline-grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  color: #2563eb;
  background: #eff6ff;
  border-radius: .72rem;
}
.smartia-entry-step strong,
.smartia-entry-step small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.smartia-entry-step strong {
  color: #0f172a;
  font-size: .96rem;
  font-weight: 950;
}
.smartia-entry-step small {
  color: #64748b;
  font-size: .78rem;
  font-weight: 700;
}
.smartia-entry-context {
  display: grid;
  gap: .5rem;
  padding: .78rem;
  background: #fefce8;
  border: 1px solid #fde68a;
  border-radius: .9rem;
}
.smartia-entry-context span {
  color: #854d0e;
  font-size: .75rem;
  font-weight: 950;
  text-transform: uppercase;
}
.smartia-entry-context strong {
  color: #172033;
  font-size: 1rem;
  font-weight: 950;
}
.smartia-entry-context small {
  color: #64748b;
  font-weight: 700;
}
.smartia-entry-panel {
  align-self: center;
  padding: clamp(.9rem, 2vw, 1.18rem);
}
.smartia-entry-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .85rem;
  margin-bottom: .95rem;
}
.smartia-entry-panel-head h2 {
  margin: 0;
  color: #0f172a;
  font-size: clamp(1.25rem, 2vw, 1.65rem);
  line-height: 1.05;
  font-weight: 950;
}
.smartia-entry-panel-head p {
  margin: .35rem 0 0;
  color: #64748b;
  font-weight: 650;
  line-height: 1.42;
}
.smartia-entry-badge {
  display: inline-flex;
  align-items: center;
  gap: .42rem;
  flex: 0 0 auto;
  min-height: 2rem;
  padding: .32rem .58rem;
  color: #0f766e;
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  border-radius: 999px;
  font-size: .72rem;
  font-weight: 950;
  text-transform: uppercase;
}
.smartia-entry-form {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.smartia-entry-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: .6rem;
}

@media (max-width: 900px) {
  .smartia-entry-shell,
  .smartia-entry-shell-narrow {
    grid-template-columns: 1fr;
    min-height: 0;
    padding: .75rem 0 5rem;
  }
  .smartia-entry-hero {
    gap: .85rem;
  }
  .smartia-entry-flow {
    grid-template-columns: 1fr;
  }
  .smartia-entry-panel {
    align-self: auto;
  }
  .smartia-entry-panel-head {
    display: grid;
  }
}

.smartia-login-wrap {
  display: grid;
  min-height: 100vh;
  place-items: center;
  padding: 1rem;
}
.smartia-login-card {
  width: min(28rem, 100%);
  padding: 1.2rem;
}
.smartia-login-form,
.smartia-public-form {
  display: grid;
  gap: 1rem;
  margin-top: 1.25rem;
}
.smartia-login-footnote {
  margin: 1rem 0 0;
  color: #64748b;
  font-size: .88rem;
  font-weight: 700;
  text-align: center;
}
.smartia-login-footnote a {
  color: #1d4ed8;
}
.smartia-public-card-narrow {
  width: min(42rem, 100%);
  padding: 1rem;
}
.smartia-public-title-compact {
  font-size: clamp(1.7rem, 4vw, 2.4rem) !important;
}
.smartia-mini-stats-two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.smartia-login-logo {
  width: auto;
  height: 3rem;
  object-fit: contain;
  margin-bottom: 1rem;
}

.smartia-auth-body {
  background:
    linear-gradient(135deg, rgba(243, 195, 22, .14) 0%, rgba(255, 255, 255, 0) 32%),
    linear-gradient(180deg, #f6f8fb 0%, #edf2f7 100%);
}
.smartia-auth-shell {
  width: min(1180px, calc(100% - 2rem));
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(23rem, .85fr);
  gap: 1rem;
  align-items: stretch;
  margin: 0 auto;
  padding: 1rem 0;
}
.smartia-auth-command,
.smartia-auth-panel {
  min-width: 0;
  border: 1px solid #dbe4ef;
  border-radius: 1.1rem;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 18px 42px rgba(15, 23, 42, .08);
}
.smartia-auth-command {
  display: grid;
  align-content: space-between;
  gap: 2rem;
  padding: clamp(1rem, 3vw, 2rem);
  overflow: hidden;
}
.smartia-auth-brand {
  display: flex;
  align-items: center;
  gap: .7rem;
  color: #172033;
  font-weight: 950;
}
.smartia-auth-logo {
  width: auto;
  height: 2.6rem;
  object-fit: contain;
}
.smartia-auth-copy {
  max-width: 45rem;
}
.smartia-auth-copy h1 {
  margin: 0;
  color: #0f172a;
  font-size: clamp(2.4rem, 5vw, 5.4rem);
  line-height: .92;
  font-weight: 950;
  letter-spacing: 0;
}
.smartia-auth-copy p {
  max-width: 42rem;
  margin: 1rem 0 0;
  color: #475569;
  font-size: clamp(1rem, 1.4vw, 1.18rem);
  line-height: 1.55;
  font-weight: 650;
}
.smartia-auth-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .65rem;
}
.smartia-auth-flow span {
  min-width: 0;
  min-height: 6.2rem;
  display: grid;
  align-content: space-between;
  gap: .35rem;
  padding: .8rem;
  background: #f8fafc;
  border: 1px solid #dbe4ef;
  border-radius: .85rem;
}
.smartia-auth-flow i {
  color: #2563eb;
  font-size: 1.15rem;
}
.smartia-auth-flow strong,
.smartia-auth-flow small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.smartia-auth-flow strong {
  color: #0f172a;
  font-size: .95rem;
  font-weight: 950;
}
.smartia-auth-flow small {
  color: #64748b;
  font-size: .76rem;
  font-weight: 760;
}
.smartia-auth-panel {
  align-self: center;
  padding: clamp(1rem, 2.6vw, 1.45rem);
}
.smartia-auth-panel-head {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  min-height: 2rem;
  padding: .28rem .55rem;
  color: #0f766e;
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  border-radius: 999px;
  font-size: .72rem;
  font-weight: 950;
  text-transform: uppercase;
}
.smartia-auth-dot {
  width: .48rem;
  height: .48rem;
  border-radius: 50%;
  background: #10b981;
  box-shadow: 0 0 0 .22rem rgba(16, 185, 129, .14);
}
.smartia-auth-panel h2 {
  margin: 1rem 0 0;
  color: #0f172a;
  font-size: clamp(1.65rem, 2.8vw, 2.35rem);
  line-height: 1;
  font-weight: 950;
}
.smartia-auth-panel > p {
  margin: .65rem 0 0;
  color: #64748b;
  font-weight: 650;
  line-height: 1.45;
}
.smartia-auth-modebar {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .45rem;
  margin-top: 1rem;
}
.smartia-auth-modebar span {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  padding: .55rem .45rem;
  color: #425066;
  background: #f8fafc;
  border: 1px solid #dbe4ef;
  border-radius: .72rem;
  font-size: .76rem;
  font-weight: 850;
}

@media (max-width: 900px) {
  .smartia-auth-shell {
    grid-template-columns: 1fr;
    align-items: start;
    padding: .75rem 0 5.5rem;
  }
  .smartia-auth-command {
    gap: 1rem;
  }
  .smartia-auth-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .smartia-auth-flow span {
    min-height: 4.8rem;
  }
  .smartia-auth-panel {
    align-self: auto;
  }
}
.smartia-print-toolbar {
  position: sticky;
  top: .75rem;
  z-index: 10;
}
.smartia-print-sheet {
  width: min(980px, calc(100% - 2rem));
  margin: 1rem auto 2rem auto;
  padding: clamp(1rem, 3vw, 2rem);
  background: #fff;
  border: 1px solid #dbe4ef;
  border-radius: 1rem;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .075);
}
.smartia-print-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #e2e8f0;
}
.smartia-print-title h1 {
  margin: 0;
  color: #0f172a;
  font-size: clamp(1.55rem, 3vw, 2.3rem);
  line-height: 1.08;
  font-weight: 950;
}
.smartia-print-section {
  margin-bottom: 2.5rem;
}
.smartia-print-section-title {
  margin: 0 0 1rem;
  color: #111827;
  font-size: 1.25rem;
  font-weight: 900;
}
.smartia-print-stack {
  display: grid;
  gap: 1rem;
}
.smartia-print-check-row {
  display: flex;
  align-items: flex-start;
  gap: .8rem;
}
.smartia-check-ok,
.smartia-check-bad {
  margin-top: .25rem;
  font-size: 1.2rem;
}
.smartia-check-ok { color: #22c55e; }
.smartia-check-bad { color: #ef4444; }
.smartia-print-check-copy {
  flex: 1 1 auto;
  min-width: 0;
}
.smartia-print-check-copy h4 {
  margin: 0;
  color: #1f2937;
  font-size: 1.05rem;
  font-weight: 900;
}
.smartia-print-note {
  margin: .25rem 0 0;
  color: #4b5563;
  font-style: italic;
}
.smartia-print-evidence {
  margin-top: .5rem;
  padding: .75rem;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: .5rem;
}
.smartia-print-evidence h5 {
  margin: 0 0 .25rem;
  color: #374151;
  font-size: .88rem;
  font-weight: 900;
}
.smartia-print-evidence ul {
  margin: 0;
  padding-left: 1.1rem;
  color: #4b5563;
  font-size: .9rem;
}
.smartia-print-two-col {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  font-size: .9rem;
}
.smartia-print-textbox {
  padding: 1rem;
  white-space: pre-line;
  border: 1px solid #dbe4ef;
  border-radius: .5rem;
}
.smartia-signature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem;
  margin-top: 2.5rem;
}
.smartia-signature-grid p {
  margin: 0 0 2rem;
  font-weight: 900;
}
.smartia-signature-grid div div:last-child {
  padding-top: .5rem;
  border-top: 1px solid #0f172a;
}
.smartia-signature-img,
.smartia-signature-img-placeholder {
  height: 6rem;
  object-fit: contain;
  margin-bottom: .5rem;
}
.smartia-signature-img-placeholder {
  display: block;
}
.smartia-print-meta {
  color: #64748b;
  font-size: .9rem;
  font-weight: 680;
}
.smartia-document-content {
  color: #111827;
  line-height: 1.6;
}
.smartia-document-content table {
  width: 100%;
  border-collapse: collapse;
}
.smartia-document-content th,
.smartia-document-content td {
  padding: .55rem;
  border: 1px solid #dbe4ef;
  text-align: left;
  vertical-align: top;
}
.smartia-document-content th {
  background: #f8fafc;
}
@media (max-width: 820px) {
  .smartia-public-topbar,
  .smartia-print-toolbar {
    align-items: flex-start;
    flex-direction: column;
  }
  .smartia-public-nav,
  .smartia-public-actions {
    width: 100%;
  }
  .smartia-public-nav .smartia-btn,
  .smartia-public-actions .smartia-btn {
    flex: 1 1 9rem;
  }
  .smartia-public-hero {
    grid-template-columns: 1fr;
  }
  .smartia-public-grid {
    grid-template-columns: 1fr;
  }
}
@media print {
  .no-print,
  .smartia-print-toolbar {
    display: none !important;
  }
  .smartia-print-body {
    background: #fff !important;
  }
  .smartia-print-sheet {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
}
.smartia-location-tree {
  display: grid;
  gap: .85rem;
}
.smartia-location-node {
  border: 1px solid #dbe4ef;
  border-radius: .85rem;
  background: #f8fafc;
  overflow: hidden;
}
.smartia-location-warning {
  border-color: #fecaca;
  background: #fff7ed;
}
.smartia-location-head {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: .85rem;
  background: #fff;
  border-bottom: 1px solid #e5edf6;
}
.smartia-location-head strong {
  display: block;
  color: #0f172a;
  font-size: 1rem;
  font-weight: 900;
}
.smartia-location-head em {
  display: block;
  margin-top: .15rem;
  color: #64748b;
  font-size: .82rem;
  font-style: normal;
  font-weight: 650;
}
.smartia-location-icon {
  display: inline-flex;
  width: 2.4rem;
  height: 2.4rem;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: #fff;
  background: #111827;
  border-radius: .7rem;
}
.smartia-location-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: .45rem;
  margin-left: auto;
}
.smartia-location-tools small {
  color: #64748b;
  font-size: .76rem;
  font-weight: 750;
}
.smartia-floor-node {
  margin: .75rem;
  border: 1px solid #e2e8f0;
  border-radius: .75rem;
  background: #fff;
  overflow: hidden;
}
.smartia-floor-head,
.smartia-rack-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: .75rem .85rem;
  color: #0f172a;
  background: #f8fafc;
  font-weight: 850;
}
.smartia-floor-head small {
  color: #64748b;
  font-size: .78rem;
  font-weight: 700;
}
.smartia-rack-node {
  margin: .65rem;
  border: 1px solid #e5edf6;
  border-radius: .65rem;
  overflow: hidden;
}
.smartia-rack-head {
  background: #f1f5f9;
}
.smartia-rack-head a,
.smartia-asset-line a {
  color: #1d4ed8;
  font-size: .82rem;
  font-weight: 850;
}
.smartia-asset-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: .65rem .85rem;
  border-top: 1px solid #edf2f7;
  color: #334155;
  font-size: .9rem;
  font-weight: 700;
}
.smartia-asset-line > span {
  display: grid;
  gap: .15rem;
  min-width: 0;
}
.smartia-asset-meta {
  color: #64748b;
  font-size: .76rem;
  font-weight: 650;
}
.smartia-location-empty {
  padding: .75rem .85rem;
  color: #64748b;
  font-size: .88rem;
  font-weight: 650;
}
@media (max-width: 768px) {
  .smartia-location-head,
  .smartia-floor-head,
  .smartia-rack-head,
  .smartia-asset-line {
    align-items: flex-start;
  }
  .smartia-location-tools {
    width: 100%;
    margin-left: 0;
    justify-content: flex-start;
  }
}
.smartia-location-summary {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: .75rem;
}
@media (min-width: 768px) {
  .smartia-location-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1280px) {
  .smartia-location-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.smartia-location-summary-item,
.smartia-point-root > a,
.smartia-point-child {
  display: block;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  padding: .75rem;
  color: #0f172a;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: .75rem;
  text-decoration: none;
}
.smartia-location-summary-item:hover,
.smartia-point-root > a:hover,
.smartia-point-child:hover {
  background: #eff6ff;
  border-color: #bfdbfe;
}
.smartia-location-summary-item strong,
.smartia-point-root strong {
  display: block;
  color: #0f172a;
  font-weight: 900;
}
.smartia-location-summary-item span,
.smartia-point-root span {
  display: block;
  margin-top: .18rem;
  color: #64748b;
  font-size: .82rem;
  font-weight: 650;
}
.smartia-point-tree {
  display: grid;
  gap: .55rem;
  margin: .25rem 0 .9rem;
}
.smartia-point-root {
  display: grid;
  gap: .4rem;
}
.smartia-point-child {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: .55rem;
  margin-left: .85rem;
  padding: .55rem .65rem;
  font-size: .86rem;
  font-weight: 750;
}
.smartia-point-child i {
  color: #64748b;
  transform: rotate(90deg);
}
.smartia-point-child em {
  color: #1d4ed8;
  font-size: .75rem;
  font-style: normal;
  font-weight: 850;
}
.smartia-compact-empty {
  padding: .8rem;
  color: #64748b;
  background: #f8fafc;
  border: 1px dashed #cbd5e1;
  border-radius: .75rem;
  font-size: .88rem;
  font-weight: 700;
}
.smartia-compact-details > summary {
  cursor: pointer;
  color: #0f172a;
  font-size: 1rem;
  font-weight: 900;
  list-style: none;
}
.smartia-compact-details > summary .smartia-row-meta {
  display: block;
  margin-top: .15rem;
  color: #64748b;
  font-size: .76rem;
  font-weight: 700;
}
.smartia-compact-details > summary::-webkit-details-marker {
  display: none;
}
.smartia-compact-details > summary i {
  color: #2563eb;
  margin-right: .45rem;
}
.smartia-compact-details > summary small {
  display: block;
  margin-top: .15rem;
  color: #64748b;
  font-size: .76rem;
  font-weight: 700;
}
.smartia-ticket-section {
  padding: 0 !important;
  overflow: hidden;
}
.smartia-ticket-section > .smartia-ticket-section-summary {
  min-height: 3.6rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: .75rem;
  padding: .9rem 1rem;
  cursor: pointer;
  list-style: none;
}
.smartia-ticket-section > .smartia-ticket-section-summary::-webkit-details-marker {
  display: none;
}
.smartia-ticket-section-summary strong,
.smartia-ticket-section-summary small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.smartia-ticket-section-summary strong {
  color: #0f172a;
  font-size: .95rem;
  font-weight: 900;
}
.smartia-ticket-section-summary small {
  margin-top: .15rem;
  color: #64748b;
  font-size: .76rem;
  font-weight: 700;
}
.smartia-ticket-section-summary > i {
  color: #64748b;
  transition: transform .16s ease;
}
.smartia-ticket-section[open] > .smartia-ticket-section-summary > i {
  transform: rotate(180deg);
}
.smartia-ticket-section-body {
  padding: 0 1rem 1rem;
}
.smartia-inline-form {
  display: grid;
  gap: .9rem;
  margin-top: 1rem;
}
.smartia-point-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
  padding: 1rem;
  background: #fff;
  border: 1px solid #dbe4ef;
  border-radius: .9rem;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .055);
}
.smartia-point-hero p {
  margin: 0 0 .2rem;
  color: #64748b;
  font-size: .78rem;
  font-weight: 850;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.smartia-point-hero h2 {
  margin: 0;
  color: #0f172a;
  font-size: 1.4rem;
  line-height: 1.15;
  font-weight: 900;
}
.smartia-point-hero span {
  display: block;
  margin-top: .25rem;
  color: #64748b;
  font-size: .9rem;
  font-weight: 650;
}
.smartia-dashboard-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}
@media (min-width: 1100px) {
  .smartia-dashboard-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.smartia-list-stack {
  display: grid;
  gap: .55rem;
  overflow-x: hidden;
}
.smartia-list-stack > * {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}
.smartia-list-stack a {
  display: block;
  padding: .75rem;
  color: #0f172a;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: .75rem;
  text-decoration: none;
}
.smartia-list-stack a:hover {
  background: #eff6ff;
  border-color: #bfdbfe;
}
.smartia-list-stack-item {
  padding: .75rem;
  color: #0f172a;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: .75rem;
}
.smartia-list-stack-item > a {
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
}
.smartia-list-stack strong {
  display: block;
  color: #0f172a;
  font-weight: 900;
}
.smartia-list-stack span {
  display: block;
  margin-top: .18rem;
  color: #64748b;
  font-size: .82rem;
  font-weight: 650;
}
.smartia-map-first-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin: 0 0 .75rem 0;
  padding: .62rem .74rem;
  color: #0f172a;
  background: #fff;
  border: 1px solid #dbe4ef;
  border-radius: .78rem;
  box-shadow: none;
}
.smartia-map-first-hero-tight {
  padding: .56rem .7rem;
}
.smartia-map-first-copy {
  min-width: 0;
}
.smartia-map-first-kicker {
  display: none;
  margin-bottom: .18rem;
  color: #2563eb;
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.smartia-map-first-hero h2 {
  margin: 0;
  color: #0f172a;
  font-size: clamp(.98rem, 1.12vw, 1.22rem);
  font-weight: 900;
  line-height: 1.15;
}
.smartia-map-first-hero p {
  margin: .18rem 0 0 0;
  color: #64748b;
  font-size: .72rem;
  line-height: 1.25;
}
.smartia-map-first-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  justify-content: flex-end;
}
.smartia-quickbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin: -.2rem 0 .75rem 0;
  padding: .55rem .7rem;
  color: #172033;
  background: #fff;
  border: 1px solid #dbe4ef;
  border-radius: .72rem;
}
.smartia-quickbar-main {
  min-width: 0;
}
.smartia-quickbar-main strong,
.smartia-quickbar-main span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.smartia-quickbar-main strong {
  font-size: .86rem;
  font-weight: 900;
}
.smartia-quickbar-main span {
  margin-top: .1rem;
  color: #64748b;
  font-size: .72rem;
  font-weight: 650;
}
.smartia-quickbar-actions {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: .4rem;
  justify-content: flex-end;
}
.smartia-map-first-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(20rem, .9fr);
  gap: 1rem;
}
.smartia-site-list-panel {
  max-height: calc(100vh - 12rem);
  overflow: auto;
}
.smartia-site-list {
  display: grid;
  gap: .85rem;
}
.smartia-site-card {
  padding: 1rem;
  background: #f8fafc;
  border: 1px solid #dbe4ef;
  border-radius: .95rem;
  transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}
.smartia-site-card.is-root {
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
}
.smartia-site-card.is-point {
  position: relative;
  border-style: dashed;
  background: linear-gradient(135deg, #ffffff 0%, #eff6ff 100%);
}
.smartia-site-card.is-point::before {
  content: "";
  position: absolute;
  left: .65rem;
  top: 1rem;
  bottom: 1rem;
  width: 3px;
  border-radius: 999px;
  background: #2563eb;
  opacity: .72;
}
.smartia-site-card.is-active,
.smartia-site-card.is-focused,
.smartia-site-card:hover {
  background: #fff;
  border-color: #bfdbfe;
  box-shadow: 0 8px 22px rgba(37, 99, 235, .08);
}
.smartia-site-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .75rem;
}
.smartia-site-kicker {
  margin: 0 0 .2rem 0;
  color: #64748b;
  font-size: .75rem;
  font-weight: 850;
  text-transform: uppercase;
}
.smartia-site-hierarchy {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .35rem;
  margin-bottom: .35rem;
}
.smartia-site-kind,
.smartia-site-parent {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  border-radius: 999px;
  padding: .22rem .5rem;
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .02em;
  text-transform: uppercase;
}
.smartia-site-kind.is-root {
  color: #0f172a;
  background: #e2e8f0;
}
.smartia-site-kind.is-point {
  color: #1d4ed8;
  background: #dbeafe;
}
.smartia-site-parent {
  color: #475569;
  background: #f1f5f9;
}
.smartia-site-card h3 {
  margin: 0;
  color: #0f172a;
  font-size: 1.08rem;
  font-weight: 900;
}
.smartia-site-meta {
  margin: .25rem 0 0 0;
  color: #64748b;
  font-size: .85rem;
}
.smartia-site-badges {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  justify-content: flex-end;
}
.smartia-site-note {
  margin-top: .65rem;
  color: #425066;
  font-size: .82rem;
  font-weight: 650;
}
.smartia-site-metrics,
.smartia-business-mini-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .5rem;
  margin-top: .85rem;
}
.smartia-site-metrics span,
.smartia-business-mini-grid span {
  padding: .6rem;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: .78rem;
}
.smartia-site-metrics strong,
.smartia-business-mini-grid strong {
  display: block;
  color: #0f172a;
  font-size: 1rem;
  font-weight: 900;
}
.smartia-site-metrics em,
.smartia-business-mini-grid em {
  display: block;
  margin-top: .15rem;
  color: #64748b;
  font-size: .76rem;
  font-style: normal;
  font-weight: 700;
}
.smartia-site-alerts,
.smartia-alert-grid {
  display: grid;
  gap: .45rem;
  margin-top: .8rem;
}
.smartia-site-alert,
.smartia-workspace-alert {
  display: flex;
  align-items: center;
  gap: .55rem;
  padding: .66rem .78rem;
  color: #425066;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: .78rem;
  font-size: .82rem;
  font-weight: 700;
}
.smartia-site-alert i,
.smartia-workspace-alert i {
  color: #2563eb;
}
.smartia-site-alert-danger,
.smartia-workspace-alert-danger {
  color: #991b1b;
  background: #fff7f7;
  border-color: #fecaca;
}
.smartia-site-alert-danger i,
.smartia-workspace-alert-danger i {
  color: #dc2626;
}
.smartia-site-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-top: .9rem;
}
.smartia-business-card {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(18rem, .75fr);
  gap: 1rem;
  margin: 0 0 1rem 0;
  padding: 1.05rem 1.1rem;
  color: #0f172a;
  background:
    radial-gradient(circle at top right, rgba(15,118,110,.12), transparent 24rem),
    linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
  border: 1px solid #dbe4ef;
  border-radius: 1rem;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .06);
}
.smartia-business-card-kicker {
  display: inline-block;
  margin-bottom: .35rem;
  color: #0f766e;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.smartia-business-card h2 {
  margin: 0;
  font-size: clamp(1.45rem, 2vw, 2rem);
  line-height: 1.1;
  font-weight: 900;
}
.smartia-business-card-meta,
.smartia-business-card-contact {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin-top: .55rem;
}
.smartia-business-card-meta span,
.smartia-business-card-contact span,
.smartia-business-card-contact a {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .38rem .55rem;
  color: #425066;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  font-size: .8rem;
  font-weight: 700;
  text-decoration: none;
}
.smartia-business-card-address {
  margin: .65rem 0 0 0;
  color: #64748b;
  font-size: .92rem;
}
.smartia-business-card-side {
  display: grid;
  align-content: start;
  gap: .75rem;
}
.smartia-business-card-compact {
  grid-template-columns: minmax(0, 1fr) minmax(16rem, .55fr);
  margin-bottom: .72rem;
  padding: .78rem .85rem;
  border-radius: .78rem;
}
.smartia-business-card-compact .smartia-business-card-kicker {
  display: none;
}
.smartia-business-card-compact h2 {
  font-size: clamp(1.05rem, 1.28vw, 1.38rem);
}
.smartia-business-card-compact .smartia-business-card-address {
  margin-top: .35rem;
  font-size: .78rem;
}
.smartia-business-card-compact .smartia-business-card-meta,
.smartia-business-card-compact .smartia-business-card-contact {
  gap: .28rem;
  margin-top: .35rem;
}
.smartia-business-card-compact .smartia-business-card-meta span,
.smartia-business-card-compact .smartia-business-card-contact span,
.smartia-business-card-compact .smartia-business-card-contact a {
  padding: .24rem .4rem;
  font-size: .68rem;
}
.smartia-business-card-compact .smartia-business-mini-grid {
  gap: .32rem;
  margin-top: 0;
}
.smartia-business-card-compact .smartia-business-mini-grid span {
  padding: .4rem;
  border-radius: .58rem;
}
.smartia-business-card-compact .smartia-business-mini-grid strong {
  font-size: .9rem;
}
.smartia-business-card-compact .smartia-business-mini-grid em {
  font-size: .64rem;
}
.smartia-person-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}
@media (min-width: 1100px) {
  .smartia-person-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.smartia-person-card {
  padding: 1rem;
  background: #f8fafc;
  border: 1px solid #dbe4ef;
  border-radius: .95rem;
}
.smartia-person-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .75rem;
}
.smartia-person-head h3 {
  margin: 0;
  color: #0f172a;
  font-size: 1.02rem;
  font-weight: 900;
}
.smartia-person-head p {
  margin: .18rem 0 0 0;
  color: #64748b;
  font-size: .84rem;
  font-weight: 650;
}
.smartia-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin-top: .85rem;
}
.smartia-chip {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  padding: .38rem .56rem;
  color: #0f172a;
  background: #fff;
  border: 1px solid #dbe4ef;
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 750;
  text-decoration: none;
}
.smartia-chip-gdpr {
  color: #065f46;
  background: #ecfdf5;
  border-color: #a7f3d0;
}
.smartia-chip-muted {
  color: #64748b;
  background: #f8fafc;
}
.smartia-map-canvas-compact {
  height: 18rem;
  margin-bottom: 1rem;
}
.smartia-location-stack {
  display: grid;
  gap: .45rem;
  margin: .65rem 0 0 0;
}
.smartia-map-iw {
  min-width: 13rem;
  padding: .2rem;
  color: #0f172a;
}
.smartia-map-iw strong {
  display: block;
  margin-bottom: .2rem;
  font-size: .95rem;
}
.smartia-map-iw div {
  margin-top: .18rem;
  color: #64748b;
  font-size: .8rem;
}
.smartia-map-iw a {
  display: inline-block;
  margin-top: .45rem;
  color: #1d4ed8;
  font-size: .8rem;
  font-weight: 850;
  text-decoration: none;
}
.smartia-pwa-install {
  width: 100%;
  border: 0;
}
.smartia-is-offline::before {
  content: "Offline - po lexon snapshot lokal; veprimet kërkojnë internet";
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 80;
  max-width: calc(100vw - 2rem);
  padding: .7rem .9rem;
  color: #991b1b;
  background: #fee2e2;
  border: 1px solid #fecaca;
  border-radius: .75rem;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .18);
  font-size: .82rem;
  font-weight: 850;
}
.smartia-offline-alert {
  margin-bottom: 1rem;
}
@media (max-width: 767px) {
  .smartia-final-header,
  .smartia-panel-head {
    display: block !important;
  }
  .smartia-final-header {
    min-height: 0;
  }
  .smartia-final-header h1 {
    font-size: 1.45rem !important;
  }
  .smartia-context-subtitle {
    white-space: normal;
  }
  body.smartia-layout-v3 .smartia-context-strip {
    align-items: center;
    flex-direction: row;
  }
  body.smartia-layout-v3 .smartia-context-action {
    width: auto;
    flex: 0 0 auto;
  }
  .smartia-form-grid {
    grid-template-columns: 1fr;
  }
  .smartia-header-actions {
    justify-content: stretch;
    margin-top: .5rem;
  }
  .smartia-header-actions .smartia-btn,
  .smartia-btn {
    width: 100%;
  }
  .smartia-map-first-hero,
  .smartia-business-card {
    grid-template-columns: 1fr;
  }
  .smartia-map-first-hero {
    align-items: stretch;
  }
  .smartia-map-first-actions {
    justify-content: stretch;
  }
  .smartia-quickbar {
    align-items: stretch;
    flex-direction: column;
    gap: .45rem;
    margin-top: -.15rem;
  }
  .smartia-quickbar-main strong,
  .smartia-quickbar-main span {
    white-space: normal;
  }
  .smartia-quickbar-actions {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    padding-bottom: .08rem;
  }
  .smartia-quickbar-actions .smartia-btn,
  .smartia-map-first-actions .smartia-btn {
    width: auto;
    white-space: nowrap;
  }
  .smartia-business-card-compact {
    grid-template-columns: 1fr;
  }
  .smartia-map-first-layout {
    grid-template-columns: 1fr;
  }
  .smartia-site-list-panel {
    max-height: none;
  }
  .smartia-filter-bar,
  .smartia-filter-bar select {
    width: 100%;
  }
  .smartia-site-card-head,
  .smartia-person-head {
    display: block;
  }
  .smartia-site-badges {
    justify-content: flex-start;
    margin-top: .6rem;
  }
  .smartia-site-metrics,
  .smartia-business-mini-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .smartia-point-hero {
    display: block;
  }
  .smartia-point-hero .smartia-btn {
    margin-top: .75rem;
  }
}

/* FieldOps Enterprise theme: dense ITSM workspace for technicians and client asset control. */
body.smartia-fieldops-theme {
  --smartia-fieldops-canvas: #f3f6f8;
  --smartia-fieldops-grid: rgba(80, 92, 106, .055);
  --smartia-fieldops-surface: #ffffff;
  --smartia-fieldops-surface-raised: #fbfcfd;
  --smartia-fieldops-surface-inset: #eef3f7;
  --smartia-fieldops-ink: #17202b;
  --smartia-fieldops-text: #293445;
  --smartia-fieldops-muted: #667386;
  --smartia-fieldops-border: #ccd7e2;
  --smartia-fieldops-border-strong: #aebdcb;
  --smartia-fieldops-signal: #0b63ce;
  --smartia-fieldops-signal-dark: #084f9f;
  --smartia-fieldops-signal-soft: #e4f0ff;
  --smartia-fieldops-check: #0f766e;
  --smartia-fieldops-check-soft: #e2f4f1;
  --smartia-fieldops-warn: #b7791f;
  --smartia-fieldops-warn-soft: #fff3d8;
  --smartia-fieldops-danger: #c0352b;
  --smartia-fieldops-danger-soft: #ffe8e5;
  --smartia-fieldops-brand: #f3c316;
  --smartia-bg: var(--smartia-fieldops-canvas);
  --smartia-surface: var(--smartia-fieldops-surface);
  --smartia-surface-soft: var(--smartia-fieldops-surface-raised);
  --smartia-ink: var(--smartia-fieldops-ink);
  --smartia-muted: var(--smartia-fieldops-muted);
  --smartia-border: var(--smartia-fieldops-border);
  --smartia-primary: var(--smartia-fieldops-signal);
  --smartia-primary-dark: var(--smartia-fieldops-signal-dark);
  --smartia-accent: var(--smartia-fieldops-check);
  --smartia-danger: var(--smartia-fieldops-danger);
  --smartia-sidebar-width: 18rem;
  --smartia-shadow: none;
  --smartia-shadow-sm: none;
  color: var(--smartia-fieldops-text);
  background:
    linear-gradient(var(--smartia-fieldops-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--smartia-fieldops-grid) 1px, transparent 1px),
    var(--smartia-fieldops-canvas);
  background-size: 32px 32px, 32px 32px, auto;
}

body.smartia-fieldops-theme .smartia-main {
  background:
    linear-gradient(180deg, rgba(255,255,255,.78), rgba(243,246,248,.18) 16rem),
    transparent !important;
}

body.smartia-fieldops-theme #sidebar-nav {
  color: var(--smartia-fieldops-text) !important;
  background:
    linear-gradient(180deg, #ffffff, #f7fafc 58%, #f1f5f8) !important;
  border-right-color: var(--smartia-fieldops-border) !important;
  box-shadow: none !important;
}

body.smartia-fieldops-theme .smartia-sidebar-brand,
body.smartia-fieldops-theme .smartia-sidebar-footer {
  background: transparent;
  border-color: var(--smartia-fieldops-border);
}

body.smartia-fieldops-theme .smartia-sidebar-logo,
body.smartia-fieldops-theme .smartia-pagebar-icon,
body.smartia-fieldops-theme .smartia-context-icon,
body.smartia-fieldops-theme .smartia-business-strip__icon {
  color: var(--smartia-fieldops-ink);
  background:
    linear-gradient(135deg, var(--smartia-fieldops-brand), #ffe68a);
  border-color: #d7ad10;
}

body.smartia-fieldops-theme .smartia-sidebar-logo-fallback {
  color: var(--smartia-fieldops-ink);
}

body.smartia-fieldops-theme .smartia-nav-section {
  color: #7a8795;
}

body.smartia-fieldops-theme .smartia-nav-link {
  border-radius: .52rem;
}

body.smartia-fieldops-theme .smartia-nav-link:hover,
body.smartia-fieldops-theme .smartia-nav-link.active,
body.smartia-fieldops-theme .smartia-nav-link.is-active {
  color: var(--smartia-fieldops-signal-dark);
  background: var(--smartia-fieldops-signal-soft);
  border-color: #b8d6fb;
}

body.smartia-fieldops-theme .smartia-sidebar-search {
  background: #ffffff;
  border-color: var(--smartia-fieldops-border);
}

body.smartia-fieldops-theme .smartia-pagebar,
body.smartia-fieldops-theme .smartia-module-header,
body.smartia-fieldops-theme main > .smartia-page-header,
body.smartia-fieldops-theme main > .ui-hero,
body.smartia-fieldops-theme .smartia-panel,
body.smartia-fieldops-theme .smartia-card,
body.smartia-fieldops-theme .smartia-report-card,
body.smartia-fieldops-theme .smartia-metric,
body.smartia-fieldops-theme .smartia-record-card,
body.smartia-fieldops-theme .smartia-list-row,
body.smartia-fieldops-theme .smartia-form-tile,
body.smartia-fieldops-theme .smartia-empty-panel,
body.smartia-fieldops-theme .smartia-quickbar,
body.smartia-fieldops-theme .smartia-map-first-hero {
  color: var(--smartia-fieldops-text);
  background: var(--smartia-fieldops-surface) !important;
  border: 1px solid var(--smartia-fieldops-border) !important;
  border-radius: .55rem !important;
  box-shadow: none !important;
}

body.smartia-fieldops-theme .smartia-pagebar,
body.smartia-fieldops-theme .smartia-module-header {
  border-top: 3px solid var(--smartia-fieldops-brand) !important;
}

body.smartia-fieldops-theme .smartia-panel-head,
body.smartia-fieldops-theme .smartia-modal-head {
  border-bottom-color: var(--smartia-fieldops-border);
}

body.smartia-fieldops-theme .smartia-pagebar h1,
body.smartia-fieldops-theme .smartia-module-header h1,
body.smartia-fieldops-theme .smartia-report-head h3,
body.smartia-fieldops-theme .smartia-panel-head h2,
body.smartia-fieldops-theme .smartia-row-title,
body.smartia-fieldops-theme .smartia-form-tile strong {
  color: var(--smartia-fieldops-ink) !important;
}

body.smartia-fieldops-theme .smartia-module-subtitle,
body.smartia-fieldops-theme .smartia-report-head span:not(.smartia-badge),
body.smartia-fieldops-theme .smartia-row-meta,
body.smartia-fieldops-theme .smartia-card-note,
body.smartia-fieldops-theme .smartia-mini-stats em,
body.smartia-fieldops-theme .smartia-empty-panel p {
  color: var(--smartia-fieldops-muted) !important;
}

body.smartia-fieldops-theme .smartia-btn {
  min-height: 2.25rem;
  border-radius: .48rem !important;
  transition: background-color .14s ease, border-color .14s ease, color .14s ease, transform .1s ease;
}

body.smartia-fieldops-theme .smartia-btn:active {
  transform: translateY(1px);
}

body.smartia-fieldops-theme .smartia-btn-primary {
  color: #fff !important;
  background: var(--smartia-fieldops-signal) !important;
  border-color: var(--smartia-fieldops-signal-dark) !important;
}

body.smartia-fieldops-theme .smartia-btn-primary:hover {
  background: var(--smartia-fieldops-signal-dark) !important;
}

body.smartia-fieldops-theme .smartia-btn-soft,
body.smartia-fieldops-theme .smartia-filter-chip.is-active,
body.smartia-fieldops-theme .smartia-filter-chip:hover {
  color: var(--smartia-fieldops-signal-dark) !important;
  background: var(--smartia-fieldops-signal-soft) !important;
  border-color: #b8d6fb !important;
}

body.smartia-fieldops-theme .smartia-btn-green,
body.smartia-fieldops-theme .smartia-badge-green {
  color: #fff !important;
  background: var(--smartia-fieldops-check) !important;
  border-color: var(--smartia-fieldops-check) !important;
}

body.smartia-fieldops-theme .smartia-btn-red,
body.smartia-fieldops-theme .smartia-badge-red {
  color: #fff !important;
  background: var(--smartia-fieldops-danger) !important;
  border-color: var(--smartia-fieldops-danger) !important;
}

body.smartia-fieldops-theme .smartia-btn-dark,
body.smartia-fieldops-theme .smartia-btn-muted {
  color: var(--smartia-fieldops-ink) !important;
  background: var(--smartia-fieldops-surface-raised) !important;
  border-color: var(--smartia-fieldops-border-strong) !important;
}

body.smartia-fieldops-theme input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.smartia-fieldops-theme textarea,
body.smartia-fieldops-theme select,
body.smartia-fieldops-theme .smartia-input,
body.smartia-fieldops-theme .ts-wrapper.single .ts-control,
body.smartia-fieldops-theme .ts-wrapper.multi .ts-control,
body.smartia-fieldops-theme .ts-control {
  color: var(--smartia-fieldops-ink);
  background: var(--smartia-fieldops-surface-inset) !important;
  border-color: var(--smartia-fieldops-border) !important;
  border-radius: .46rem !important;
  box-shadow: inset 0 1px 0 rgba(23,32,43,.03);
}

body.smartia-fieldops-theme input:focus,
body.smartia-fieldops-theme textarea:focus,
body.smartia-fieldops-theme select:focus,
body.smartia-fieldops-theme .smartia-input:focus,
body.smartia-fieldops-theme .ts-wrapper.focus .ts-control {
  border-color: var(--smartia-fieldops-signal) !important;
  box-shadow: 0 0 0 3px rgba(11, 99, 206, .16) !important;
  outline: none;
}

body.smartia-fieldops-theme .smartia-table-wrap,
body.smartia-fieldops-theme .smartia-table {
  border-color: var(--smartia-fieldops-border);
  border-radius: .55rem;
}

body.smartia-fieldops-theme .smartia-table th,
body.smartia-fieldops-theme main table th {
  color: var(--smartia-fieldops-muted);
  background: #eaf0f5 !important;
  border-bottom-color: var(--smartia-fieldops-border);
}

body.smartia-fieldops-theme .smartia-table td,
body.smartia-fieldops-theme main table td {
  border-bottom-color: #e3eaf1;
}

body.smartia-fieldops-theme .smartia-mini-stats span,
body.smartia-fieldops-theme .smartia-mini-stats a {
  background: var(--smartia-fieldops-surface-raised);
  border-color: var(--smartia-fieldops-border);
  border-radius: .48rem;
}

body.smartia-fieldops-theme .smartia-badge {
  color: var(--smartia-fieldops-text);
  background: #eef2f6;
  border: 1px solid var(--smartia-fieldops-border);
}

body.smartia-fieldops-theme .smartia-alert-success {
  color: #0b5f55;
  background: var(--smartia-fieldops-check-soft);
  border-color: #a8d7cf;
}

body.smartia-fieldops-theme .smartia-alert-error {
  color: #92251f;
  background: var(--smartia-fieldops-danger-soft);
  border-color: #f2b7b2;
}

body.smartia-fieldops-theme .smartia-alert-info,
body.smartia-fieldops-theme .smartia-workspace-alert {
  color: var(--smartia-fieldops-signal-dark);
  background: var(--smartia-fieldops-signal-soft);
  border-color: #b8d6fb;
}

body.smartia-fieldops-theme .smartia-map-first-hero {
  background:
    linear-gradient(90deg, #ffffff, #f7fafc) !important;
  border-left: 4px solid var(--smartia-fieldops-check) !important;
}

body.smartia-fieldops-theme .smartia-map-first-kicker,
body.smartia-fieldops-theme .smartia-pagebar-kicker,
body.smartia-fieldops-theme label,
body.smartia-fieldops-theme .smartia-field label {
  letter-spacing: 0;
  color: var(--smartia-fieldops-muted);
}

body.smartia-fieldops-theme :focus-visible {
  outline: 2px solid var(--smartia-fieldops-signal);
  outline-offset: 2px;
}

/* Zero-start redesign layer: command desktop, work-queue mobile. */
body.smartia-zero-start {
  --smartia-command-canvas: #f3f5f7;
  --smartia-command-grid: rgba(80, 92, 106, .05);
  --smartia-command-surface: #ffffff;
  --smartia-command-raised: #fbfcfd;
  --smartia-command-inset: #eef3f7;
  --smartia-command-ink: #17202b;
  --smartia-command-text: #293445;
  --smartia-command-muted: #667386;
  --smartia-command-border: #ccd7e2;
  --smartia-command-border-strong: #aebdcb;
  --smartia-command-signal: #0b63ce;
  --smartia-command-signal-soft: #e4f0ff;
  --smartia-command-check: #0f766e;
  --smartia-command-check-soft: #e2f4f1;
  --smartia-command-warn: #b7791f;
  --smartia-command-warn-soft: #fff3d8;
  --smartia-command-danger: #c0352b;
  --smartia-command-danger-soft: #ffe8e5;
  --smartia-command-brand: #f3c316;
}

body.smartia-zero-start .smartia-main {
  padding-bottom: 5.5rem !important;
}

/* Sidebar control rail v6: navigation only, no hidden business scope. */
body.smartia-zero-start #sidebar-nav {
  background: #f6f8fb !important;
}

body.smartia-zero-start .smartia-sidebar-brand {
  padding: .76rem .72rem .58rem;
  background: #f6f8fb;
  border-bottom: 1px solid #dfe7f0;
}

body.smartia-zero-start .smartia-sidebar-brand-row {
  align-items: center;
  gap: .58rem;
}

body.smartia-zero-start .smartia-sidebar-title {
  display: grid;
  gap: .05rem;
  min-width: 0;
}

body.smartia-zero-start .smartia-sidebar-title strong,
body.smartia-zero-start .smartia-sidebar-title em {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.smartia-zero-start .smartia-sidebar-title strong {
  color: #172033;
  font-size: .88rem;
  font-weight: 950;
}

body.smartia-zero-start .smartia-sidebar-title em {
  color: #667386;
  font-size: .64rem;
  font-style: normal;
  font-weight: 800;
  text-transform: uppercase;
}

body.smartia-zero-start .smartia-pagebar {
  align-items: center;
  min-height: 3.6rem;
  margin-bottom: .72rem;
  padding: .58rem .72rem !important;
  color: #172033 !important;
  background: #ffffff !important;
  border: 1px solid #d9e3ee !important;
  border-top: 1px solid #d9e3ee !important;
  border-radius: .62rem !important;
  box-shadow: none !important;
}

body.smartia-zero-start .smartia-pagebar h1 {
  gap: .42rem !important;
  font-size: clamp(1rem, 1.06vw, 1.2rem) !important;
  line-height: 1.1 !important;
}

body.smartia-zero-start .smartia-pagebar-icon {
  width: 1.7rem;
  height: 1.7rem;
  color: #0b63ce;
  background: #eef5ff;
  border: 1px solid #d3e5fb;
  border-radius: .42rem;
  font-size: .78rem;
}

body.smartia-zero-start .smartia-pagebar .smartia-module-subtitle {
  margin-top: .12rem !important;
  font-size: .72rem !important;
  line-height: 1.2 !important;
}

body.smartia-zero-start .smartia-header-actions {
  gap: .38rem;
}

body.smartia-zero-start .smartia-header-actions .smartia-btn {
  min-height: 2.2rem;
  padding: .42rem .66rem;
  border-radius: .48rem;
}

.smartia-sidebar-primary {
  display: grid;
  gap: .32rem;
  padding: .5rem .62rem .58rem;
  background: #f6f8fb;
  border-bottom: 1px solid #dfe7f0;
}

.smartia-sidebar-primary-item {
  display: grid;
  grid-template-columns: 1.55rem minmax(0, 1fr);
  align-items: center;
  gap: .5rem;
  min-height: 2.55rem;
  padding: .42rem .5rem;
  color: #293445;
  background: #fff;
  border: 1px solid #d5e0eb;
  border-radius: .5rem;
  transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
}

.smartia-sidebar-primary-item i {
  display: grid;
  place-items: center;
  width: 1.55rem;
  height: 1.55rem;
  color: #0b63ce;
  background: #eef5ff;
  border: 1px solid #d3e5fb;
  border-radius: .38rem;
  font-size: .78rem;
}

.smartia-sidebar-primary-item strong,
.smartia-sidebar-primary-item em {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.smartia-sidebar-primary-item strong {
  color: #17202b;
  font-size: .76rem;
  line-height: 1.1;
  font-weight: 920;
}

.smartia-sidebar-primary-item em {
  margin-top: .05rem;
  color: #667386;
  font-size: .61rem;
  line-height: 1.15;
  font-style: normal;
  font-weight: 720;
}

.smartia-sidebar-primary-item:hover,
.smartia-sidebar-primary-item.is-active {
  color: #084f9f;
  background: #eaf3ff;
  border-color: #b8d6fb;
}

body.smartia-zero-start .smartia-sidebar-scroll {
  padding: .58rem .62rem .74rem;
}

body.smartia-zero-start .smartia-sidebar-search {
  min-height: 2.28rem;
  margin-bottom: .55rem;
  background: #fff;
  border-color: #d8e2ed;
  border-radius: .5rem;
}

body.smartia-zero-start .smartia-nav-group {
  margin: 0 0 .26rem;
  border: 1px solid transparent;
  border-radius: .52rem;
}

body.smartia-zero-start .smartia-nav-group[open] {
  background: #fff;
  border-color: #e1e9f2;
}

body.smartia-zero-start .smartia-nav-group .smartia-nav-section {
  min-height: 2rem;
  margin: 0;
  padding: .42rem .5rem;
  color: #667386;
  background: transparent;
  border: 0;
  border-radius: .48rem;
  font-size: .63rem;
  letter-spacing: .02em;
}

body.smartia-zero-start .smartia-nav-group:not([open]) .smartia-nav-section {
  background: #eef3f7;
  border: 0;
}

body.smartia-zero-start .smartia-nav-group-links {
  display: grid;
  gap: .08rem;
  padding: .08rem .22rem .32rem;
}

body.smartia-zero-start .smartia-nav-link {
  min-height: 1.95rem;
  margin: 0;
  padding: .34rem .44rem;
  color: #3b485a;
  border: 0;
  border-radius: .4rem;
  font-size: .75rem;
  font-weight: 760;
}

body.smartia-zero-start .smartia-nav-link i {
  width: 1.18rem;
  height: 1.18rem;
  color: #7a8795;
  background: transparent !important;
  border: 0 !important;
  font-size: .76rem;
}

body.smartia-zero-start .smartia-nav-link:hover,
body.smartia-zero-start .smartia-nav-link.is-active {
  color: #084f9f;
  background: #eaf3ff;
}

body.smartia-zero-start .smartia-nav-link.is-active {
  box-shadow: inset 3px 0 0 #0b63ce;
}

body.smartia-zero-start .smartia-nav-link.is-active i {
  color: #0b63ce;
}

body.smartia-zero-start .smartia-mobile-topbar {
  min-height: 3.35rem;
  padding: .42rem .72rem;
  background: rgba(248,250,252,.98);
  box-shadow: none;
}

body.smartia-zero-start .smartia-mobile-menu-btn {
  background: #fff;
  border-color: #d8e2ed;
  border-radius: .58rem;
}

.smartia-nav-group {
  margin: .18rem 0 .42rem;
}

.smartia-nav-group > summary {
  list-style: none;
  cursor: pointer;
}

.smartia-nav-group > summary::-webkit-details-marker {
  display: none;
}

.smartia-nav-group .smartia-nav-section {
  min-height: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  margin: .18rem 0 .12rem;
  padding: .34rem .46rem;
  border-radius: .62rem;
}

.smartia-nav-group .smartia-nav-section i {
  color: #9aa6b5;
  font-size: .7rem;
  transition: transform .16s ease;
}

.smartia-nav-group[open] .smartia-nav-section i {
  transform: rotate(180deg);
}

.smartia-nav-group:not([open]) .smartia-nav-section {
  background: #f7f9fc;
  border: 1px solid #edf2f7;
}

.smartia-nav-group-links {
  padding-bottom: .18rem;
}

.smartia-bottom-nav {
  display: none;
}

.smartia-appearance-panel {
  margin-bottom: .42rem;
  border: 1px solid var(--smartia-command-border);
  border-radius: .78rem;
  background: #f8fafc;
}

.smartia-appearance-panel > summary {
  min-height: 2.25rem;
  display: flex;
  align-items: center;
  gap: .55rem;
  padding: .45rem .56rem;
  color: #425066;
  cursor: pointer;
  list-style: none;
  font-size: .82rem;
  font-weight: 860;
}

.smartia-appearance-panel > summary::-webkit-details-marker {
  display: none;
}

.smartia-appearance-panel > summary i {
  width: 1.05rem;
  color: #748195;
  text-align: center;
}

.smartia-appearance-group {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .34rem;
  padding: 0 .48rem .48rem;
}

.smartia-appearance-group button {
  min-width: 0;
  min-height: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: .34rem;
  padding: .35rem .42rem;
  color: #425066;
  background: #fff;
  border: 1px solid #dbe4ef;
  border-radius: .58rem;
  font-size: .7rem;
  font-weight: 850;
}

.smartia-appearance-group button.is-active {
  color: var(--smartia-command-signal);
  background: var(--smartia-command-signal-soft);
  border-color: #b8d6fb;
}

.smartia-icon-style-group {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding-top: .04rem;
}

.smartia-icon-style-group button {
  justify-content: center;
}

.smartia-theme-dot {
  width: .72rem;
  height: .72rem;
  flex: 0 0 auto;
  border-radius: 999px;
  background: var(--smartia-command-signal);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.08);
}

.smartia-theme-command { background: #0b63ce; }
.smartia-theme-technician { background: #0f766e; }
.smartia-theme-client { background: #0f766e; }
.smartia-theme-contrast { background: #432dd7; }
.smartia-theme-dark { background: #0b1020; }

html[data-smartia-theme="technician"] body.smartia-zero-start {
  --smartia-command-canvas: #f1f8f5;
  --smartia-command-signal: #0f766e;
  --smartia-command-signal-soft: #e2f4f1;
  --smartia-command-check: #087857;
  --smartia-command-brand: #8bd8bd;
  --smartia-primary: #0f766e;
  --smartia-primary-dark: #0b5f55;
}

html[data-smartia-theme="client"] body.smartia-zero-start {
  --smartia-command-canvas: #f5f7f6;
  --smartia-command-signal: #0f766e;
  --smartia-command-signal-soft: #e7f5f2;
  --smartia-command-border: #d5e3df;
  --smartia-command-brand: #d8ebe6;
  --smartia-primary: #0f766e;
  --smartia-primary-dark: #0b5f55;
}

html[data-smartia-theme="contrast"] body.smartia-zero-start {
  --smartia-command-canvas: #fbfbf9;
  --smartia-command-surface: #ffffff;
  --smartia-command-raised: #ffffff;
  --smartia-command-ink: #1c293c;
  --smartia-command-text: #1c293c;
  --smartia-command-muted: #475569;
  --smartia-command-border: #1c293c;
  --smartia-command-border-strong: #1c293c;
  --smartia-command-signal: #432dd7;
  --smartia-command-signal-soft: #eeeaff;
  --smartia-command-brand: #fdc800;
  --smartia-primary: #432dd7;
  --smartia-primary-dark: #2b1a95;
}

html[data-smartia-theme="contrast"] body.smartia-zero-start .smartia-command-panel,
html[data-smartia-theme="contrast"] body.smartia-zero-start .smartia-work-step,
html[data-smartia-theme="contrast"] body.smartia-zero-start .smartia-panel,
html[data-smartia-theme="contrast"] body.smartia-zero-start .smartia-metric,
html[data-smartia-theme="contrast"] body.smartia-zero-start .smartia-bottom-nav {
  border-width: 2px !important;
  box-shadow: 4px 4px 0 #1c293c !important;
}

html[data-smartia-theme="dark"] body.smartia-zero-start {
  --smartia-command-canvas: #0b1020;
  --smartia-command-surface: #111a2b;
  --smartia-command-raised: #141f33;
  --smartia-command-inset: #0d1628;
  --smartia-command-ink: #f7fbff;
  --smartia-command-text: #e4edfb;
  --smartia-command-muted: #9aa8bd;
  --smartia-command-border: rgba(255,255,255,.13);
  --smartia-command-border-strong: rgba(255,255,255,.22);
  --smartia-command-signal: #47a3ff;
  --smartia-command-signal-soft: rgba(71, 163, 255, .16);
  --smartia-command-check: #4fd1a5;
  --smartia-command-brand: #47a3ff;
  --smartia-bg: #0b1020;
  --smartia-surface: #111a2b;
  --smartia-surface-soft: #141f33;
  --smartia-ink: #f7fbff;
  --smartia-muted: #9aa8bd;
  --smartia-border: rgba(255,255,255,.13);
  --smartia-primary: #47a3ff;
  --smartia-primary-dark: #2684df;
}

html[data-smartia-theme="dark"] body.smartia-zero-start,
html[data-smartia-theme="dark"] body.smartia-zero-start .smartia-main,
html[data-smartia-theme="dark"] body.smartia-zero-start #sidebar-nav,
html[data-smartia-theme="dark"] body.smartia-zero-start .smartia-mobile-topbar,
html[data-smartia-theme="dark"] body.smartia-zero-start .smartia-sidebar-footer,
html[data-smartia-theme="dark"] body.smartia-zero-start .smartia-sidebar-brand,
html[data-smartia-theme="dark"] body.smartia-zero-start .smartia-panel,
html[data-smartia-theme="dark"] body.smartia-zero-start .smartia-card,
html[data-smartia-theme="dark"] body.smartia-zero-start .smartia-metric,
html[data-smartia-theme="dark"] body.smartia-zero-start .smartia-quickbar,
html[data-smartia-theme="dark"] body.smartia-zero-start .smartia-business-card,
html[data-smartia-theme="dark"] body.smartia-zero-start .smartia-command-panel,
html[data-smartia-theme="dark"] body.smartia-zero-start .smartia-bottom-nav,
html[data-smartia-theme="dark"] body.smartia-zero-start .smartia-appearance-panel {
  color: var(--smartia-command-text) !important;
  background: var(--smartia-command-surface) !important;
  border-color: var(--smartia-command-border) !important;
}

html[data-smartia-theme="dark"] body.smartia-zero-start .smartia-pagebar,
html[data-smartia-theme="dark"] body.smartia-zero-start .smartia-work-step,
html[data-smartia-theme="dark"] body.smartia-zero-start .smartia-nav-group:not([open]) .smartia-nav-section,
html[data-smartia-theme="dark"] body.smartia-zero-start .smartia-appearance-group button,
html[data-smartia-theme="dark"] body.smartia-zero-start table[data-mobile-cards="true"] tr {
  color: var(--smartia-command-text) !important;
  background: var(--smartia-command-raised) !important;
  border-color: var(--smartia-command-border) !important;
}

html[data-smartia-theme="dark"] body.smartia-zero-start h1,
html[data-smartia-theme="dark"] body.smartia-zero-start h2,
html[data-smartia-theme="dark"] body.smartia-zero-start h3,
html[data-smartia-theme="dark"] body.smartia-zero-start .smartia-command-panel h2,
html[data-smartia-theme="dark"] body.smartia-zero-start .smartia-command-panel h3,
html[data-smartia-theme="dark"] body.smartia-zero-start .smartia-work-step strong,
html[data-smartia-theme="dark"] body.smartia-zero-start .smartia-sidebar-title {
  color: var(--smartia-command-ink) !important;
}

html[data-smartia-theme="dark"] body.smartia-zero-start .smartia-nav-link {
  color: #c7d2e3;
}

html[data-smartia-theme="dark"] body.smartia-zero-start .smartia-nav-link:hover,
html[data-smartia-theme="dark"] body.smartia-zero-start .smartia-nav-link.is-active,
html[data-smartia-theme="dark"] body.smartia-zero-start .smartia-bottom-nav-item.is-active,
html[data-smartia-theme="dark"] body.smartia-zero-start .smartia-appearance-group button.is-active {
  color: #9bd0ff !important;
  background: var(--smartia-command-signal-soft) !important;
}

html[data-smartia-icons="line"] body.smartia-zero-start .smartia-nav-link i,
html[data-smartia-icons="line"] body.smartia-zero-start .smartia-sidebar-primary-item i,
html[data-smartia-icons="line"] body.smartia-zero-start .smartia-bottom-nav-item i,
html[data-smartia-icons="line"] body.smartia-zero-start .smartia-pagebar-icon,
html[data-smartia-icons="line"] body.smartia-zero-start .smartia-metric-icon,
html[data-smartia-icons="line"] body.smartia-zero-start .smartia-work-step-no {
  color: var(--smartia-command-signal) !important;
  background: transparent !important;
  border: 1px solid var(--smartia-command-border) !important;
  box-shadow: none !important;
}

html[data-smartia-icons="minimal"] body.smartia-zero-start .smartia-pagebar-icon,
html[data-smartia-icons="minimal"] body.smartia-zero-start .smartia-metric-icon,
html[data-smartia-icons="minimal"] body.smartia-zero-start .smartia-work-step-no,
html[data-smartia-icons="minimal"] body.smartia-zero-start .smartia-context-icon,
html[data-smartia-icons="minimal"] body.smartia-zero-start .smartia-sidebar-primary-item i,
html[data-smartia-icons="minimal"] body.smartia-zero-start .smartia-nav-link i {
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  color: var(--smartia-command-signal) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.smartia-command-board {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
  gap: .85rem;
  align-items: stretch;
  margin-bottom: .85rem;
}

.smartia-command-panel {
  min-width: 0;
  padding: .95rem;
  background: var(--smartia-command-surface);
  border: 1px solid var(--smartia-command-border);
  border-radius: .95rem;
  box-shadow: var(--smartia-shadow-sm);
}

.smartia-command-panel h2,
.smartia-command-panel h3 {
  margin: 0;
  color: var(--smartia-command-ink);
  font-size: 1rem;
  font-weight: 900;
  line-height: 1.15;
}

.smartia-command-panel p {
  margin: .28rem 0 0;
  color: var(--smartia-command-muted);
  font-size: .8rem;
  line-height: 1.35;
}

.smartia-admin-cockpit {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(19rem, .65fr);
  gap: .85rem;
  margin-bottom: .85rem;
}
.smartia-admin-hero,
.smartia-admin-queue,
.smartia-admin-focus {
  min-width: 0;
  color: var(--smartia-command-text);
  background: var(--smartia-command-surface);
  border: 1px solid var(--smartia-command-border);
  border-radius: .72rem;
  box-shadow: none;
}
.smartia-admin-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(15rem, .72fr);
  gap: .85rem;
  align-items: stretch;
  padding: 1rem;
  border-top: 3px solid var(--smartia-command-brand);
}
.smartia-admin-kicker {
  display: inline-flex;
  margin-bottom: .45rem;
  color: var(--smartia-command-signal);
  font-size: .7rem;
  font-weight: 950;
  text-transform: uppercase;
}
.smartia-admin-hero h2 {
  max-width: 48rem;
  margin: 0;
  color: var(--smartia-command-ink);
  font-size: clamp(1.65rem, 3vw, 3.1rem);
  line-height: .98;
  font-weight: 950;
  letter-spacing: 0;
}
.smartia-admin-hero p {
  max-width: 48rem;
  margin: .68rem 0 0;
  color: var(--smartia-command-muted);
  font-size: .92rem;
  line-height: 1.45;
  font-weight: 700;
}
.smartia-admin-route {
  display: grid;
  gap: .55rem;
}
.smartia-admin-route a,
.smartia-admin-queue a,
.smartia-admin-module-grid a {
  min-width: 0;
  color: var(--smartia-command-text);
  background: var(--smartia-command-raised);
  border: 1px solid var(--smartia-command-border);
  border-radius: .62rem;
  text-decoration: none;
}
.smartia-admin-route a,
.smartia-admin-queue a {
  display: grid;
  grid-template-columns: 2.1rem minmax(0, 1fr);
  gap: .65rem;
  align-items: center;
  min-height: 3.5rem;
  padding: .62rem;
}
.smartia-admin-route a:hover,
.smartia-admin-queue a:hover,
.smartia-admin-module-grid a:hover {
  border-color: var(--smartia-command-border-strong);
  background: #fbfdff;
}
.smartia-admin-route i,
.smartia-admin-queue i,
.smartia-admin-module-grid i {
  display: inline-grid;
  place-items: center;
  width: 2.1rem;
  height: 2.1rem;
  color: var(--smartia-command-signal);
  background: var(--smartia-command-signal-soft);
  border-radius: .55rem;
}
.smartia-admin-route strong,
.smartia-admin-route small,
.smartia-admin-queue strong,
.smartia-admin-queue small,
.smartia-admin-module-grid strong,
.smartia-admin-module-grid small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.smartia-admin-route strong,
.smartia-admin-queue strong,
.smartia-admin-module-grid strong {
  color: var(--smartia-command-ink);
  font-size: .86rem;
  font-weight: 950;
}
.smartia-admin-route small,
.smartia-admin-queue small,
.smartia-admin-module-grid small {
  margin-top: .12rem;
  color: var(--smartia-command-muted);
  font-size: .72rem;
  line-height: 1.25;
  font-weight: 720;
}
.smartia-admin-queue {
  display: grid;
  align-content: start;
  gap: .55rem;
  padding: .85rem;
}
.smartia-admin-queue-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .55rem;
  color: var(--smartia-command-muted);
  font-size: .72rem;
  font-weight: 900;
  text-transform: uppercase;
}
.smartia-admin-queue-head strong {
  color: var(--smartia-command-ink);
  font-size: .78rem;
}
.smartia-admin-queue a.is-hot i {
  color: #fff;
  background: var(--smartia-command-signal);
}
.smartia-admin-queue a.is-danger i {
  color: #fff;
  background: var(--smartia-command-danger);
}
.smartia-admin-module-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: .65rem;
  margin-bottom: .85rem;
}
.smartia-admin-module-grid a {
  display: grid;
  gap: .62rem;
  align-content: start;
  min-height: 8.6rem;
  padding: .75rem;
}
.smartia-admin-focus {
  margin-bottom: .85rem;
  padding: .9rem;
  border-top: 3px solid var(--smartia-command-brand);
}

.smartia-map-command {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr);
  gap: .85rem;
  align-items: stretch;
  margin-bottom: .85rem;
  padding: 1rem;
  color: var(--smartia-command-text);
  background: var(--smartia-command-surface);
  border: 1px solid var(--smartia-command-border);
  border-top: 3px solid var(--smartia-command-brand);
  border-radius: .72rem;
}
.smartia-map-command-copy h2 {
  max-width: 52rem;
  margin: 0;
  color: var(--smartia-command-ink);
  font-size: clamp(1.55rem, 2.8vw, 2.85rem);
  line-height: .98;
  font-weight: 950;
}
.smartia-map-command-copy p {
  max-width: 50rem;
  margin: .65rem 0 0;
  color: var(--smartia-command-muted);
  font-size: .92rem;
  line-height: 1.45;
  font-weight: 700;
}
.smartia-map-command-ops {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .55rem;
}
.smartia-map-command-ops a {
  min-width: 0;
  display: grid;
  align-content: space-between;
  min-height: 7rem;
  padding: .68rem;
  color: var(--smartia-command-text);
  background: var(--smartia-command-raised);
  border: 1px solid var(--smartia-command-border);
  border-radius: .62rem;
}
.smartia-map-command-ops a:hover {
  border-color: var(--smartia-command-border-strong);
  background: #fbfdff;
}
.smartia-map-command-ops i {
  display: inline-grid;
  place-items: center;
  width: 2.1rem;
  height: 2.1rem;
  color: var(--smartia-command-signal);
  background: var(--smartia-command-signal-soft);
  border-radius: .55rem;
}
.smartia-map-command-ops strong,
.smartia-map-command-ops small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.smartia-map-command-ops strong {
  color: var(--smartia-command-ink);
  font-size: 1rem;
  font-weight: 950;
}
.smartia-map-command-ops small {
  margin-top: .12rem;
  color: var(--smartia-command-muted);
  font-size: .72rem;
  font-weight: 750;
}
.smartia-map-tools {
  display: grid;
  gap: .55rem;
  margin: -.25rem 0 .8rem;
}
.smartia-ticket-tools {
  display: grid;
  gap: .55rem;
  margin: 0 0 .75rem;
}
.smartia-person-tools {
  grid-column: 1 / -1;
  display: grid;
  gap: .55rem;
  margin-bottom: .25rem;
}
.smartia-map-search {
  display: grid;
  grid-template-columns: 2.2rem minmax(0, 1fr);
  align-items: center;
  min-height: 2.65rem;
  color: var(--smartia-command-muted);
  background: var(--smartia-command-inset);
  border: 1px solid var(--smartia-command-border);
  border-radius: .65rem;
}
.smartia-map-search i {
  display: grid;
  place-items: center;
  font-size: .82rem;
}
.smartia-map-search input {
  width: 100%;
  min-width: 0;
  min-height: 2.55rem !important;
  padding: 0 .7rem 0 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.smartia-map-filterbar {
  display: flex;
  flex-wrap: wrap;
  gap: .42rem;
}
.smartia-map-filterbar button {
  min-height: 2rem;
  padding: .38rem .62rem;
  color: var(--smartia-command-muted);
  background: var(--smartia-command-raised);
  border: 1px solid var(--smartia-command-border);
  border-radius: .52rem;
  font-size: .74rem;
  font-weight: 900;
}
.smartia-map-filterbar button:hover,
.smartia-map-filterbar button.is-active {
  color: var(--smartia-command-signal);
  background: var(--smartia-command-signal-soft);
  border-color: #b8d6fb;
}
.smartia-workspace-module-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: .65rem;
  margin-bottom: .85rem;
}
.smartia-workspace-module-grid a {
  min-width: 0;
  display: grid;
  gap: .62rem;
  align-content: start;
  min-height: 8rem;
  padding: .72rem;
  color: var(--smartia-command-text);
  background: var(--smartia-command-surface);
  border: 1px solid var(--smartia-command-border);
  border-radius: .62rem;
}
.smartia-workspace-module-grid a:hover {
  border-color: var(--smartia-command-border-strong);
  background: #fbfdff;
}
.smartia-workspace-module-grid i {
  display: inline-grid;
  place-items: center;
  width: 2.1rem;
  height: 2.1rem;
  color: var(--smartia-command-signal);
  background: var(--smartia-command-signal-soft);
  border-radius: .55rem;
}
.smartia-workspace-module-grid strong,
.smartia-workspace-module-grid small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.smartia-workspace-module-grid strong {
  color: var(--smartia-command-ink);
  font-size: .86rem;
  font-weight: 950;
}
.smartia-workspace-module-grid small {
  margin-top: .12rem;
  color: var(--smartia-command-muted);
  font-size: .72rem;
  line-height: 1.25;
  font-weight: 720;
}
.smartia-copy-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
}
.smartia-copy-row .smartia-input {
  flex: 1 1 22rem;
  min-width: min(100%, 22rem);
}
.smartia-qr-preview {
  display: flex;
  align-items: center;
  justify-content: center;
}
.smartia-qr-preview img {
  width: 11rem;
  height: 11rem;
  padding: .5rem;
  background: #fff;
  border: 1px solid var(--smartia-command-border);
  border-radius: .72rem;
}

.smartia-work-rail {
  display: grid;
  gap: .55rem;
  margin-top: .85rem;
}

.smartia-work-step {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .62rem;
  min-width: 0;
  padding: .65rem;
  color: var(--smartia-command-text);
  background: var(--smartia-command-raised);
  border: 1px solid var(--smartia-command-border);
  border-radius: .75rem;
}

.smartia-work-step.is-active {
  background: var(--smartia-command-signal-soft);
  border-color: #b8d6fb;
}

.smartia-work-step-no {
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  color: var(--smartia-command-ink);
  background: #e9eff5;
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 950;
}

.smartia-work-step strong,
.smartia-work-step span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.smartia-work-step strong {
  color: var(--smartia-command-ink);
  font-size: .84rem;
  line-height: 1.15;
  white-space: nowrap;
}

.smartia-work-step span {
  margin-top: .12rem;
  color: var(--smartia-command-muted);
  font-size: .72rem;
  line-height: 1.25;
}

.smartia-work-step-action {
  color: var(--smartia-command-signal);
}

.smartia-portal-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem;
  margin-bottom: .85rem;
}

.smartia-portal-step {
  min-width: 0;
  padding: .8rem;
  background: #fff;
  border: 1px solid var(--smartia-command-border);
  border-radius: .82rem;
}

.smartia-portal-step strong,
.smartia-portal-step span {
  display: block;
}

.smartia-portal-step strong {
  color: var(--smartia-command-ink);
  font-size: .86rem;
}

.smartia-portal-step span {
  margin-top: .22rem;
  color: var(--smartia-command-muted);
  font-size: .74rem;
  line-height: 1.35;
}

@media (min-width: 768px) {
  body.smartia-zero-start .smartia-sidebar-scroll {
    padding-top: .35rem;
  }
}

@media (max-width: 767px) {
  body.smartia-zero-start .smartia-main {
    padding: .62rem !important;
    padding-bottom: 5.25rem !important;
  }

  body.smartia-zero-start .smartia-pagebar {
    min-height: 3.05rem;
    margin-bottom: .5rem !important;
    padding: .58rem .62rem !important;
  }

  body.smartia-zero-start .smartia-pagebar h1 {
    font-size: 1rem !important;
  }

  body.smartia-zero-start .smartia-pagebar-icon {
    width: 1.55rem;
    height: 1.55rem;
    border-radius: .42rem;
    font-size: .72rem;
  }

  body.smartia-zero-start .smartia-pagebar .smartia-module-subtitle {
    display: none;
  }

  body.smartia-zero-start .smartia-header-actions {
    display: none !important;
  }

  body.smartia-zero-start .smartia-metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .4rem;
    margin-bottom: .62rem;
  }

  body.smartia-zero-start .smartia-metric {
    min-height: 3.15rem;
    padding: .48rem .52rem;
    border-radius: .58rem;
  }

  body.smartia-zero-start .smartia-metric-icon {
    display: none;
  }

  body.smartia-zero-start .smartia-metric strong {
    font-size: 1.1rem;
  }

  body.smartia-zero-start .smartia-filter-bar {
    display: flex;
    gap: .38rem;
    overflow-x: auto;
    padding-bottom: .18rem;
    scroll-snap-type: x proximity;
  }

  body.smartia-zero-start .smartia-filter-chip {
    flex: 0 0 auto;
    min-height: 2rem;
    padding: .42rem .62rem;
    font-size: .68rem;
    scroll-snap-align: start;
  }

  body.smartia-zero-start .smartia-alert {
    gap: .5rem;
    margin-bottom: .58rem;
    padding: .62rem .68rem;
    border-radius: .68rem;
    font-size: .76rem;
    line-height: 1.24;
  }

  body.smartia-zero-start .smartia-alert > i {
    width: 1rem;
    flex-basis: 1rem;
    font-size: .78rem;
  }

  body.smartia-zero-start .smartia-alert .smartia-btn {
    min-height: 2.05rem;
    padding: .42rem .54rem;
    font-size: .7rem;
  }

  body.smartia-zero-start .smartia-quickbar,
  body.smartia-zero-start .smartia-business-card {
    display: block;
    padding: .62rem !important;
    margin-bottom: .58rem !important;
  }

  body.smartia-zero-start .smartia-quickbar-actions,
  body.smartia-zero-start .smartia-business-card-contact,
  body.smartia-zero-start .smartia-business-card-address {
    display: none !important;
  }

  .smartia-bottom-nav {
    position: sticky;
    left: auto;
    right: auto;
    bottom: .55rem;
    z-index: 58;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .22rem;
    margin-top: 1rem;
    padding: .26rem;
    background: rgba(255,255,255,.96);
    border: 1px solid var(--smartia-command-border);
    border-radius: .82rem;
    box-shadow: 0 18px 42px rgba(23, 32, 51, .22);
    backdrop-filter: blur(14px);
  }

  .smartia-bottom-nav-item {
    min-width: 0;
    min-height: 2.55rem;
    display: grid;
    place-items: center;
    gap: .18rem;
    color: #8794a7;
    border-radius: .62rem;
    font-size: .64rem;
    font-weight: 900;
  }

  .smartia-bottom-nav-item i {
    font-size: .82rem;
  }

  .smartia-bottom-nav-item span {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .smartia-bottom-nav-item.is-active {
    color: var(--smartia-command-signal);
    background: var(--smartia-command-signal-soft);
  }

  .smartia-command-board,
  .smartia-admin-cockpit,
  .smartia-admin-hero,
  .smartia-map-command,
  .smartia-portal-steps {
    grid-template-columns: 1fr;
  }

  .smartia-map-command {
    padding: .62rem;
  }

  .smartia-map-command-ops {
    grid-template-columns: 1fr;
  }

  .smartia-map-command-ops a {
    grid-template-columns: 2.1rem minmax(0, 1fr);
    align-items: center;
    align-content: center;
    min-height: 3.5rem;
  }

  .smartia-admin-module-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .48rem;
  }

  .smartia-workspace-module-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .48rem;
  }

  .smartia-admin-module-grid a,
  .smartia-workspace-module-grid a {
    min-height: 6.7rem;
    padding: .62rem;
  }

  .smartia-command-panel {
    padding: .62rem;
    border-radius: .68rem;
  }

  .smartia-command-panel h2,
  .smartia-command-panel h3 {
    font-size: .98rem;
  }

  .smartia-command-panel p {
    font-size: .78rem;
    line-height: 1.28;
  }

  body.smartia-zero-start .smartia-ticket-next-panel {
    grid-template-columns: 1fr;
    gap: .48rem;
  }

  body.smartia-zero-start .smartia-ticket-next-panel .smartia-work-step {
    min-height: 3.05rem;
  }

  body.smartia-zero-start .smartia-workspace-shortcuts,
  body.smartia-zero-start .smartia-ticket-action-grid {
    display: none;
  }

  body.smartia-zero-start .smartia-dashboard-portfolio {
    margin-top: .62rem;
  }

  body.smartia-zero-start .smartia-procedure-card > .smartia-procedure-summary {
    padding: .68rem .72rem;
  }

  body.smartia-zero-start .smartia-procedure-card > .smartia-card-note,
  body.smartia-zero-start .smartia-procedure-card > .smartia-panel-actions {
    margin-left: .72rem;
    margin-right: .72rem;
  }

  body.smartia-zero-start .smartia-procedure-steps {
    max-height: 11rem;
    overflow: auto;
  }

  .smartia-work-step {
    grid-template-columns: 1.55rem minmax(0, 1fr);
    padding: .46rem;
    border-radius: .58rem;
  }

  .smartia-work-step-no {
    width: 1.55rem;
    height: 1.55rem;
    font-size: .7rem;
  }

  .smartia-work-step-action {
    display: none;
  }

  .smartia-work-step strong {
    font-size: .8rem;
  }

  .smartia-work-step span {
    font-size: .68rem;
  }

  .smartia-mobile-details {
    padding: 0 !important;
    overflow: hidden;
  }

  .smartia-mobile-details > .smartia-mobile-details-summary {
    min-height: 3.05rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    padding: .62rem;
    cursor: pointer;
    list-style: none;
  }

  .smartia-mobile-details > .smartia-mobile-details-summary::-webkit-details-marker {
    display: none;
  }

  .smartia-mobile-details-summary strong,
  .smartia-mobile-details-summary small {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .smartia-mobile-details-summary strong {
    color: var(--smartia-command-ink);
    font-size: .92rem;
    white-space: nowrap;
  }

  .smartia-mobile-details-summary small {
    margin-top: .14rem;
    color: var(--smartia-command-muted);
    font-size: .7rem;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .smartia-mobile-details-summary i {
    color: #8794a7;
    transition: transform .16s ease;
  }

  .smartia-mobile-details[open] .smartia-mobile-details-summary i {
    transform: rotate(180deg);
  }

  .smartia-mobile-details-body {
    padding: 0 .62rem .62rem;
  }

  body.smartia-zero-start .smartia-ticket-section > .smartia-ticket-section-summary {
    min-height: 3.05rem;
    padding: .62rem .72rem;
  }

  body.smartia-zero-start .smartia-ticket-section-summary strong {
    font-size: .9rem;
  }

  body.smartia-zero-start .smartia-ticket-section-summary small {
    font-size: .7rem;
    line-height: 1.18;
  }

  body.smartia-zero-start .smartia-ticket-section-body {
    padding: 0 .72rem .72rem;
  }


  body.smartia-zero-start .smartia-table-wrap {
    overflow: visible;
  }

  body.smartia-zero-start table[data-mobile-cards="true"] thead {
    display: none;
  }

  body.smartia-zero-start table[data-mobile-cards="true"],
  body.smartia-zero-start table[data-mobile-cards="true"] tbody,
  body.smartia-zero-start table[data-mobile-cards="true"] tr,
  body.smartia-zero-start table[data-mobile-cards="true"] td {
    display: block;
    width: 100%;
  }

  body.smartia-zero-start table[data-mobile-cards="true"] tr {
    margin-bottom: .62rem;
    padding: .58rem;
    background: #fff;
    border: 1px solid var(--smartia-command-border);
    border-radius: .82rem;
  }

  body.smartia-zero-start table[data-mobile-cards="true"] td {
    min-width: 0;
    padding: .42rem .1rem !important;
    border: 0 !important;
  }

  body.smartia-zero-start table[data-mobile-cards="true"] td::before {
    content: attr(data-label);
    display: block;
    margin-bottom: .14rem;
    color: var(--smartia-command-muted);
    font-size: .64rem;
    font-weight: 900;
    text-transform: uppercase;
  }
}