:root{
  --bg:#090b0d;--ink:#f4f6f5;--muted:#96a0a7;--line:#2a333a;--panel:#111519;
  --blue:#59c7e8;--green:#49c983;--amber:#f4b64f;--red:#ef6861;--soft:#171d22;
}
body.clebyTheme{background:#090b0d;color:var(--ink)}
.clebyTheme main{max-width:1280px;padding:18px}
.clebyTheme .panel,.clebyTheme .card,.clebyTheme .step,.clebyTheme .row,.clebyTheme .item,.clebyTheme .lane,.clebyTheme .event,.clebyTheme .detail{background:var(--panel);border-color:var(--line);box-shadow:none}
.clebyTheme input,.clebyTheme select,.clebyTheme textarea{background:#171d22!important;color:var(--ink)!important;border-color:var(--line)!important}
.clebyTheme button{background:#171d22;color:var(--ink);border-color:var(--line)}
.clebyTheme button:hover{border-color:var(--blue)}
.clebyTheme button:not(.ghost){background:var(--green);border-color:var(--green);color:#06110b}
.clebyTheme .ghost{background:#171d22!important;color:var(--ink)!important;border-color:var(--line)!important}
.clebyTheme .pill{background:#171d22;border-color:var(--line);color:var(--amber)}
.clebyTheme .status{background:#1e1a12;color:var(--muted)}
.clebyTheme .status.ok{background:#102018}.clebyTheme .status.bad{background:#251313}
.clebyTheme .raw{background:#0d1114;color:var(--muted);border-color:var(--line)}
.clebyTheme .step.ok{background:#102018}.clebyTheme .step.wait{background:#211b10}.clebyTheme .step.block{background:#251313}
.clebyTheme a{color:var(--blue)}
.clebyTheme .top{padding-top:12px;border-top:1px solid var(--line)}
.clebyUtilityBar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:4px 0 15px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.clebyUtilityBrand{display:flex;align-items:center;gap:10px;color:var(--ink)!important;text-decoration:none!important}
.clebyUtilityMark{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--blue);color:var(--blue);font-weight:900}
.clebyUtilityBrand b{font-size:18px}.clebyUtilityBrand small{display:block;color:var(--muted);font-weight:400}
.quickApps{display:flex;align-items:center;gap:7px}.quickApp{width:52px;height:50px;display:grid;place-items:center;gap:1px;padding:5px!important;background:#151a1f!important;border:1px solid var(--line)!important;border-radius:6px!important;color:var(--muted)!important;cursor:not-allowed!important;opacity:.72;text-decoration:none!important}.quickApp[href]{cursor:pointer!important;opacity:1}.quickApp[href]:hover{border-color:var(--blue)!important}.quickApp svg{width:22px;height:22px;display:block}.quickApp span{font-size:9px;font-weight:800;line-height:1}.quickApp:hover{border-color:var(--line)!important}
.tomasView .cards,.tomasView .grid>aside.panel{display:none}.tomasView .grid{grid-template-columns:1fr}.tomasView #health,.tomasView #openMonitor,.tomasView #openControl{display:none}.tomasView .result{min-height:0}.tomasView .login{margin:0 auto}
.teamView .top p{max-width:650px}.teamView .steps{margin-top:8px}.teamView .step{min-height:70px}.teamView textarea{min-height:108px}
.sharedWorkflow{margin-top:14px}.sharedWorkflowHeader{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.sharedWorkflowHeader h2{margin:0}.sharedWorkflowHeader small{color:var(--muted)}
.sharedWorkflowRows{display:grid;gap:8px}.sharedWorkflowRow{border:1px solid var(--line);background:#151a1f;padding:11px;border-radius:7px}.sharedWorkflowTitle{display:flex;justify-content:space-between;gap:12px;align-items:start}.sharedWorkflowTitle strong{display:block}.sharedWorkflowTitle small{display:block;color:var(--muted);margin-top:3px}.sharedWorkflowStatus{white-space:nowrap;color:var(--blue);font-size:11px;font-weight:900;text-transform:uppercase}
.sharedWorkflowTrack{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin:10px 0}.sharedWorkflowTrack i{height:5px;background:#293138;border-radius:999px}.sharedWorkflowTrack i.done{background:var(--green)}.sharedWorkflowTrack i.current{background:var(--amber)}
.sharedWorkflowMeta{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sharedWorkflowMeta span{color:var(--muted);font-size:11px}.sharedWorkflowMeta b{display:block;color:var(--ink);font-size:12px;margin-top:2px}.sharedWorkflowEmpty{border:1px dashed var(--line);padding:16px;text-align:center;color:var(--muted)}
.clebyAuthGate{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:#090b0d}.clebyAuthGate[hidden]{display:none}.clebyAuthPanel{width:min(380px,100%);border:1px solid var(--line);background:#111519;padding:28px;text-align:center}.clebyAuthMark{width:48px;height:48px;margin:0 auto 15px;display:grid;place-items:center;border:1px solid var(--blue);color:var(--blue);font-size:20px;font-weight:900}.clebyAuthPanel h1{margin:0 0 7px;font-size:25px}.clebyAuthPanel p{min-height:42px;margin:0 0 18px;color:var(--muted)}.clebyAuthPanel button{width:100%;border:1px solid var(--blue);background:#171d22;color:var(--ink);padding:11px;border-radius:6px;font-weight:900;cursor:pointer}.clebyAuthPanel button span{display:inline-grid;width:22px;height:22px;margin-right:7px;place-items:center;background:#fff;color:#4285f4;border-radius:50%}.clebyAuthGate.error .clebyAuthPanel{border-color:var(--red)}
.clebyIdentity{position:fixed;right:14px;bottom:14px;z-index:80;display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#111519;padding:8px 9px 8px 11px;box-shadow:0 5px 18px rgba(0,0,0,.28)}.clebyIdentity b,.clebyIdentity small{display:block}.clebyIdentity b{font-size:12px}.clebyIdentity small{color:var(--muted);font-size:10px}.clebyIdentity button{border:1px solid var(--line);background:#171d22;color:var(--muted);padding:5px 7px;border-radius:4px;font-size:10px;cursor:pointer}.clebyIdentity button:hover{border-color:var(--blue);color:var(--ink)}
@media(max-width:760px){
  .topbar{display:grid!important;grid-template-columns:1fr auto!important;align-items:start!important}
  .topbar>.brand{grid-column:1;grid-row:1}.topbar>.actions{grid-column:2;grid-row:1}.topbar>.quickApps{grid-column:1/-1;grid-row:2;max-width:100%;width:100%}
  .clebyUtilityBar{display:grid;grid-template-columns:1fr;align-items:start}.clebyUtilityBar>.quickApps{max-width:100%;width:100%}
  .quickApps{overflow-x:auto}.quickApp{min-width:48px;width:48px}.clebyUtilityBrand small{display:none}
  .sharedWorkflowTitle,.sharedWorkflowHeader{display:grid}.sharedWorkflowMeta{grid-template-columns:1fr 1fr}
  .clebyIdentity{right:8px;bottom:8px}
}