/* ByGoo · Директор Mini App — зелёный канон (GO-95)
   Подключать после _viewport-canon.css. Активен при html[data-app="1"]. */
html[data-app="1"]{
  --dir-bg:#020805;
  --dir-ink:#ffffff;
  --dir-mut:#8e96a3;
  --dir-ok:#34d399;
  --dir-line:rgba(57,255,20,.16);
  --dir-panel:rgba(12,18,16,.78);
  --brand:var(--dir-ok);
  --ok:var(--dir-ok);
  --amber:var(--dir-ok);
}
html[data-app="1"] body{
  background:var(--dir-bg)!important;
  color:var(--dir-ink);
  min-height:100%;min-height:100dvh;
}
html[data-app="1"] body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(1,4,2,.15) 0%,rgba(1,4,2,.28) 42%,rgba(0,0,0,.62) 100%),
    url("assets/owner-console/matrix-binary-ref.jpg") center top / cover no-repeat,
    url("assets/owner-console/matrix-rain.svg") center top / cover no-repeat,
    #020805;
}
html[data-app="1"] body::after{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  opacity:.72;mix-blend-mode:screen;
  background:url("assets/owner-console/matrix-rain.svg") center top / cover no-repeat;
}
html[data-app="1"]:not([data-dir-page="office"]) body > *:not(#dirAppBar){
  position:relative;z-index:2;
}

/* шапка Mini App */
#dirAppBar{
  display:none;
}
html[data-app="1"] #dirAppBar{
  display:flex;align-items:center;gap:10px;
  position:relative;z-index:5;
  padding:max(10px,env(safe-area-inset-top)) 14px 8px;
  background:transparent;border:0;
  width:min(100%,420px);margin:0 auto;
  box-sizing:border-box;
}
html[data-app="1"] #dirAppBar .dir-back{
  width:44px;height:44px;border-radius:50%;flex:0 0 auto;
  display:grid;place-items:center;
  color:var(--dir-ok);font:400 28px/1 system-ui;text-decoration:none;
  background:rgba(52,211,153,.08);border:1px solid rgba(52,211,153,.22);
  /* GO-121 ДОП (владелец 25.08): «назад» плавающая вверху, всегда на странице */
  position:fixed;top:max(10px,env(safe-area-inset-top));left:10px;z-index:60;
  background:rgba(4,12,9,.82);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}
html[data-app="1"] #dirAppBar .dir-titles{flex:1;min-width:0;margin-left:54px}
html[data-app="1"] #dirAppBar .dir-titles h1{
  margin:0;font:700 20px/1.15 "IBM Plex Sans",system-ui,sans-serif;
  color:var(--dir-ink);
  text-shadow:0 0 14px rgba(18,255,156,.22);
}
html[data-app="1"] #dirAppBar .dir-titles span{
  display:block;margin-top:3px;
  font:600 12px/1.2 "IBM Plex Sans",system-ui,sans-serif;
  color:var(--dir-mut);
}

/* телефонная колонка + стекло панелей */
html[data-app="1"] .wrap,
html[data-app="1"] .wrap-canon,
html[data-app="1"] .app,
html[data-app="1"] .page,
html[data-app="1"] .shell,
html[data-app="1"] .layout,
html[data-app="1"] main.main{
  width:min(100%,420px)!important;
  max-width:420px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html[data-app="1"] .card,
html[data-app="1"] .panel,
html[data-app="1"] .tile,
html[data-app="1"] .bot,
html[data-app="1"] .folder,
html[data-app="1"] .note,
html[data-app="1"] .list,
html[data-app="1"] .hud,
html[data-app="1"] .fly,
html[data-app="1"] .sec,
html[data-app="1"] .stage:not(#stage),
html[data-app="1"] .pick,
html[data-app="1"] .top{
  background:var(--dir-panel)!important;
  border-color:rgba(52,211,153,.18)!important;
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
html[data-app="1"] a{color:#6ee7b7}
html[data-app="1"] .chip.on,
html[data-app="1"] .pill.on,
html[data-app="1"] button.on{
  border-color:rgba(52,211,153,.5)!important;
  color:var(--dir-ok)!important;
}

/* хаб-атмосфера выкл */
html[data-app="1"] body[data-atm]::before{display:none!important}
html[data-app="1"] .hub-atm,
html[data-app="1"] .atm-fx{display:none!important}

/* офис: холст на весь экран, только плавающая ‹ */
html[data-app="1"][data-dir-page="office"] body{overflow:hidden}
html[data-app="1"][data-dir-page="office"] #dirAppBar{
  position:absolute;top:0;left:0;right:0;width:auto;max-width:none;
  margin:0;padding:10px 12px;pointer-events:none;background:transparent;
}
html[data-app="1"][data-dir-page="office"] #dirAppBar .dir-back{pointer-events:auto}
html[data-app="1"][data-dir-page="office"] #dirAppBar .dir-titles{display:none}
html[data-app="1"][data-dir-page="office"] body::before,
html[data-app="1"][data-dir-page="office"] body::after{display:none}

/* splitkb: старый «← Пульт» прячем — есть #dirAppBar */
html[data-app="1"] #appBackBar{display:none!important}

@media(min-width:720px){
  html[data-app="1"] body{padding:24px 0 40px}
  html[data-app="1"][data-dir-page="office"] body{padding:0}
  html[data-app="1"] .wrap,
  html[data-app="1"] .wrap-canon,
  html[data-app="1"] .app{
    border-radius:16px;border:1px solid rgba(52,211,153,.18);
    box-shadow:0 20px 56px -24px rgba(0,0,0,.7),0 0 40px -18px rgba(18,255,156,.15);
    overflow:hidden;
  }
}

/* GO-98 · контент под зелёный канон (не только chrome) */

/* РЕЛЕ: снять TG-синий */
html[data-app="1"][data-dir-page="relay-view-a"]{
  --bg:#06110c;--panel:rgba(10,22,16,.92);--ink:#e8eaf0;--mut:#8e96a3;
  --line:rgba(52,211,153,.18);--you:#0f3d2a;--accent:#34d399;--ok:#34d399;
  --warn:#f0b132;--need:#ef4444;--key:#34d399;
}
html[data-app="1"][data-dir-page="relay-view-a"],
html[data-app="1"][data-dir-page="relay-view-a"] body{background:transparent!important;color:var(--ink)}
html[data-app="1"][data-dir-page="relay-view-a"] .shell{
  box-shadow:0 0 0 1px rgba(52,211,153,.18)!important;
  background:rgba(6,14,11,.55)!important;
}
html[data-app="1"][data-dir-page="relay-view-a"] .agents{
  background:rgba(4,12,9,.72)!important;border-bottom-color:rgba(52,211,153,.16)!important;
}
html[data-app="1"][data-dir-page="relay-view-a"] .agents button{
  background:rgba(8,18,14,.9)!important;border-color:rgba(52,211,153,.2)!important;color:var(--mut)!important;
}
html[data-app="1"][data-dir-page="relay-view-a"] .agents button[data-f="all"].on{
  background:var(--dir-ok)!important;color:#042f1a!important;border-color:transparent!important;
}
html[data-app="1"][data-dir-page="relay-view-a"] .feed{
  background:
    linear-gradient(180deg,rgba(2,8,5,.35),rgba(2,8,5,.55)),
    url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 30h60M30 0v60' stroke='%230d2218' stroke-width='1'/%3E%3C/svg%3E")!important;
}
html[data-app="1"][data-dir-page="relay-view-a"] .day{
  background:rgba(8,22,16,.9)!important;color:var(--mut)!important;border:1px solid rgba(52,211,153,.15);
}
html[data-app="1"][data-dir-page="relay-view-a"] .row.you .bub{
  background:#0f3d2a!important;border-color:rgba(52,211,153,.45)!important;
}
html[data-app="1"][data-dir-page="relay-view-a"] .row.them .bub{
  background:rgba(12,24,18,.92)!important;border-color:rgba(52,211,153,.22)!important;
}
html[data-app="1"][data-dir-page="relay-view-a"] .row.them.ag-key .bub{
  background:#0f2a1e!important;border-color:#34d399!important;box-shadow:inset 3px 0 0 #34d399!important;
}
html[data-app="1"][data-dir-page="relay-view-a"] .ag-key .who-tag{color:#6ee7b7!important}
html[data-app="1"][data-dir-page="relay-view-a"] .composer-wrap,
html[data-app="1"][data-dir-page="relay-view-a"] .top{
  background:rgba(8,18,14,.92)!important;border-color:rgba(52,211,153,.16)!important;
}
html[data-app="1"][data-dir-page="relay-view-a"] .dog,
html[data-app="1"][data-dir-page="relay-view-a"] .jump-new{
  background:var(--dir-ok)!important;color:#042f1a!important;
}
html[data-app="1"][data-dir-page="relay-view-a"] .badge{background:#06110c!important;color:#c5d0de}
html[data-app="1"][data-dir-page="relay-view-a"] .more-pop,
html[data-app="1"][data-dir-page="relay-view-a"] .dog-pop,
html[data-app="1"][data-dir-page="relay-view-a"] .ctx{
  background:rgba(10,22,16,.96)!important;border-color:rgba(52,211,153,.25)!important;
}
html[data-app="1"][data-dir-page="relay-view-a"] .live-dot{box-shadow:0 0 0 2px #06110c!important}
html[data-app="1"][data-dir-page="relay-view-a"] .live-dot.on{box-shadow:0 0 0 2px #06110c,0 0 10px #34d39988!important}

/* ТИКЕТЫ: пробка → тёмно-зелёная доска Mini App */
html[data-app="1"][data-dir-page="tickets-board"]{
  --ink:#e8eaf0;--mut:#8e96a3;--pin:#34d399;--pin-hi:#6ee7b7;--thread:#34d399;
  --paper:rgba(232,245,238,.94);--paper2:rgba(210,232,220,.94);--dash:rgba(52,211,153,.28);
}
html[data-app="1"][data-dir-page="tickets-board"] body{color:var(--ink)!important}
html[data-app="1"][data-dir-page="tickets-board"] .bar{
  background:rgba(6,14,11,.88)!important;color:#e8eaf0!important;
  border-bottom:1px solid rgba(52,211,153,.22)!important;
}
html[data-app="1"][data-dir-page="tickets-board"] .bar .mut{color:#8e96a3!important}
html[data-app="1"][data-dir-page="tickets-board"] .local-banner{
  background:rgba(12,32,24,.92)!important;color:#bbf7d0!important;
  border-bottom-color:rgba(52,211,153,.28)!important;
}
html[data-app="1"][data-dir-page="tickets-board"] .local-banner strong{color:#6ee7b7!important}
html[data-app="1"][data-dir-page="tickets-board"] .tools button,
html[data-app="1"][data-dir-page="tickets-board"] .tools a,
html[data-app="1"][data-dir-page="tickets-board"] .stage .float-fs{
  border-color:rgba(52,211,153,.28)!important;
  background:rgba(10,22,16,.9)!important;color:#e8eaf0!important;
}
html[data-app="1"][data-dir-page="tickets-board"] .tools button.on{
  background:rgba(52,211,153,.18)!important;border-color:rgba(52,211,153,.55)!important;color:#6ee7b7!important;
}
html[data-app="1"][data-dir-page="tickets-board"] .tools a{color:#6ee7b7!important}
html[data-app="1"][data-dir-page="tickets-board"] .tools .sep{background:rgba(52,211,153,.25)!important}
html[data-app="1"][data-dir-page="tickets-board"] .stage,
html[data-app="1"][data-dir-page="tickets-board"] .stage:fullscreen,
html[data-app="1"][data-dir-page="tickets-board"] .stage:-webkit-full-screen{
  background:
    radial-gradient(circle at 18% 28%, rgba(52,211,153,.08), transparent 42%),
    radial-gradient(circle at 72% 58%, rgba(0,0,0,.35), transparent 48%),
    repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(52,211,153,.03) 2px, rgba(52,211,153,.03) 3px),
    repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(18,255,156,.02) 2px, rgba(18,255,156,.02) 3px),
    linear-gradient(165deg,#0a1612,#06110c 55%,#030806)!important;
}
html[data-app="1"][data-dir-page="tickets-board"] .zone-lab{
  color:rgba(110,231,183,.55)!important;background:rgba(52,211,153,.08)!important;
}
/* листочки = бумага, не dir-panel (общий .note выше) */
html[data-app="1"][data-dir-page="tickets-board"] .note{
  background:var(--paper)!important;color:#0a1612!important;
  border-color:rgba(52,211,153,.2)!important;
}
html[data-app="1"][data-dir-page="tickets-board"] .note.alt{background:var(--paper2)!important}
html[data-app="1"][data-dir-page="tickets-board"] .note .dot{background:#34d399}
html[data-app="1"][data-dir-page="tickets-board"] .drawer{
  background:rgba(6,14,11,.94)!important;color:#e8eaf0!important;
  border-left:1px solid rgba(52,211,153,.22)!important;
}
html[data-app="1"][data-dir-page="tickets-board"] .drawer .hd,
html[data-app="1"][data-dir-page="tickets-board"] .drawer .blk{
  border-color:rgba(52,211,153,.2)!important;background:rgba(10,22,16,.85)!important;
}
html[data-app="1"][data-dir-page="tickets-board"] .tip,
html[data-app="1"][data-dir-page="tickets-board"] .tip-show{
  background:rgba(6,14,11,.88)!important;color:#e8eaf0!important;
  border-color:rgba(52,211,153,.25)!important;
}
html[data-app="1"][data-dir-page="tickets-board"] .tip strong,
html[data-app="1"][data-dir-page="tickets-board"] .tip .x:hover,
html[data-app="1"][data-dir-page="tickets-board"] .tip-show:hover{color:#6ee7b7!important}
html[data-app="1"][data-dir-page="tickets-board"] .sheet{
  background:rgba(232,245,238,.96)!important;color:#0a1612!important;
}
html[data-app="1"][data-dir-page="tickets-board"] .sheet .actions .go{
  background:#065f46!important;border-color:#065f46!important;color:#ecfdf5!important;
}

/* МАРКЕТИНГ: янтарь → зелень */
html[data-app="1"][data-dir-page="marketing"]{
  --brand:#34d399;--draft:#34d399;--review:#6ee7b7;--live:#34d399;--new:#34d399;
  --bg:#020805;--panel:rgba(12,18,16,.78);--line:rgba(52,211,153,.18);
}
html[data-app="1"][data-dir-page="marketing"] .hero{
  background:linear-gradient(165deg,#0a1a14,rgba(12,18,16,.9))!important;
  border-color:rgba(52,211,153,.2)!important;
}
html[data-app="1"][data-dir-page="marketing"] .hero .ic{
  background:#34d399!important;color:#042f1a!important;
}
html[data-app="1"][data-dir-page="marketing"] .hero .chip,
html[data-app="1"][data-dir-page="marketing"] .filters button.on{
  color:#34d399!important;border-color:rgba(52,211,153,.45)!important;background:rgba(52,211,153,.12)!important;
}
html[data-app="1"][data-dir-page="marketing"] .card{
  background:linear-gradient(165deg,#0a1a14,rgba(12,18,16,.9))!important;
  border-color:rgba(52,211,153,.18)!important;
}
html[data-app="1"][data-dir-page="marketing"] .card .slug,
html[data-app="1"][data-dir-page="marketing"] .card .go{color:#34d399!important}

/* P1 акценты */
html[data-app="1"][data-dir-page="tokens"],
html[data-app="1"][data-dir-page="family"],
html[data-app="1"][data-dir-page="our-bots"],
html[data-app="1"][data-dir-page="roadmap"]{
  --brand:#34d399;--amber:#34d399;--ok:#34d399;
}

/* GO-100 · Галерея: контент = язык пульта (не сайдбар-хаб) */
html[data-app="1"][data-dir-page="gallery"]{
  --bg:#030806;--panel:rgba(12,18,16,.72);--ink:#fff;--mut:#8e96a3;
  --line:rgba(57,255,20,.16);--brand:#34d399;--amber:#34d399;--ok:#34d399;
}
html[data-app="1"][data-dir-page="gallery"] .app{
  display:flex!important;flex-direction:column!important;
  grid-template-columns:1fr!important;
  background:transparent!important;
}
html[data-app="1"][data-dir-page="gallery"] .side{
  background:rgba(8,14,11,.55)!important;border-color:rgba(52,211,153,.16)!important;
}
html[data-app="1"][data-dir-page="gallery"] .fbtn{
  background:rgba(12,18,16,.78)!important;border-color:rgba(52,211,153,.18)!important;
}
html[data-app="1"][data-dir-page="gallery"] .fbtn.on{
  border-color:rgba(52,211,153,.55)!important;box-shadow:0 0 0 1px rgba(52,211,153,.25)!important;
}
html[data-app="1"][data-dir-page="gallery"] .chip,
html[data-app="1"][data-dir-page="gallery"] .folder .n,
html[data-app="1"][data-dir-page="gallery"] .folder.parent .n,
html[data-app="1"][data-dir-page="gallery"] .gen-now .lbl,
html[data-app="1"][data-dir-page="gallery"] .fbtn small{
  color:#34d399!important;
}
html[data-app="1"][data-dir-page="gallery"] .chip{
  border-color:rgba(52,211,153,.35)!important;background:rgba(52,211,153,.1)!important;
}
html[data-app="1"][data-dir-page="gallery"] .folder,
html[data-app="1"][data-dir-page="gallery"] .card{
  background:rgba(12,18,16,.78)!important;border-color:rgba(52,211,153,.16)!important;
}
html[data-app="1"][data-dir-page="gallery"] .gen-fab{
  border-color:rgba(52,211,153,.4)!important;
  background:linear-gradient(165deg,#0f2a1e,#06140f)!important;color:#bbf7d0!important;
}
html[data-app="1"][data-dir-page="gallery"] .gen-panel{
  background:linear-gradient(180deg,rgba(10,22,16,.96),rgba(6,14,11,.98))!important;
  border-color:rgba(52,211,153,.22)!important;
}
html[data-app="1"][data-dir-page="our-bots"]{
  --brand:#34d399;
}
html[data-app="1"][data-dir-page="our-bots"] .tag.live{
  color:#6ee7b7!important;border-color:rgba(52,211,153,.45)!important;background:rgba(52,211,153,.12)!important;
}
html[data-app="1"][data-dir-page="tokens"]{
  --brand:#34d399;
}
html[data-app="1"][data-dir-page="tokens"] .tile{--brand:#34d399}
html[data-app="1"][data-dir-page="splitkb-logo"]{
  --accent:#34d399;--card:rgba(12,18,16,.78);--line:rgba(52,211,153,.18);
}

/* хвост APP_ENTRY: единый glass */
html[data-app="1"][data-dir-page="staff-plan"] .card,
html[data-app="1"][data-dir-page="owner-chat-tg"] .card,
html[data-app="1"][data-dir-page="infra-access-matrix"] .card,
html[data-app="1"][data-dir-page="org-infra-map"] .card,
html[data-app="1"][data-dir-page="smart-paste"] .card,
html[data-app="1"][data-dir-page="tg-generator"] .card{
  background:var(--dir-panel)!important;border-color:rgba(52,211,153,.18)!important;
}