:root { --red:#cc0033; --dark:#20242a; --muted:#6a737d; --line:#dfe3e8; --bg:#f5f6f8; }
* { box-sizing:border-box; }
body { margin:0; font-family:Inter,Segoe UI,Arial,sans-serif; color:#1f2328; background:var(--bg); }
a { color:#8e0024; text-decoration:none; } a:hover { text-decoration:underline; }
.topbar { height:60px; padding:0 24px; display:flex; align-items:center; justify-content:space-between; background:var(--dark); color:white; }
.brand { color:white; font-weight:800; font-size:20px; } .brand span { color:#ff4f78; font-weight:500; }
.userbox { display:flex; gap:18px; align-items:center; }.userbox form{margin:0}.link-button{background:none;border:0;color:white;cursor:pointer;padding:0}
.layout { display:flex; min-height:calc(100vh - 60px); }.sidebar{width:230px;background:white;border-right:1px solid var(--line);padding:18px;display:flex;flex-direction:column;gap:4px}.sidebar a{padding:10px 12px;border-radius:6px;color:#333}.sidebar a:hover{background:#f2f3f5;text-decoration:none}
.content { flex:1; min-width:0; padding:28px; }.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.page-heading h1{margin:0 0 6px}.page-heading p{margin:0;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.card{background:white;border:1px solid var(--line);border-radius:10px;padding:20px}.card h2{margin-top:0;font-size:18px}.card.disabled{opacity:.55}
.button,button{display:inline-block;border:1px solid #b8bec6;background:white;border-radius:6px;padding:9px 14px;color:#222;cursor:pointer;font:inherit}.primary{background:var(--red);border-color:var(--red);color:white}.danger{background:#a40e26;border-color:#a40e26;color:white}
.status{padding:7px 10px;border-radius:999px;font-size:13px}.status.ok{background:#dff5e5;color:#176b32}.status.bad{background:#fde1e5;color:#8d1426}
.search{display:flex;gap:8px;margin-bottom:14px}.search input{min-width:300px}.search a{align-self:center}.table-wrap{background:white;border:1px solid var(--line);border-radius:8px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{background:#fafbfc;position:sticky;top:0}tr:last-child td{border-bottom:0}.pagination{display:flex;justify-content:center;gap:20px;padding:18px}
input,textarea,select{width:100%;border:1px solid #b8bec6;border-radius:6px;padding:9px 10px;font:inherit;background:white}input[readonly]{background:#eef0f2;color:#59636e}.entity-form{background:white;border:1px solid var(--line);border-radius:10px;padding:22px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:18px}.form-grid label{display:flex;flex-direction:column;gap:6px}.form-grid label.wide{grid-column:1/-1}.form-grid input[type=checkbox]{width:auto;align-self:flex-start;transform:scale(1.25);margin:8px}.form-grid small{color:var(--muted)}.actions{margin-top:22px;display:flex;justify-content:flex-end}.danger-zone{margin-top:24px;padding:18px;border:1px solid #efb8c1;background:#fff6f7;border-radius:8px}
.alert{padding:12px 14px;border-radius:7px;margin-bottom:15px}.alert.error{background:#fde8eb;color:#8e1024}.alert.success{background:#e1f5e6;color:#176a30}.login-card,.error-card{max-width:440px;margin:8vh auto;background:white;border:1px solid var(--line);border-radius:12px;padding:28px}.stack-form{display:flex;flex-direction:column;gap:16px}.stack-form label{display:flex;flex-direction:column;gap:6px}
code{background:#eef0f2;padding:2px 5px;border-radius:4px}@media(max-width:800px){.sidebar{display:none}.content{padding:16px}.form-grid{grid-template-columns:1fr}.page-heading{flex-direction:column}.search{flex-wrap:wrap}.search input{min-width:100%}}
fieldset.form-section{border:1px solid var(--line);border-radius:8px;margin:0 0 18px;padding:18px}.form-section legend{padding:0 8px;font-weight:700}.choice-row{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px;margin-bottom:18px}.choice-card{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:8px;padding:14px;cursor:pointer}.choice-card input{width:auto;margin-top:4px}.choice-card span{display:flex;flex-direction:column;gap:4px}.choice-card small{color:var(--muted)}.check-line{display:flex!important;flex-direction:row!important;align-items:center;gap:10px}.check-line input{width:auto!important;margin:0!important}.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.info-box{padding:12px 14px;border:1px solid #b7d5ef;background:#f3f9fe;border-radius:7px;color:#24506f}.is-hidden{display:none!important}@media(max-width:800px){.choice-row{grid-template-columns:1fr}}
.heading-actions{display:flex;gap:10px;flex-wrap:wrap}.section-help{margin:-4px 0 16px;color:var(--muted)}.clone-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.clone-choice{margin:0}.alert.warning{background:#fff4d6;color:#6e4b00;border:1px solid #efd28a}.danger-note{margin-top:14px;padding:12px 14px;border-left:4px solid var(--red);background:#fff7f8;color:#6d1a2a}

/* TMS operator */
.nav-title{font-size:11px;font-weight:800;color:#8a949e;letter-spacing:.08em;margin:15px 10px 3px}.nav-main{font-weight:700}.accent-card{border-top:4px solid var(--red)}.metric-row{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:14px;margin:16px 0}.metric{background:white;border:1px solid var(--line);border-radius:10px;padding:16px}.metric strong{display:block;font-size:28px;margin-top:6px}.metric small,.eyebrow{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.toolbar,.filterbar,.workflow-toolbar,.inline-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.toolbar{margin:14px 0}.filterbar{background:white;border:1px solid var(--line);padding:12px;border-radius:9px;margin-bottom:14px}.filterbar input,.filterbar select{width:auto;min-width:150px}.alarm-table .critical-row{background:#fff1f3}.alarm-table tr:hover td{background:#fff8fa}.pill{display:inline-block;border-radius:999px;padding:4px 8px;background:#eef0f2;font-size:12px}.pill.alarm{background:#ffe1e6;color:#91001f;font-weight:700}.pill.ok{background:#e2f4e6;color:#176b32}.event-hero{background:white;border:1px solid var(--line);border-radius:10px;padding:20px;margin-bottom:16px}.alarm-hero{border-left:6px solid var(--red)}.event-state{font-size:15px;font-weight:700}.two-column{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:16px}.panel{background:white;border:1px solid var(--line);border-radius:10px;padding:18px;margin-bottom:16px}.panel h2,.panel h3{margin-top:0}.details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}.details dt{color:var(--muted);font-size:12px}.details dd{margin:2px 0 10px;overflow-wrap:anywhere}.contact-list,.workflow-list{display:flex;flex-direction:column;gap:10px}.workflow-item,.note-card{border:1px solid var(--line);border-radius:8px;padding:12px;background:#fafbfc}.workflow-item.done{opacity:.65;background:#edf8ef}.workflow-item form{margin:0}.worklog{white-space:pre-wrap;background:#171b20;color:#e9eef3;padding:14px;border-radius:7px;min-height:90px;max-height:320px;overflow:auto}.empty{color:var(--muted);font-style:italic}.alarm{color:#9e0b2b}.ok{color:#176b32}@media(max-width:1050px){.metric-row{grid-template-columns:repeat(2,1fr)}.two-column{grid-template-columns:1fr}}@media(max-width:600px){.metric-row{grid-template-columns:1fr}.details{grid-template-columns:1fr}}

/* Module chooser + DataShow */
.module-choice-wrap{max-width:1100px;margin:5vh auto}.module-choice-heading{text-align:center;margin-bottom:28px}.module-choice-heading h1{font-size:38px;margin:5px 0}.module-choice-heading p{color:var(--muted);margin:0 0 14px}.module-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:24px}.module-tile{position:relative;display:flex;flex-direction:column;min-height:300px;padding:30px;border:1px solid var(--line);border-radius:18px;background:white;color:#1f2328;box-shadow:0 8px 28px rgba(25,31,39,.06);transition:.15s ease}.module-tile:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(25,31,39,.10);text-decoration:none}.module-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:14px;background:var(--dark);color:white;font-size:27px;font-weight:900;margin-bottom:24px}.datashow-tile .module-icon{background:var(--red)}.module-title{font-size:27px;font-weight:800;margin-bottom:10px}.module-desc{line-height:1.55;color:var(--muted);max-width:520px}.module-cta{margin-top:auto;padding-top:25px;font-weight:800;color:var(--red)}.module-badge{position:absolute;right:24px;top:24px;padding:7px 10px;border-radius:999px;background:#ffe1e6;color:#91001f;font-weight:800;font-size:13px}.module-secondary{display:flex;justify-content:center;gap:25px;margin-top:25px}.datashow-shell{max-width:1700px;margin:0 auto}.datashow-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.datashow-head h1{font-size:38px;margin:3px 0}.datashow-head p{margin:0;color:var(--muted)}.datashow-actions{display:flex;gap:10px}.datashow-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.ds-metric{background:#171b20;color:white;border-radius:12px;padding:18px 20px}.ds-metric span{display:block;color:#b8c0c8;text-transform:uppercase;letter-spacing:.05em;font-size:12px}.ds-metric strong{display:block;font-size:40px;margin-top:4px}.ds-metric.alarm-box{background:#8f001f}.datashow-board{background:#11151a;border-radius:14px;overflow:auto;border:1px solid #2a3037}.datashow-table{color:#f0f3f5;font-size:18px}.datashow-table th{background:#20262c;color:#c8d0d8;font-size:13px;text-transform:uppercase;letter-spacing:.04em;border-color:#333a42}.datashow-table td{padding:17px 16px;border-color:#2d343b;white-space:normal}.datashow-table tr.critical-row{background:#3d111c}.datashow-table code{background:#2b3239;color:#fff}.ds-time{white-space:nowrap!important}.ds-state{display:inline-block;padding:7px 10px;border-radius:999px;background:#cc0033;color:white;font-weight:900;font-size:13px}.datashow-empty{text-align:center!important;padding:60px!important;color:#98a3ad}@media(max-width:900px){.module-choice-grid{grid-template-columns:1fr}.datashow-metrics{grid-template-columns:repeat(2,1fr)}.datashow-head{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.datashow-metrics{grid-template-columns:1fr}.module-choice-heading h1,.datashow-head h1{font-size:30px}}

/* Theme switcher */
html { color-scheme:light; }
html[data-theme="dark"] { color-scheme:dark; --dark:#0d1115; --muted:#a6b0ba; --line:#343b44; --bg:#11151a; }
.topbar-actions{display:flex;align-items:center;gap:16px}.theme-toggle{width:38px;height:38px;padding:0;border-radius:999px;background:#30363d;border-color:#4a525c;color:#fff;font-size:20px;line-height:1}.theme-toggle:hover{background:#3b434d}.theme-toggle:focus-visible{outline:2px solid #ff6b8e;outline-offset:2px}
html[data-theme="dark"] body{color:#e6ebf0;background:var(--bg)}
html[data-theme="dark"] a{color:#ff7898}
html[data-theme="dark"] .sidebar,html[data-theme="dark"] .card,html[data-theme="dark"] .table-wrap,html[data-theme="dark"] .entity-form,html[data-theme="dark"] .filterbar,html[data-theme="dark"] .event-hero,html[data-theme="dark"] .panel,html[data-theme="dark"] .metric,html[data-theme="dark"] .login-card,html[data-theme="dark"] .error-card,html[data-theme="dark"] .module-tile{background:#181d23;border-color:var(--line);color:#e6ebf0}
html[data-theme="dark"] .sidebar a{color:#dbe1e7}html[data-theme="dark"] .sidebar a:hover{background:#252b32}
html[data-theme="dark"] .button,html[data-theme="dark"] button{background:#232a31;border-color:#48515c;color:#e8edf2}html[data-theme="dark"] .primary{background:var(--red);border-color:var(--red);color:#fff}html[data-theme="dark"] .danger{background:#a40e26;border-color:#a40e26;color:#fff}
html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{background:#20262d;border-color:#48515c;color:#edf1f5}html[data-theme="dark"] input[readonly]{background:#2a3037;color:#b9c1c9}
html[data-theme="dark"] th{background:#20262d;color:#dfe5ea}html[data-theme="dark"] tr:hover td{background:#20262d}
html[data-theme="dark"] code,html[data-theme="dark"] .pill{background:#2a3037;color:#f0f3f5}
html[data-theme="dark"] .workflow-item,html[data-theme="dark"] .note-card{background:#1d232a;border-color:var(--line)}html[data-theme="dark"] .workflow-item.done{background:#183023}
html[data-theme="dark"] .alarm-table .critical-row{background:#35141d}html[data-theme="dark"] .alarm-table tr:hover td{background:#2b1720}
html[data-theme="dark"] .status.ok,html[data-theme="dark"] .pill.ok{background:#183923;color:#82d39a}html[data-theme="dark"] .status.bad,html[data-theme="dark"] .pill.alarm{background:#431822;color:#ff8ca5}
html[data-theme="dark"] .alert.error{background:#3d171f;color:#ff9aaf}html[data-theme="dark"] .alert.success{background:#173824;color:#8ed7a4}html[data-theme="dark"] .alert.warning{background:#403516;color:#f4d980;border-color:#6e5a24}
html[data-theme="dark"] .danger-zone{background:#35171d;border-color:#6b303b}html[data-theme="dark"] .danger-note{background:#30171d;color:#efb6c1}
html[data-theme="dark"] .info-box{background:#172a3a;border-color:#315b7c;color:#a9d3f2}
html[data-theme="dark"] .choice-card{background:#181d23;border-color:var(--line)}
html[data-theme="dark"] .module-tile{box-shadow:0 8px 28px rgba(0,0,0,.22)}html[data-theme="dark"] .module-tile:hover{box-shadow:0 12px 34px rgba(0,0,0,.32)}html[data-theme="dark"] .module-title{color:#f2f5f7}
html[data-theme="dark"] .module-badge{background:#431822;color:#ff91a9}
html[data-theme="dark"] .worklog{background:#0b0e11;color:#edf1f5}
@media(max-width:600px){.topbar{padding:0 14px}.topbar-actions{gap:10px}.userbox{gap:10px}.theme-toggle{width:34px;height:34px}}

/* DataShow online presence */
.datashow-metrics{grid-template-columns:repeat(5,1fr)}.ds-metric.online-box{background:#173a2a}.ds-online-panel{background:#171b20;border:1px solid #2a3037;border-radius:14px;padding:16px 18px;margin-bottom:18px;color:#f0f3f5}.ds-online-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.ds-online-head h2{margin:0;font-size:18px}.ds-online-head span{color:#9ea8b2;font-size:13px}.ds-online-list{display:flex;gap:10px;flex-wrap:wrap}.ds-online-user{display:grid;grid-template-columns:auto minmax(100px,auto) auto auto auto;align-items:center;gap:9px;background:#20262c;border:1px solid #333a42;border-radius:9px;padding:9px 11px}.ds-online-dot{width:9px;height:9px;border-radius:50%;background:#42c66a;box-shadow:0 0 0 3px rgba(66,198,106,.12)}.ds-online-alias{color:#aab4be}.ds-online-user code{background:#2b3239;color:#fff}.ds-online-user small{color:#8e99a4}.ds-online-empty{color:#98a3ad;font-style:italic;padding:4px 0}@media(max-width:1100px){.datashow-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.datashow-metrics{grid-template-columns:repeat(2,1fr)}.ds-online-user{grid-template-columns:auto 1fr auto}.ds-online-user code{grid-column:2/-1}.ds-online-user small{display:none}}@media(max-width:600px){.datashow-metrics{grid-template-columns:1fr}.ds-online-head{align-items:flex-start;flex-direction:column}}