:root{color-scheme:dark;--bg:#07090d;--panel:#11151c;--panel2:#171c25;--line:#282f3c;--text:#f5f7fb;--muted:#929cab;--accent:#8b6cff;--good:#42d392;--warn:#f4b942;--danger:#ff6577}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 65% -15%,#241b42 0,transparent 36%),var(--bg);color:var(--text);font:15px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}button,input,textarea,select{font:inherit}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100dvh}.sidebar{position:relative;border-right:1px solid var(--line);background:#0c0f14e8;padding:22px 14px;display:flex;flex-direction:column;gap:20px}.brand{display:flex;align-items:center;gap:11px}.brand div{display:grid}.brand small{color:var(--muted);font-size:10px}.brand-mark,.avatar,.app-icon{display:grid;place-items:center;background:linear-gradient(135deg,#9f7aea,#4f7cff);border-radius:12px;font-weight:800}.brand-mark{width:40px;height:40px}.primary{border:0!important;background:linear-gradient(135deg,#8b6cff,#607cff)!important;color:white!important;font-weight:700}.sidebar>.primary{padding:12px;border-radius:12px;text-align:left}.sidebar nav{display:grid;gap:4px}.sidebar nav button,.mobile-nav button{position:relative;display:flex;align-items:center;gap:11px;border:0;background:transparent;color:#abb3c1;padding:10px;border-radius:10px;text-align:left;cursor:pointer}.sidebar nav button:hover,.sidebar nav button.active{background:#1b202a;color:white}.sidebar nav b{margin-left:auto;min-width:18px;border-radius:99px;background:var(--danger);color:white;text-align:center;font-size:10px}.sidebar nav b:empty{display:none}.sidebar-foot{margin-top:auto;color:var(--muted);font-size:11px}.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 12px #42d39299;margin-right:7px}.workspace{min-width:0;height:100dvh;display:grid;grid-template-rows:auto 1fr}.workspace>header{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 24px}.workspace>header h1{font-size:18px;margin:1px 0}.workspace>header small,.panel header small{color:var(--muted)}.profile,.icon-button{border:1px solid var(--line);background:var(--panel2);color:white}.profile{width:40px;height:40px;border-radius:50%}.search{margin-left:auto;width:min(360px,35vw);display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:11px;background:#0e1218;padding:8px 11px}.search input{width:100%;border:0;outline:0;background:transparent;color:white}.content{overflow:auto;padding:24px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}.kpi,.panel,.entity-card,.app-detail{border:1px solid var(--line);background:linear-gradient(145deg,#151a23,#0e1218);border-radius:16px}.kpi{padding:16px;display:grid;gap:4px}.kpi strong{font-size:28px}.kpi span,.kpi small,.entity-card small,.entity-card footer{color:var(--muted);font-size:11px}.kpi.good{border-color:#42d39255}.kpi.warn{border-color:#f4b94266}.kpi.danger{border-color:#ff657766}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:14px;margin-top:14px}.panel{padding:17px;margin-bottom:14px}.panel>header,.page-actions,.app-detail header,#createForm header{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel h2,.app-detail h2{margin:0;font-size:16px}.panel header button,.page-actions button,.entity-card button{border:1px solid var(--line);background:#1d2330;color:white;padding:8px 11px;border-radius:9px}.app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}.app-card{display:flex;align-items:center;gap:11px;border:1px solid var(--line);background:#0d1117;color:white;border-radius:12px;padding:12px;text-align:left}.app-card>div{min-width:0;display:grid;gap:3px}.app-card small{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.app-icon{width:42px;height:42px;flex:none;background:linear-gradient(135deg,var(--accent),#1c2230)}.pill{display:inline-flex;width:max-content;padding:3px 7px;border-radius:99px;background:#29303c;color:#c4cad4;font-size:10px}.status-operational,.status-active,.status-online,.status-succeeded,.status-approved,.status-resolved{background:#16382d;color:#7ce6b7}.status-degraded,.status-pending,.status-investigating,.status-past_due,.status-planned{background:#40331b;color:#ffd37a}.status-unreachable,.status-failed,.status-rejected,.status-offline{background:#461f29;color:#ff9aaa}.page-actions{margin-bottom:16px}.page-actions p{margin:0;color:var(--muted)}.entity-grid,.app-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.entity-card,.app-detail{padding:15px}.entity-card{display:grid;grid-template-columns:1fr auto;gap:9px}.entity-card h3{font-size:15px;margin:2px 0}.entity-card p,.app-detail p{grid-column:1/-1;color:#bec5d1;margin:3px 0}.entity-card footer{grid-column:1/-1}.approval-actions{display:flex;justify-content:flex-end;gap:8px}.app-detail header{justify-content:flex-start}.app-detail dl{display:grid;gap:8px}.app-detail dl div{display:grid;grid-template-columns:110px 1fr}.app-detail dt{color:var(--muted)}.app-detail dd{margin:0;overflow-wrap:anywhere}.app-detail a,.conversation-link{color:#a99bff;text-decoration:none}.empty,.loading{text-align:center;color:var(--muted);padding:42px}.empty strong{color:white}.attention .entity-card{margin-top:9px}.search-results{position:fixed;z-index:20;right:68px;top:66px;width:min(420px,calc(100% - 32px));max-height:60dvh;overflow:auto;border:1px solid var(--line);background:#11161e;border-radius:14px;padding:8px;box-shadow:0 20px 60px #000b}.search-results>button{display:grid;grid-template-columns:1fr auto;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:white;padding:10px;text-align:left}.search-results small{grid-row:1/3;color:var(--muted)}.chat-view{min-height:0;display:grid;grid-template-rows:1fr auto;overflow:hidden}.conversation{overflow:auto;padding:28px max(24px,calc((100% - 880px)/2));display:flex;flex-direction:column;gap:20px}.message{display:flex;gap:12px;max-width:780px}.message.user{align-self:flex-end;flex-direction:row-reverse}.message.user>div:last-child{background:#2a2144;border:1px solid #493a72;border-radius:16px 4px 16px 16px;padding:10px 14px}.message p{margin:4px 0;white-space:pre-wrap}.avatar{flex:0 0 34px;height:34px;font-size:11px}.route{display:inline-flex;margin-top:7px;padding:3px 8px;border-radius:99px;background:#232936;color:#adb7c9;font-size:11px}.conversation-link{display:block;margin-top:8px}.composer{margin:0 auto 18px;width:min(880px,calc(100% - 36px));border:1px solid #303746;background:#171b23f5;border-radius:18px;padding:10px 12px;box-shadow:0 18px 55px #0008}.composer-row{display:flex;align-items:flex-end;gap:8px}.composer textarea{resize:none;max-height:150px;flex:1;border:0;outline:0;background:transparent;color:white;padding:9px}.attach,.send{width:38px;height:38px;border:0;border-radius:50%;display:grid;place-items:center;background:#262c37;color:white;font-size:22px}.attach input{display:none}.send{background:white;color:#111}.composer>small{display:block;text-align:center;color:var(--muted);font-size:10px}.attachments{display:flex;gap:6px}.file-chip{background:#252b36;border-radius:8px;padding:5px 8px;font-size:11px}dialog{border:1px solid var(--line);border-radius:18px;background:#151922;color:white;width:min(460px,calc(100% - 28px));padding:24px}dialog::backdrop{background:#000c}dialog h2{margin:0 0 8px}dialog input,dialog textarea,dialog select{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;background:#0d1015;color:white}dialog form>button[type=submit]{width:100%;margin-top:14px;padding:12px;border:0;border-radius:10px;font-weight:700}.form-grid{display:grid;gap:11px}.form-grid label{display:grid;gap:5px;color:var(--muted);font-size:12px}.error{color:#ff909c}.mobile-menu,.mobile-nav{display:none}
@media(max-width:1000px){.entity-grid,.app-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:270px;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.mobile-menu{display:block}.workspace{height:100dvh;padding-bottom:66px}.workspace>header{height:72px;padding:0 14px}.search{position:absolute;top:76px;left:14px;width:calc(100% - 28px);z-index:4}.content{padding:66px 14px 14px}.dashboard-grid{grid-template-columns:1fr}.entity-grid,.app-detail-grid{grid-template-columns:1fr}.search-results{top:120px;right:14px}.mobile-nav{position:fixed;z-index:15;display:grid;grid-template-columns:repeat(5,1fr);inset:auto 0 0;background:#0e1218f7;border-top:1px solid var(--line);padding:6px 4px max(6px,env(safe-area-inset-bottom))}.mobile-nav button{display:grid;place-items:center;gap:1px;font-size:18px}.mobile-nav span{font-size:9px}.conversation{padding:22px 14px}.composer{margin-bottom:8px}.app-grid{grid-template-columns:1fr}}
@media(max-width:430px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi strong{font-size:23px}.workspace>header h1{font-size:16px}.profile{width:36px;height:36px}}


/* Compact control plane and retractable assistant */
:root {
  --bg: #090b0f;
  --panel: #10141a;
  --panel-2: #151a22;
  --line: #252b35;
  --accent: #7567e8;
  --muted: #aab2bf;
}
[hidden] { display: none !important; }
body { background: var(--bg); }
.shell { grid-template-columns: 218px minmax(0, 1fr); }
.sidebar { padding: 16px 12px; gap: 14px; }
.brand-mark { width: 36px; height: 36px; border-radius: 10px; }
.sidebar nav { gap: 2px; }
.sidebar nav button { min-height: 42px; padding: 8px 9px; border-radius: 8px; }
.ask-action { min-height: 42px; padding: 9px 12px; }
.workspace > header { min-height: 64px; padding: 0 18px; }
.content { padding: 18px; }
.kpi-grid, .dashboard-grid, .entity-grid { gap: 10px; }
.kpi { min-height: 104px; padding: 12px; border-radius: 12px; }
.kpi strong { font-size: 22px; }
.panel { padding: 13px; margin-bottom: 10px; border-radius: 12px; }
.entity-card, .app-detail { padding: 12px; border-radius: 10px; }
.app-card { min-height: 76px; padding: 9px; border-radius: 10px; }
.app-icon { width: 38px; height: 38px; border-radius: 10px; }
.pill { padding: 3px 8px; }
:focus-visible { outline: 2px solid #9a8cff; outline-offset: 2px; }

.chat-dock { position: fixed; z-index: 40; right: 20px; bottom: 20px; }
.chat-launcher {
  position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  min-width: 50px; height: 50px; padding: 0 16px 0 8px; border: 1px solid #39324f;
  border-radius: 999px; color: #f7f5ff; background: #171420;
  box-shadow: 0 14px 38px rgb(0 0 0 / .4); cursor: pointer;
}
.launcher-mark { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: linear-gradient(135deg, #8a71ef, #526fff); font-weight: 800; }
.launcher-label { font-weight: 700; }
.chat-unread { position: absolute; top: -4px; right: -2px; min-width: 18px; height: 18px; padding: 0 5px; border: 2px solid var(--bg); border-radius: 999px; background: #e75f63; color: white; font-size: 10px; line-height: 14px; }
.chat-panel {
  position: absolute; right: 0; bottom: 62px; width: min(390px, calc(100vw - 32px)); height: min(620px, calc(100dvh - 110px));
  display: grid; grid-template-rows: auto minmax(0, 1fr) auto; overflow: hidden;
  border: 1px solid var(--line); border-radius: 16px; background: #0d1117;
  box-shadow: 0 24px 80px rgb(0 0 0 / .58);
}
.chat-panel-header { display: flex; align-items: center; justify-content: space-between; min-height: 58px; padding: 10px 12px; border-bottom: 1px solid var(--line); background: #10141a; }
.chat-panel-header h2 { margin: 1px 0 0; font-size: 16px; }
.chat-panel-header small { color: var(--muted); }
.chat-panel .conversation { min-height: 0; padding: 14px; gap: 12px; overflow-y: auto; }
.chat-panel .message { gap: 8px; }
.chat-panel .message > div:last-child { max-width: calc(100% - 42px); }
.chat-panel .message p { margin: 4px 0; font-size: 13px; line-height: 1.45; }
.chat-panel .avatar { width: 30px; height: 30px; font-size: 10px; }
.chat-panel .composer { width: auto; margin: 0; padding: 9px; border-width: 1px 0 0; border-radius: 0; box-shadow: none; background: #10141a; }
.chat-panel .composer-row { gap: 7px; }
.chat-panel .composer textarea { min-height: 42px; max-height: 120px; }
.chat-panel .composer > small { margin-top: 5px; font-size: 10px; }
.chat-panel .attach, .chat-panel .send { width: 42px; height: 42px; flex: 0 0 42px; }
.chat-panel .attachments { padding: 0 0 7px; }

@media (max-width: 760px) {
  .workspace > header { min-height: 60px; padding: 0 10px; }
  .content { padding: 56px 10px calc(76px + env(safe-area-inset-bottom)); }
  .kpi-grid, .dashboard-grid, .entity-grid { gap: 8px; }
  .kpi, .panel, .entity-card, .app-detail { padding: 10px; }
  .chat-dock { right: 12px; bottom: calc(68px + env(safe-area-inset-bottom)); }
  .chat-launcher { width: 50px; padding: 0; }
  .launcher-label { display: none; }
  .chat-panel {
    position: fixed; inset: auto 8px calc(64px + env(safe-area-inset-bottom)) 8px;
    width: auto; height: min(72dvh, 620px); border-radius: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}


/* Operational application and incident views */
.connection-notice{display:inline-flex;margin-top:5px;color:var(--muted);font-size:12px}
.operations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.operation-card{display:flex;flex-direction:column;gap:11px;min-width:0}
.operation-card>header{align-items:flex-start}
.status-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}
.version-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0!important;margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.version-grid>div{display:block!important;min-width:0;padding:9px 10px;border-bottom:1px solid var(--line)}
.version-grid>div:nth-child(odd){border-right:1px solid var(--line)}
.version-grid>div:nth-last-child(-n+2){border-bottom:0}
.version-grid dt{margin-bottom:4px;font-size:10px;text-transform:uppercase;letter-spacing:.04em}
.version-grid dd{min-height:22px;color:#e3e7ee}
.version-grid code{font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:#d9d3ff}
.operation-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}
.operation-actions button,.incident-card button{min-height:38px;border:1px solid var(--line);border-radius:9px;background:#1a202a;color:white;padding:8px 10px;cursor:pointer}
.operation-actions button:disabled{cursor:not-allowed;opacity:.48}
.safety-note{color:var(--muted);font-size:10px}
.status-healthy{background:#16382d;color:#7ce6b7}
.status-failing{background:#461f29;color:#ff9aaa}
.status-ignored,.status-configuration-required,.status-unknown{background:#29303c;color:#c4cad4}
.status-success,.status-completed{background:#16382d;color:#7ce6b7}
.status-queued,.status-in_progress{background:#40331b;color:#ffd37a}
.incident-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.incident-card{display:flex;flex-direction:column;gap:10px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#151a23,#0e1218)}
.incident-card.automatic{border-left:3px solid var(--warn)}
.incident-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.incident-card h3{margin:2px 0;font-size:15px}
.incident-card small,.incident-card dt{color:var(--muted);font-size:10px}
.incident-card p{margin:0;color:#bec5d1}
.incident-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
.incident-card dl>div{min-width:0;padding:8px;border-radius:8px;background:#0b0f14}
.incident-card dd{margin:3px 0 0;overflow-wrap:anywhere;font-size:12px}
.incident-card footer{display:flex;justify-content:flex-end}
.resolved-incidents{margin-top:12px}
.assistant-capabilities{margin-top:8px!important;padding:8px;border-radius:8px;background:#151a22;color:var(--muted);font-size:11px!important}
@media(max-width:1000px){.operations-grid{grid-template-columns:1fr}}
@media(max-width:760px){
  .operation-card{gap:9px}
  .operation-actions{display:grid;grid-template-columns:1fr 1fr}
  .operation-actions .primary{grid-column:1/-1;grid-row:1}
  .incident-grid{grid-template-columns:1fr}
  .incident-card dl{grid-template-columns:1fr}
}


/* Mobile layout hardening */
@media (max-width: 760px) {
  html, body {
    width: 100%;
    max-width: 100%;
    min-height: 100%;
    overflow-x: hidden;
  }

  .shell {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 100dvh;
  }

  .workspace {
    width: 100%;
    min-width: 0;
    height: 100dvh;
    padding-bottom: 0;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
  }

  .workspace > header {
    position: relative;
    height: auto;
    min-height: 0;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 40px;
    grid-template-rows: auto auto;
    align-items: center;
    gap: 9px 10px;
    padding: max(10px, env(safe-area-inset-top)) 12px 10px;
    background: rgb(9 11 15 / .96);
  }

  .workspace > header > div {
    min-width: 0;
  }

  .workspace > header small {
    display: block;
    overflow: hidden;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .workspace > header h1 {
    margin: 2px 0 0;
    overflow: hidden;
    font-size: 18px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-menu,
  .profile {
    width: 40px;
    height: 40px;
    flex: none;
  }

  .search {
    position: static;
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    height: 46px;
    margin: 0;
    padding: 0 13px;
    border-radius: 13px;
  }

  .search input {
    min-width: 0;
    font-size: 16px;
  }

  .search-results {
    top: calc(112px + env(safe-area-inset-top));
    right: 12px;
    left: 12px;
    width: auto;
    max-height: 55dvh;
  }

  .content {
    width: 100%;
    min-width: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 12px 12px calc(88px + env(safe-area-inset-bottom));
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
  }

  .kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .kpi {
    min-width: 0;
    min-height: 118px;
    padding: 13px;
  }

  .kpi strong {
    font-size: 26px;
    line-height: 1.1;
  }

  .kpi span,
  .kpi small {
    overflow-wrap: anywhere;
    font-size: 12px;
  }

  .dashboard-grid,
  .entity-grid,
  .app-detail-grid,
  .operations-grid,
  .incident-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .dashboard-grid {
    margin-top: 12px;
  }

  .panel,
  .entity-card,
  .app-detail,
  .incident-card {
    min-width: 0;
    padding: 14px;
  }

  .panel > header {
    align-items: flex-start;
  }

  .panel h2,
  .app-detail h2 {
    font-size: 18px;
  }

  .app-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .app-card {
    width: 100%;
    min-width: 0;
    min-height: 72px;
    padding: 11px;
  }

  .mobile-nav {
    width: 100%;
    padding: 7px 4px max(8px, env(safe-area-inset-bottom));
    background: rgb(14 18 24 / .98);
    backdrop-filter: blur(16px);
  }

  .mobile-nav button {
    min-width: 0;
    min-height: 48px;
    padding: 4px 2px;
    font-size: 19px;
    text-align: center;
  }

  .mobile-nav span {
    max-width: 100%;
    overflow: hidden;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .chat-dock {
    right: 12px;
    bottom: calc(72px + env(safe-area-inset-bottom));
  }

  .chat-panel {
    inset: max(8px, env(safe-area-inset-top)) 8px calc(70px + env(safe-area-inset-bottom));
    width: auto;
    height: auto;
    max-height: none;
  }
}

@media (max-width: 350px) {
  .kpi-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}


/* Operational overview */
.daily-brief {
  position: relative;
  overflow: hidden;
  border-color: rgb(117 103 232 / .48);
  background:
    radial-gradient(circle at 100% 0, rgb(117 103 232 / .22), transparent 42%),
    linear-gradient(145deg, #171626, #10141a);
}
.daily-brief::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(var(--accent), #526fff);
}
.daily-brief .pulse { margin: 0; }
.brief-text {
  max-width: 980px;
  margin: 12px 0 2px;
  color: #e8eaf1;
  font-size: 16px;
  line-height: 1.55;
}
.signal-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin-top: 12px;
}
.signal-card {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px 10px;
  align-items: start;
  padding: 11px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #0d1117;
}
.signal-card > div { min-width: 0; display: grid; gap: 3px; }
.signal-card small {
  overflow: hidden;
  color: var(--muted);
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.signal-card strong { overflow-wrap: anywhere; font-size: 13px; }
.signal-card a {
  grid-column: 1 / -1;
  width: max-content;
  color: #a99bff;
  font-size: 11px;
  text-decoration: none;
}
.signal-card a[href=""] { display: none; }
.all-clear {
  margin: 12px 0 0;
  padding: 12px;
  border: 1px solid rgb(66 211 146 / .24);
  border-radius: 10px;
  background: rgb(22 56 45 / .5);
  color: #9cebc7;
}

@media (max-width: 760px) {
  .daily-brief { padding: 14px; }
  .brief-text { margin-top: 9px; font-size: 14px; }
  .signal-grid { grid-template-columns: minmax(0, 1fr); }
}


/* Detailed GitHub mobile view */
.github-dialog {
  width: min(920px, calc(100% - 28px));
  max-width: 920px;
  max-height: min(88dvh, 920px);
  padding: 0;
  overflow: hidden;
}
.github-dialog > section {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  max-height: inherit;
}
.github-dialog > section > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--line);
}
.github-dialog h2,
.github-dialog h3 { margin: 0; }
.github-dialog small { color: var(--muted); }
.github-details {
  display: grid;
  gap: 14px;
  min-height: 180px;
  padding: 16px;
  overflow-y: auto;
}
.github-details > section {
  display: grid;
  gap: 9px;
}
.github-details > section > header,
.github-pull > header,
.github-pull > footer,
.github-branch {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}
.github-list { display: grid; gap: 8px; }
.github-branch,
.github-pull {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: #0d1117;
}
.github-branch > div { display: grid; gap: 3px; min-width: 0; }
.github-branch strong,
.github-pull h3 { overflow-wrap: anywhere; }
.github-pull { display: grid; gap: 10px; }
.github-pull p { margin: 0; color: #c2c8d2; font-size: 12px; line-height: 1.55; }
.github-pull footer { align-items: center; }
.github-pull footer a { color: #a99bff; font-size: 12px; text-decoration: none; }
.github-checks { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: var(--muted); font-size: 11px; }
.status-ready,.status-deployed { background:#16382d; color:#7ce6b7; }
.status-ci-failed,.status-changes-requested,.status-conflicts { background:#461f29; color:#ff9aaa; }
.status-ci-pending,.status-review-required,.status-draft { background:#40331b; color:#ffd37a; }
.status-ci-unknown,.status-not-implemented { background:#29303c; color:#c4cad4; }

@media (max-width: 760px) {
  .github-dialog {
    width: calc(100% - 16px);
    max-height: calc(100dvh - max(16px, env(safe-area-inset-top)) - max(16px, env(safe-area-inset-bottom)));
    margin: auto;
    border-radius: 15px;
  }
  .github-dialog > section > header { padding: 13px 14px; }
  .github-details { padding: 12px; }
  .github-pull > header,
  .github-pull > footer { flex-direction: column; align-items: stretch; }
  .github-pull footer button { width: 100%; min-height: 42px; }
}


/* GitHub security overview */
.security-overview { margin-bottom: 14px; border-color: rgb(255 107 129 / .24); }
.security-overview > header { align-items: flex-start; }
.security-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin-top: 12px;
}
.security-alert {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: #0d1117;
}
.security-alert > div { min-width: 0; }
.security-alert small { color: var(--muted); font-size: 10px; }
.security-alert h3 { margin: 4px 0; overflow-wrap: anywhere; font-size: 14px; }
.security-alert p { margin: 0; color: #c2c8d2; overflow-wrap: anywhere; font-size: 11px; }
.security-alert footer {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: var(--muted);
  font-size: 10px;
}
.security-alert a { color: #a99bff; text-decoration: none; }
.status-critical { background:#4f1d2a; color:#ff9aaa; }
.status-high { background:#49301e; color:#ffc27a; }
.status-medium { background:#403b1b; color:#f1dd76; }
.status-low { background:#203548; color:#91c9f3; }

@media (max-width: 760px) {
  .security-grid { grid-template-columns: minmax(0, 1fr); }
  .security-alert { grid-template-columns: minmax(0, 1fr) auto; }
}

.trace-panel{max-width:1100px}.trace-list{display:grid;gap:16px}.trace-card{background:var(--panel2);border:1px solid var(--line);border-radius:20px;padding:18px}.trace-card>header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.trace-card>header h2{margin:4px 0;font-size:18px}.trace-card>header p{margin:0;color:var(--muted)}.trace-timeline{list-style:none;margin:18px 0 0;padding:0 0 0 12px}.trace-event{position:relative;padding:0 0 18px 24px;border-left:1px solid var(--line)}.trace-event:last-child{padding-bottom:0}.trace-dot{position:absolute;left:-6px;top:7px;width:11px;height:11px;border:2px solid var(--panel2);border-radius:50%;background:var(--accent)}.trace-event-body{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:13px}.trace-event-body header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.trace-event-body h3{font-size:15px;margin:3px 0}.trace-refs{font-size:13px;color:var(--muted);margin:9px 0}.trace-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.trace-chip{font-size:12px;color:var(--muted);padding:5px 8px;border:1px solid var(--line);border-radius:999px}.trace-chip.failed{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--line))}.trace-event-body footer{margin-top:10px}.trace-event-body footer a{font-size:13px}
@media(max-width:720px){.trace-card{padding:14px;border-radius:16px}.trace-card>header,.trace-event-body header{align-items:flex-start}.trace-card>header h2{font-size:16px}.trace-timeline{padding-left:8px}.trace-event{padding-left:18px}.trace-event-body{padding:11px}.trace-event-body .pill{font-size:10px;white-space:nowrap}}

.infrastructure-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}.infrastructure-card>header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.infrastructure-card>header h2{margin:4px 0 0}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.infrastructure-card section{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.infrastructure-card section h3{font-size:14px;margin:0 0 10px}.infra-list{display:grid;gap:8px}.infra-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent);font-size:13px}.infrastructure-card>footer{color:var(--muted);font-size:12px;margin-top:14px}.danger-outline{border-color:color-mix(in srgb,var(--danger) 55%,var(--line));color:var(--danger)}.rollback-approval{border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}.rollback-target{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--muted)}
@media(max-width:720px){.infrastructure-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid .kpi:last-child{grid-column:1/-1}.infrastructure-card{padding:14px}.infra-list>div{align-items:flex-start}.rollback-approval .approval-actions{display:grid;grid-template-columns:1fr 1.4fr}}


/* Central client registry */
.client-registry{display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:16px;align-items:start}
.client-list{padding:14px;position:sticky;top:82px}
.client-list>header,.client-overview-header,.client-relation>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.client-list>header h2,.client-overview-header h2{margin:3px 0 0}
.client-list>div{display:grid;gap:8px;margin-top:12px}
.client-list-card{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;text-align:left;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--bg);color:var(--text)}
.client-list-card:hover,.client-list-card.active{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--bg))}
.client-list-card span:first-child{min-width:0;display:grid;gap:3px}
.client-list-card small,.client-card-signals{color:var(--muted);font-size:11px}
.client-list-card strong{overflow-wrap:anywhere;font-size:14px}
.client-card-signals{grid-column:1/-1}
.client-overview{min-width:0}
.client-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:16px 0}
.client-source-status{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--bg)}
.client-source-status>span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px}
.client-relations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.client-relation{min-width:0;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}
.client-relation>header{align-items:center;border-bottom:1px solid var(--line);padding-bottom:9px;margin-bottom:9px}
.client-relation>header h3{margin:0;font-size:14px}
.client-relation>header span{color:var(--muted);font-size:11px}
.client-relation-list{display:grid;gap:7px}
.client-relation-list article{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;padding:8px;border-radius:9px;background:var(--panel2)}
.client-relation-list strong,.client-relation-list span,.client-relation-list small{min-width:0;overflow-wrap:anywhere}
.client-relation-list strong{font-size:12px}
.client-relation-list span,.client-relation-list small{color:var(--muted);font-size:10px}
.client-relation-list .pill{grid-column:2;grid-row:1/3;align-self:start}
.client-relation-list a{grid-column:1/-1;font-size:11px}
.muted{color:var(--muted);font-size:11px;margin:8px 0}
.status-connector-required,.status-not-declared{background:#332f42;color:#c7bdf5}
.status-available{background:#173f31;color:#77dfb2}
.status-partial,.status-declared{background:#3d341d;color:#eed17c}
@media(max-width:900px){.client-registry{grid-template-columns:1fr}.client-list{position:static}.client-list>div{display:flex;overflow-x:auto;padding-bottom:3px;scroll-snap-type:x mandatory}.client-list-card{min-width:245px;scroll-snap-align:start}.client-summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.client-overview{padding:14px}.client-overview-header{align-items:flex-start}.client-relations{grid-template-columns:1fr}.client-source-status{display:grid}.client-list{padding:12px}.client-list-card{min-width:230px}.client-summary-grid .kpi{padding:11px}}


/* Identity and access center */
.identity-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.identity-actions{border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}
.identity-actions>header,.identity-users>header,.identity-sessions>header,.identity-events>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.identity-actions>header h2,.identity-users>header h2,.identity-sessions>header h2,.identity-events>header h2{margin:3px 0 0}
.identity-actions>p{color:var(--muted);font-size:12px}
.identity-actions>div,.identity-safety>div{display:flex;flex-wrap:wrap;gap:8px}
.identity-actions aside{display:grid;gap:3px;margin-top:12px;padding:11px;border:1px solid color-mix(in srgb,var(--danger) 30%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--danger) 5%,var(--bg))}
.identity-actions aside strong{font-size:12px}.identity-actions aside span{color:var(--muted);font-size:11px}
.identity-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:14px;align-items:start}
.identity-users{grid-row:span 2}
.identity-user-list,.identity-session-list,.identity-event-list{display:grid;gap:8px;margin-top:12px}
.identity-user-list>article,.identity-session-list>article,.identity-event-list>article{padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--bg)}
.identity-user-list>article>header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.identity-user-list>article>header>div{display:grid;gap:3px;min-width:0}
.identity-user-list>article>header strong,.identity-user-list>article>header small{overflow-wrap:anywhere}
.identity-user-list>article>header small,.identity-user-list>article>footer{color:var(--muted);font-size:10px}
.identity-user-list>article>div{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.identity-membership{display:grid;gap:2px;padding:7px 9px;border-radius:9px;background:var(--panel2)}
.identity-membership strong{font-size:11px}.identity-membership small{color:var(--muted);font-size:9px}
.identity-session-list article{display:grid;gap:3px}.identity-session-list span,.identity-session-list small{color:var(--muted);font-size:10px}
.identity-event-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px}
.identity-event-list span{font-size:11px}.identity-event-list strong{font-size:11px;overflow-wrap:anywhere}.identity-event-list small{grid-column:1/-1;color:var(--muted);font-size:9px}
.identity-safety{margin-top:14px}.identity-safety>div>span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px}
.status-approval-required{background:#3d341d;color:#eed17c}.status-prohibited{background:#4f1d2a;color:#ff9aaa}.status-never-stored{background:#173f31;color:#77dfb2}.status-invited{background:#203548;color:#91c9f3}.status-suspended,.status-revoked{background:#4f1d2a;color:#ff9aaa}
@media(max-width:800px){.identity-kpis{grid-template-columns:repeat(2,1fr)}.identity-layout{grid-template-columns:1fr}.identity-users{grid-row:auto}.identity-actions>div{display:grid;grid-template-columns:1fr}.identity-actions>div button{width:100%}}
@media(max-width:520px){.identity-kpis{gap:7px}.identity-actions,.identity-users,.identity-sessions,.identity-events,.identity-safety{padding:13px}.identity-user-list>article{padding:10px}.identity-actions>header{align-items:flex-start}}


/* Shared support center */
.support-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.support-layout{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:14px;align-items:start}
.support-list{padding:14px;position:sticky;top:82px}.support-list>header,.support-detail>header,.support-diagnostic>header,.support-detail-grid>section>header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.support-list>header h2,.support-detail>header h2{margin:3px 0 0}.support-list>div{display:grid;gap:8px;margin-top:12px}
.support-case-card{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;padding:12px;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text)}
.support-case-card:hover,.support-case-card.active{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--bg))}
.support-case-card>span:first-child{display:grid;gap:3px;min-width:0}.support-case-card strong,.support-case-card small{overflow-wrap:anywhere}.support-case-card small,.support-case-meta{color:var(--muted);font-size:10px}.support-case-meta{grid-column:1/-1}
.support-detail{min-width:0}.support-detail>header>div:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.support-description{color:#cbd0d8;font-size:13px;line-height:1.55}
.support-context{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.support-context>span{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:10px}
.support-diagnostic{padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--bg)}.support-diagnostic h3{margin:3px 0 0;font-size:13px}.support-diagnostic>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.support-diagnostic>div>span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:10px}
.support-actions{display:flex;justify-content:flex-end;gap:8px;margin:12px 0}.support-detail-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);gap:12px}.support-detail-grid>section{min-width:0;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--bg)}.support-detail-grid h3{margin:0;font-size:13px}.support-detail-grid>section>header>span{color:var(--muted);font-size:10px}
.support-timeline,.support-attachments{display:grid;gap:8px;margin-top:10px}.support-timeline article{padding:10px;border-radius:11px;background:var(--panel2)}.support-timeline article.support{border-left:3px solid var(--accent)}.support-timeline article.customer{border-left:3px solid #67c99a}.support-timeline article.internal{border-left:3px solid #8290a6}.support-timeline article>header{display:flex;justify-content:space-between;gap:8px}.support-timeline strong{font-size:11px}.support-timeline small{color:var(--muted);font-size:9px}.support-timeline p{margin:7px 0 0;color:#cbd0d8;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}
.support-attachments article{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:9px;border-radius:10px;background:var(--panel2)}.support-attachments article>div{display:grid;gap:3px;min-width:0}.support-attachments strong{font-size:11px;overflow-wrap:anywhere}.support-attachments small{color:var(--muted);font-size:9px}.support-attachments a{font-size:10px}
.support-detail>footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;color:var(--muted);font-size:10px}.support-detail>footer>span{display:flex;align-items:center;gap:5px}
.status-correlated{background:#173f31;color:#77dfb2}.status-unavailable,.status-not-created,.status-correlation-only{background:#332f42;color:#c7bdf5}.status-prohibited-without-procedure{background:#4f1d2a;color:#ff9aaa}.status-urgent{background:#4f1d2a;color:#ff9aaa}.status-normal{background:#203548;color:#91c9f3}
@media(max-width:900px){.support-layout{grid-template-columns:1fr}.support-list{position:static}.support-list>div{display:flex;overflow-x:auto;padding-bottom:3px}.support-case-card{min-width:250px}.support-detail-grid{grid-template-columns:1fr}}
@media(max-width:600px){.support-kpis{grid-template-columns:repeat(2,1fr);gap:7px}.support-list,.support-detail{padding:13px}.support-actions{display:grid;grid-template-columns:1fr}.support-actions button{width:100%}.support-context{display:grid}.support-detail>header{align-items:flex-start}}


/* Parc matériel et commerce */
.fleet-kpis,.commerce-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.fleet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.fleet-card{display:grid;gap:15px;min-width:0}
.fleet-card>header,.fleet-card>footer,.commerce-section>header,.firmware-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.fleet-card h2,.commerce-section h2{margin:3px 0 0}
.fleet-identity{display:flex;flex-wrap:wrap;gap:8px}
.fleet-identity span,.fleet-card>footer span{color:var(--muted);font-size:.82rem}
.firmware-row{padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}
.firmware-row div{display:grid;gap:3px}
.fleet-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.fleet-metrics div{display:grid;gap:4px;padding:10px 12px;border-bottom:1px solid var(--line)}
.fleet-metrics div:nth-child(odd){border-right:1px solid var(--line)}
.fleet-metrics dt{color:var(--muted);font-size:.76rem}
.fleet-metrics dd{margin:0;font-size:.88rem}
.fleet-error{margin:0;padding:10px 12px;border-radius:12px;background:rgba(239,68,68,.1);color:#fca5a5}
.commerce-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.commerce-section{min-width:0}
.commerce-section>header{margin-bottom:12px}
.commerce-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.commerce-row>div{display:grid;gap:3px;min-width:0}
.commerce-row small{color:var(--muted);overflow:hidden;text-overflow:ellipsis}

@media(max-width:760px){
  .fleet-kpis,.commerce-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .fleet-grid,.commerce-layout{grid-template-columns:1fr}
  .fleet-card{padding:16px}
  .fleet-card>header,.fleet-card>footer{align-items:flex-start}
  .fleet-card>footer{flex-direction:column}
  .fleet-card>footer button{width:100%}
  .fleet-identity{display:grid;grid-template-columns:1fr}
  .firmware-row{display:grid;grid-template-columns:1fr auto}
  .firmware-row>div:nth-child(2){grid-column:1}
  .firmware-row>.pill{grid-column:2;grid-row:1/3}
  .commerce-row{grid-template-columns:minmax(0,1fr) auto}
  .commerce-row>div:nth-child(2){text-align:right}
  .commerce-row>.pill{justify-self:start}
  .commerce-row>button{justify-self:end}
}
@media(max-width:390px){
  .fleet-metrics{grid-template-columns:1fr}
  .fleet-metrics div:nth-child(odd){border-right:0}
  .commerce-row{grid-template-columns:1fr}
  .commerce-row>div:nth-child(2){text-align:left}
  .commerce-row>button{width:100%}
}


.validation-link{display:block;width:max-content;max-width:100%;margin-top:8px;border:1px solid rgba(139,108,255,.45);background:rgba(139,108,255,.12);color:#c4b5fd;cursor:pointer;text-align:left}
.validation-link:hover{background:rgba(139,108,255,.2)}


/* Business actions: preparation-only mobile workbench */
.business-intro{border-left:3px solid var(--accent)}
.business-applications{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.business-application{min-width:0}
.business-action-grid{display:grid;gap:10px}
.business-action-card{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#0c1117}
.business-action-card>header{align-items:flex-start}
.business-action-card h3{margin:2px 0;font-size:15px}
.business-action-card p{margin:0;color:#bec5d1}
.business-action-meta{display:flex;flex-wrap:wrap;gap:6px}
.business-action-meta span{padding:4px 7px;border-radius:999px;background:#202633;color:var(--muted);font-size:10px}
.business-action-card label{display:grid;gap:5px;color:var(--muted);font-size:11px}
.business-action-card select,.business-action-card textarea{width:100%;min-height:42px;padding:9px;border:1px solid var(--line);border-radius:9px;background:#10151d;color:white;font:inherit}
.business-action-card textarea{min-height:76px;resize:vertical}
.business-action-card button{min-height:42px;border:0;border-radius:9px}
.business-request-list{display:grid;gap:7px}
.business-request-list article{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--line);border-radius:9px}
.business-request-list strong,.business-request-list small{display:block}
.business-request-list small{margin-top:3px;color:var(--muted)}
.status-prepare-only,.status-not-executed{background:#29303c;color:#c4cad4}
@media(max-width:900px){.business-applications{grid-template-columns:1fr}}
@media(max-width:600px){
  .business-action-card{padding:10px}
  .business-action-card select,.business-action-card textarea{font-size:16px}
  .business-request-list article{display:grid}
}


/* Safe automation and reporting center */
.automation-brief{border-left:3px solid #5fd0a5}
.automation-brief>p{font-size:15px;line-height:1.5}
.automation-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.automation-kpis .kpi{min-height:88px}
.automation-actions{display:flex;align-items:center;gap:10px;margin-top:12px}
.automation-actions button{min-height:42px;border:0;border-radius:9px;padding:0 14px}
.automation-actions span{color:var(--muted);font-size:11px}
.automation-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.automation-rule{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#0c1117}
.automation-rule h3{margin:2px 0;font-size:14px}
.automation-rule footer{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}
.automation-sources{display:flex;flex-wrap:wrap;gap:5px}
.automation-sources span{padding:4px 7px;border-radius:999px;background:#202633;color:var(--muted);font-size:10px}
.automation-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.automation-channels article{display:flex;align-items:center;gap:8px;padding:11px;border:1px solid var(--line);border-radius:9px}
.automation-channels article span:last-child{margin-left:auto;color:var(--muted);font-size:10px}
.automation-signal-list,.automation-run-list{display:grid;gap:7px}
.automation-signal,.automation-run-list article{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--line);border-radius:9px}
.automation-signal strong,.automation-signal span,.automation-signal small,.automation-run-list strong,.automation-run-list small{display:block}
.automation-signal span,.automation-signal small,.automation-run-list small{margin-top:3px;color:var(--muted)}
.automation-signal>div:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}
.status-internal-evaluation-only,.status-not-configured{background:#29303c;color:#c4cad4}
@media(max-width:800px){.automation-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.automation-rule-grid{grid-template-columns:1fr}}
@media(max-width:600px){
  .automation-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .automation-channels{grid-template-columns:1fr}
  .automation-signal,.automation-run-list article{display:grid}
  .automation-signal>div:last-child{justify-content:flex-start}
  .automation-actions{align-items:flex-start;flex-direction:column}
  .automation-actions button{width:100%}
}


/* Public sites and marketing preparation center */
.marketing-overview{border-left:3px solid #e2661f}
.marketing-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.marketing-kpis .kpi{min-height:88px}
.marketing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.marketing-surface{display:grid;gap:11px;min-width:0;padding:13px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#151a23,#0e1218)}
.marketing-surface>header{align-items:flex-start}
.marketing-brand{display:flex;align-items:center;gap:9px}
.marketing-brand h3{margin:2px 0}
.marketing-surface>a{color:#a99bff;text-decoration:none}
.marketing-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:9px;overflow:hidden}
.marketing-metrics>div{min-width:0;padding:9px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.marketing-metrics>div:nth-child(3n){border-right:0}
.marketing-metrics>div:nth-last-child(-n+3){border-bottom:0}
.marketing-metrics small,.marketing-metrics strong{display:block}
.marketing-metrics small{color:var(--muted);font-size:9px}
.marketing-metrics strong{margin-top:3px;overflow-wrap:anywhere;font-size:12px}
.marketing-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.marketing-checks>span{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:7px;border-radius:8px;background:#0a0e13;color:var(--muted);font-size:10px}
.marketing-warning{margin:0;padding:8px;border-left:3px solid var(--warn);background:#2a2113;color:#ffd37a;font-size:11px}
.marketing-prepare{padding:9px;border:1px solid var(--line);border-radius:9px}
.marketing-prepare summary{cursor:pointer;font-weight:700}
.marketing-prepare[open]{display:grid;gap:9px}
.marketing-prepare label{display:grid;gap:5px;color:var(--muted);font-size:11px}
.marketing-prepare select,.marketing-prepare textarea{width:100%;min-height:42px;padding:9px;border:1px solid var(--line);border-radius:9px;background:#10151d;color:white;font:inherit}
.marketing-prepare textarea{min-height:78px;resize:vertical}
.marketing-prepare button{min-height:42px;border:0;border-radius:9px}
.marketing-request-list{display:grid;gap:7px}
.marketing-request-list article{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--line);border-radius:9px}
.marketing-request-list strong,.marketing-request-list small{display:block}
.marketing-request-list small{margin-top:3px;color:var(--muted)}
.status-read-and-prepare,.status-ingested{background:#29303c;color:#c4cad4}
@media(max-width:900px){.marketing-grid{grid-template-columns:1fr}.marketing-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
  .marketing-surface{padding:10px}
  .marketing-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .marketing-metrics>div{border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}
  .marketing-metrics>div:nth-child(2n){border-right:0!important}
  .marketing-metrics>div:nth-last-child(-n+2){border-bottom:0!important}
  .marketing-checks{grid-template-columns:1fr}
  .marketing-prepare select,.marketing-prepare textarea{font-size:16px}
  .marketing-request-list article{display:grid}
}


/* Transversal reporting and in-memory exports */
.report-overview{border-left:3px solid #60a5fa}
.report-coverage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.report-coverage .kpi{min-height:88px}
.report-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.report-filter-grid label,.report-delivery-form label{display:grid;gap:5px;color:var(--muted);font-size:11px}
.report-filter-grid select,.report-delivery-form select{min-height:42px;padding:9px;border:1px solid var(--line);border-radius:9px;background:#10151d;color:white;font:inherit}
.report-downloads{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}
.report-downloads a{display:inline-flex;align-items:center;min-height:42px;padding:0 13px;border:1px solid var(--line);border-radius:9px;color:white;text-decoration:none}
.report-downloads a.primary{border:0}
.report-domain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.report-domain{min-width:0;margin:0}
.report-domain>div{display:grid;gap:6px}
.report-domain article,.report-app-list article,.report-delivery-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:9px;border:1px solid var(--line);border-radius:9px}
.report-domain strong,.report-domain small,.report-app-list strong,.report-app-list small,.report-delivery-list strong,.report-delivery-list small{display:block}
.report-domain small,.report-app-list small,.report-delivery-list small{margin-top:3px;color:var(--muted)}
.report-app-list,.report-delivery-list{display:grid;gap:7px}
.report-delivery-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:8px}
.report-delivery-form button{min-height:42px;border:0;border-radius:9px;padding:0 12px}
.report-delivery-list{margin-top:12px}
@media(max-width:900px){.report-domain-grid{grid-template-columns:1fr}.report-delivery-form{grid-template-columns:repeat(3,minmax(0,1fr))}.report-delivery-form button{grid-column:1/-1}}
@media(max-width:600px){
  .report-coverage{grid-template-columns:repeat(3,minmax(0,1fr))}
  .report-filter-grid,.report-delivery-form{grid-template-columns:1fr}
  .report-filter-grid select,.report-delivery-form select{font-size:16px}
  .report-downloads{display:grid;grid-template-columns:1fr 1fr}
  .report-downloads a{justify-content:center}
  .report-domain article,.report-app-list article,.report-delivery-list article{grid-template-columns:1fr auto}
  .report-domain article .pill,.report-app-list article .pill{grid-column:1/-1;justify-self:start}
}


/* Safe real-connector inventory */
.connector-overview{border-left:3px solid #a78bfa}
.connector-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.connector-kpis .kpi{min-height:88px}
.connector-next{border:1px solid color-mix(in srgb,var(--accent) 50%,var(--line))}
.connector-next h2{margin:4px 0}.connector-next p{margin-bottom:0;color:var(--muted)}
.connector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.connector-card{display:grid;gap:11px;min-width:0;padding:13px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#151a23,#0e1218)}
.connector-card>header{align-items:flex-start}.connector-card h3{margin:3px 0}.connector-card>p{margin:0;color:#cbd0d8;font-size:12px}
.connector-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.connector-card dl div{min-width:0;padding:9px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.connector-card dl div:nth-child(2n){border-right:0}.connector-card dl div:nth-last-child(-n+2){border-bottom:0}
.connector-card dt{color:var(--muted);font-size:9px}.connector-card dd{margin:3px 0 0;overflow-wrap:anywhere;font-size:11px}
.connector-card footer{display:grid;gap:5px}.connector-card footer span{color:var(--muted);font-size:10px}.connector-card footer strong{font-size:11px}
.status-connected,.status-receiving{background:#173f31;color:#77dfb2}.status-contract-ready{background:#203548;color:#91c9f3}.status-blocked{background:#4f1d2a;color:#ff9aaa}.status-read-only-inventory{background:#29303c;color:#c4cad4}
@media(max-width:850px){.connector-grid{grid-template-columns:1fr}}
@media(max-width:520px){.connector-card{padding:10px}.connector-card dl{grid-template-columns:1fr}.connector-card dl div{border-right:0!important;border-bottom:1px solid var(--line)!important}.connector-card dl div:last-child{border-bottom:0!important}.connector-kpis{gap:6px}}


/* GitHub Actions FinOps: observed runner runtime only */
.actions-usage{border-left:3px solid #60a5fa}
.actions-usage .usage-split{height:10px;overflow:hidden;border-radius:999px;background:#173f31}
.actions-usage .usage-split span{display:block;width:var(--usage);height:100%;background:#60a5fa}
.billing-boundary{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:8px;padding:11px;border:1px solid #5b4350;border-radius:10px;background:#241a20}
.billing-boundary p{margin:0;color:#d8cbd2;font-size:12px}.billing-boundary small{grid-column:2;color:var(--muted)}
.status-authorization-required{background:#4b3419;color:#f6c76c}
@media(max-width:520px){.actions-usage .connector-kpis{grid-template-columns:1fr}.billing-boundary{grid-template-columns:1fr}.billing-boundary small{grid-column:1}}

.billing-boundary>div{display:grid;gap:7px}.billing-boundary .billing-connect{justify-self:start;margin-top:3px;min-height:42px}
.billing-boundary.billing-connected{border-color:#245f49;background:#14251f}.billing-connected small{color:#9fd9bd}
@media(max-width:520px){.billing-boundary .billing-connect{width:100%;justify-content:center}}