/* MiCA-aligned chrome — load after page inline styles */

body.sara-mica-theme,
body {
  font-family: var(--mica-font);
  color: var(--mica-text);
  background: var(--mica-bg);
}

#sidebar {
  width: var(--mica-sidebar-width);
  background: var(--mica-surface);
  border-right: 1px solid var(--mica-border);
}

#sidebar-logo {
  padding: 20px 24px 16px;
  border-bottom: 1px solid var(--mica-border-subtle);
}

#sidebar-nav {
  padding: 12px 0;
}

.sidebar-nav-label {
  display: block;
  padding: 12px 24px 8px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--mica-label);
}

.sidebar-item {
  padding: 13px 24px;
  font-size: 15px;
  font-weight: 500;
  color: var(--mica-text-secondary);
}

.sidebar-item:hover {
  background: var(--mica-bg);
  color: var(--mica-text);
}

.sidebar-item.active {
  background: var(--mica-active-bg);
  color: var(--mica-active-text);
  font-weight: 600;
}

.sidebar-subitem {
  padding: 9px 24px 9px 40px;
  font-size: 14px;
  color: var(--mica-text-muted);
}

.sidebar-subitem:hover {
  background: var(--mica-bg);
  color: var(--mica-text);
}

.sidebar-subitem.active {
  color: var(--mica-active-text);
  font-weight: 600;
}

#sidebar-session,
#sidebar-footer {
  border-top: 1px solid var(--mica-border-subtle);
}

#main-content {
  margin-left: var(--mica-sidebar-width);
}

#sidebar.collapsed {
  width: var(--mica-sidebar-collapsed);
}

#sidebar.collapsed ~ #main-content {
  margin-left: var(--mica-sidebar-collapsed);
}

#main-inner {
  padding: 24px 28px;
}

.section,
.distiller-section,
.steez-section {
  border-color: var(--mica-border);
  border-radius: var(--mica-radius-lg);
  box-shadow: var(--mica-shadow-card);
}

.pod {
  border-color: var(--mica-border);
  border-radius: var(--mica-radius-md);
}

h2,
.page-title h1 {
  color: var(--mica-text);
  letter-spacing: -0.01em;
}

label {
  color: var(--mica-text-muted);
}

textarea,
input[type="number"],
input[type="text"],
input[type="password"],
select {
  border-color: var(--mica-border);
  border-radius: var(--mica-radius-sm);
  font-family: var(--mica-font);
}

textarea {
  font-family: var(--mica-mono);
}

button:not(.sidebar-item):not(.sidebar-subitem):not(#sidebar-toggle) {
  border-radius: var(--mica-radius-sm);
}

.btn-danger {
  background: var(--mica-danger);
}

.error {
  background: var(--mica-danger-bg);
  color: var(--mica-danger);
}

body.sara-mica-theme #app {
  font-family: var(--mica-font);
}

body.sara-mica-theme .login-card,
body.sara-mica-theme .roles-block {
  border-color: var(--mica-border);
  border-radius: var(--mica-radius-lg);
}

body.sara-mica-theme .section-label,
body.sara-mica-theme .pod-label {
  color: var(--mica-label);
  letter-spacing: 0.07em;
}

body.sara-mica-theme.sara-mica-embed #app-shell {
  min-height: 100vh;
}

/* MiCA shell embed: parent sidebar owns navigation */
html[data-embed="1"] #sidebar,
body.sara-mica-embed #sidebar {
  display: none !important;
}

html[data-embed="1"] #main-content,
body.sara-mica-embed #main-content {
  margin-left: 0 !important;
  flex: 1;
  min-width: 0;
  width: 100%;
}

html[data-embed="1"] #sidebar.collapsed ~ #main-content,
body.sara-mica-embed #sidebar.collapsed ~ #main-content {
  margin-left: 0 !important;
}

html[data-embed="1"] .sidebar-nav-label,
body.sara-mica-embed .sidebar-nav-label {
  display: none !important;
}