/* Persistent CU Wire Data rail for standalone tool pages.
   Keeps tool navigation inside the product shell without refactoring each tool app. */
:root{
  --tool-bg:#f7f3ec;
  --tool-surface:#fbf8f1;
  --tool-surface2:#efe9de;
  --tool-rule:#d9ceba;
  --tool-rule-soft:#e8ddc6;
  --tool-ink:#1c1814;
  --tool-ink2:#4a4239;
  --tool-ink3:#8a7f6f;
  --tool-plum:#5b2b54;
  --tool-plum-tint:rgba(91,43,84,.10);
  --tool-font:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --tool-mono:'Spline Sans Mono','SF Mono',monospace;
}

.cu-tool-shell{
  position:fixed;
  inset:0 auto 0 0;
  z-index:1000;
  width:208px;
  height:100vh;
  background:var(--tool-surface);
  border-right:1px solid var(--tool-rule);
  display:flex;
  flex-direction:column;
  padding:14px 12px;
  overflow-y:auto;
  font-family:var(--tool-font);
  color:var(--tool-ink);
  box-sizing:border-box;
}
.cu-tool-shell *{box-sizing:border-box}
.cu-tool-shell a{text-decoration:none;color:inherit}
.cu-tool-brand{display:block;font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--tool-ink);padding:2px 8px 14px}
.cu-tool-brand b{color:var(--tool-plum)}
.cu-tool-search{width:100%;background:var(--tool-bg);border:1px solid var(--tool-rule);border-radius:6px;padding:7px 10px;font-size:12px;color:var(--tool-ink);margin-bottom:14px;outline:none;font-family:var(--tool-font)}
.cu-tool-search:focus{border-color:var(--tool-plum)}
.cu-tool-search::placeholder{color:var(--tool-ink3)}
.cu-tool-group{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tool-ink3);padding:10px 8px 5px}
.cu-tool-link{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--tool-ink2);padding:7px 10px;border-radius:6px;margin-bottom:1px;line-height:1.25;min-height:34px}
.cu-tool-link:hover{background:var(--tool-surface2);color:var(--tool-ink)}
.cu-tool-link.on{background:var(--tool-plum);color:var(--tool-surface);font-weight:600}
.cu-tool-link .dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.55;flex-shrink:0}
.cu-tool-foot{margin-top:auto;border-top:1px solid var(--tool-rule-soft);padding:12px 8px 2px;display:flex;justify-content:space-between;align-items:center;gap:8px;position:sticky;bottom:0;background:var(--tool-surface);z-index:2;box-shadow:0 -10px 18px rgba(247,243,236,.92)}
.cu-tool-period{font-family:var(--tool-mono);font-size:11px;line-height:1.35}
.cu-tool-period b{color:var(--tool-plum)}
.cu-tool-acct{width:26px;height:26px;border-radius:50%;background:var(--tool-plum-tint);color:var(--tool-plum);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;flex:0 0 auto}
.cu-tool-signout{font-size:11px;font-weight:600;color:var(--tool-ink3);border:1px solid var(--tool-rule);border-radius:5px;padding:4px 7px;background:var(--tool-surface);white-space:nowrap}
.cu-tool-signout:hover{border-color:var(--tool-plum);color:var(--tool-plum);background:var(--tool-bg)}
.cu-tool-burger{display:none;position:fixed;left:12px;top:12px;z-index:1002;width:44px;height:44px;border:1px solid var(--tool-rule);border-radius:6px;background:var(--tool-surface);color:var(--tool-ink);align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 14px rgba(28,24,20,.12)}
.cu-tool-backdrop{position:fixed;inset:0;background:rgba(28,24,20,.42);opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:999}

@media screen and (min-width:861px){
  body.cu-tool-shell-active{padding-left:208px!important}
  body.cu-tool-shell-active #appNav,
  body.cu-tool-shell-active .site-header,
  body.cu-tool-shell-active .cw-ticker{display:none!important}
}

@media screen and (max-width:860px){
  body.cu-tool-shell-active{padding-top:58px}
  body.cu-tool-shell-active #appNav,
  body.cu-tool-shell-active .site-header,
  body.cu-tool-shell-active .cw-ticker{display:none!important}
  .cu-tool-burger{display:flex}
  .cu-tool-shell{width:min(86vw,286px);transform:translateX(-100%);transition:transform .2s ease;box-shadow:2px 0 22px rgba(28,24,20,.22)}
  .cu-tool-link{min-height:40px}
  body.cu-tool-shell-open{overflow:hidden}
  body.cu-tool-shell-open .cu-tool-shell{transform:translateX(0)}
  body.cu-tool-shell-open .cu-tool-backdrop{opacity:1;pointer-events:auto}
}

@media print{
  body.cu-tool-shell-active{padding-left:0!important;padding-top:0!important}
  .cu-tool-shell,.cu-tool-burger,.cu-tool-backdrop{display:none!important}
}