/* Lokicrack — оболочка «Ателье». Боковая стойка, медь и лёд. */
:root{
  --bg:#090b10;
  --panel:#12151c;
  --panel-2:#191d27;
  --line:rgba(232,214,186,.16);
  --text:#f6f1e7;
  --muted:#a3988c;
  --accent:#e7b56a;
  --accent-2:#f3d7a1;
  --accent-soft:rgba(231,181,106,.16);
  --ice:#8fd0c6;
}
html,body{
  background:
    radial-gradient(900px 420px at 0% 0%, rgba(231,181,106,.16), transparent 55%),
    radial-gradient(700px 480px at 100% 100%, rgba(143,208,198,.1), transparent 50%),
    var(--bg) !important;
  font-family:"Segoe UI",Candara,sans-serif !important;
  color:var(--text);
}
body{
  flex-direction:row !important;
  align-items:stretch;
}
body::before{display:none !important}
header{
  width:232px;
  min-width:232px;
  height:100vh;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:10px !important;
  padding:18px 14px !important;
  background:linear-gradient(180deg,#141820 0%,#0c0e14 100%) !important;
  border-right:1px solid var(--line) !important;
  border-bottom:0 !important;
  box-shadow:none !important;
  overflow:auto;
}
header .brand{min-width:0}
header h1{font-size:22px !important;letter-spacing:-.04em}
header .sub{letter-spacing:.14em !important;color:var(--accent) !important}
header .mark{border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px rgba(231,181,106,.45)}
header .mark img{width:42px;height:42px;object-fit:cover;display:block}
.tabs{
  flex-direction:column !important;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  gap:4px !important;
}
.tabs .tab{
  text-align:left;
  border-radius:12px !important;
  padding:10px 12px !important;
  color:#d9d0c4 !important;
}
.tabs .tab.on{
  background:linear-gradient(90deg,#e7b56a,#f3d7a1) !important;
  color:#24180c !important;
  box-shadow:none !important;
}
header .book{
  white-space:normal !important;
  font-size:12px !important;
  line-height:1.35;
  color:var(--muted) !important;
  order:8;
}
#journal-actions{display:flex;flex-direction:column;gap:6px}
#journal-actions button,.live-badge{width:100%}
.live-badge{
  justify-content:center;
  background:rgba(143,208,198,.12) !important;
  border-color:rgba(143,208,198,.35) !important;
  color:var(--ice) !important;
}
main{
  flex:1;
  height:100vh;
  min-width:0;
  padding:16px !important;
  background:transparent;
}
#view-hb.cmd{
  grid-template-columns:210px 1fr !important;
  gap:14px !important;
}
.cmd-side{
  background:rgba(18,21,28,.9) !important;
  border:1px solid var(--line) !important;
  border-radius:22px !important;
}
.cmd-nav.on{
  background:linear-gradient(90deg,#e7b56a,#f3d7a1) !important;
  color:#24180c !important;
}
.cmd-stage,.panel{
  border-radius:22px !important;
}
.hb-livebar,.panel,.cmd-scroll,.cmd-feed,.cmd-cards{
  background:rgba(14,16,22,.72) !important;
  border-color:var(--line) !important;
}
button.primary{
  background:linear-gradient(90deg,#e7b56a,#f3d7a1) !important;
  color:#24180c !important;
  border-color:transparent !important;
}
button.primary:hover{background:#f3d7a1 !important}
textarea.src,#grid-wrap,table.grid th{
  background:#10131a !important;
}
.lc-login{
  background:
    radial-gradient(500px 280px at 50% 20%, rgba(231,181,106,.28), transparent 60%),
    rgba(6,7,10,.88) !important;
}
.lc-login-card{
  background:linear-gradient(165deg,#1c1814,#101218) !important;
  border-color:rgba(231,181,106,.4) !important;
}
.lc-login-card label{color:var(--accent) !important}
#boot{
  background:
    radial-gradient(500px 280px at 50% 40%, rgba(231,181,106,.25), transparent 60%),
    #090b10 !important;
}
#view-map{padding:0 !important;height:100vh !important;min-height:0 !important}
#map-wrap{height:100% !important;min-height:100% !important}
#map-canvas{min-height:100% !important;height:100% !important}
.online-strip{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.online-dot{width:8px;height:8px;border-radius:50%;background:#3d9a6a;box-shadow:0 0 0 0 rgba(61,154,106,.7);animation:onlinePulse 1.8s ease-out infinite;display:inline-block}
.online-off{background:#6b7280;box-shadow:none;animation:none}
@keyframes onlinePulse{0%{box-shadow:0 0 0 0 rgba(61,154,106,.55)}100%{box-shadow:0 0 0 10px rgba(61,154,106,0)}}
.cmd-pane,.panel{animation:viewIn .35s ease both}
.unit-pin{background:transparent !important;border:0 !important}
.unit-pin b{display:block;text-align:center;font-size:11px;color:#24180c;background:#f3d7a1;border-radius:8px;padding:1px 4px}
.uf{display:block;text-align:center;font-size:22px;line-height:1}
.kind-mog .uf{font-size:32px}
.uf-pot{background:#e7b56a;border-radius:8px;padding:2px 4px}
@media (max-width:1100px){
  body{flex-direction:column !important}
  header{width:100%;height:auto;min-width:0;flex-direction:row !important;flex-wrap:wrap}
  .tabs{flex-direction:row !important;flex-wrap:wrap}
  main{height:auto}
}