/* NORIA identity: navy #15395d, turquoise #00a9c4, white and cool neutrals.
   Turquoise is an accent; small text and primary controls use darker accessible tones.
   Type: Segoe UI/system sans. Spacing: 4/8/12/16/24/32/48. Radius: 12/18/24. */
html[data-theme=noria]{--bg:#f3f7fa;--paper:#fff;--ink:#15395d;--muted:#607488;--line:#dce6ef;--green:#126b82;--lime:#b9f0f6;--orange:#b35c12;--radius:16px}
html[data-theme=noria] body{font-family:'Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--ink)}
html[data-theme=noria] h1,html[data-theme=noria] h2,html[data-theme=noria] h3,html[data-theme=noria] em{font-family:inherit;font-style:normal;letter-spacing:-.035em}
html[data-theme=noria] h1{font-weight:650}html[data-theme=noria] h2{font-weight:600}
html[data-theme=noria] .eyebrow{color:#176c83;font-weight:700;letter-spacing:1.8px}
.noria-logo{display:block;background:#fff;overflow:hidden;flex-shrink:0;line-height:0;border-radius:8px}
.noria-logo img{display:block;width:100%;aspect-ratio:3.1;object-fit:cover;object-position:center 48%}
.login-card>.noria-logo{width:270px;margin-bottom:45px}
.sidebar .brand{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:0;margin:0 0 28px}
.sidebar .noria-logo{width:100%;padding:5px}
.brand-product{display:flex;align-items:center;justify-content:space-between;color:#b9f0f6;font-size:16px;font-weight:700;letter-spacing:3px;padding:0 8px}
.brand-product>span{font-size:8px;letter-spacing:1.2px;font-weight:500;color:#c3d5e4}
html[data-theme=noria] .sidebar{background:#15395d;color:white;border-right:0}
html[data-theme=noria] .sidebar nav a{color:#d8e5ef;border-radius:9px}
html[data-theme=noria] .sidebar nav a:hover{background:#214b70;color:#fff}
html[data-theme=noria] .sidebar nav a.active{background:#e5f9fc;color:#15395d;box-shadow:inset 3px 0 #00a9c4}
html[data-theme=noria] .nav-label,html[data-theme=noria] .sidebar-bottom p{color:#adc5d9}
html[data-theme=noria] .sidebar-bottom .ghost{color:#e4f4fa}
html[data-theme=noria] .sidebar-bottom{border-color:#355674}
html[data-theme=noria] .primary{background:#15395d;color:white;box-shadow:0 4px 12px #15395d12;border-radius:10px}
html[data-theme=noria] .primary:hover{background:#20547c}
html[data-theme=noria] .primary.light{background:#b9f0f6;color:#15395d}
html[data-theme=noria] .secondary{border-color:#bfd1df;color:#15395d;background:#fff}
html[data-theme=noria] .secondary:hover{background:#eaf7fa}
html[data-theme=noria] :focus-visible{outline:3px solid #008ca8;outline-offset:3px}
html[data-theme=noria] input,html[data-theme=noria] textarea,html[data-theme=noria] select{background:#fff;border:1px solid #aabfcf;color:#15395d;border-radius:9px}
html[data-theme=noria] .hero{background:linear-gradient(115deg,#15395d,#20547c);color:white;border:0;border-radius:20px}
html[data-theme=noria] .hero h2{font-weight:600;font-size:40px}
html[data-theme=noria] .hero em{color:#91e6f0}
html[data-theme=noria] .hero p{color:#d7e7f2}
html[data-theme=noria] .hero .eyebrow{color:#8ee1ee}
html[data-theme=noria] .hero-art:before,html[data-theme=noria] .hero-art:after{border-color:#77c7da55}
.flow-emblem{font-size:100px;font-weight:700;letter-spacing:-8px;color:#fff;line-height:1}
.flow-emblem>span{display:block;font-size:12px;letter-spacing:8px;text-align:center;color:#91e6f0;margin-top:16px}
html[data-theme=noria] .metric,html[data-theme=noria] .panel,html[data-theme=noria] .agent-card{background:#fff;border-color:#dce6ef;box-shadow:0 3px 16px #15395d04}
html[data-theme=noria] .metric strong{font-family:inherit;color:#15395d}
html[data-theme=noria] .avatar{background:#e0f3f7;color:#15395d}
html[data-theme=noria] .agent-card .role{color:#126b82}
html[data-theme=noria] .pill{background:#edf3f8;color:#405d74}
html[data-theme=noria] .pill.running,html[data-theme=noria] .pill.awaiting_approval{background:#dff5f8;color:#126176}
html[data-theme=noria] .pill.error{background:#fce8e8;color:#a52b36}
html[data-theme=noria] .notice{background:#eaf5fa;color:#234e68;border-color:#cce1ed}
html[data-theme=noria] .chat-roster{background:#edf3f8}
html[data-theme=noria] .chat-person.active{background:#fff;border-left:3px solid #00a9c4}
html[data-theme=noria] .message{background:#edf3f8;color:#15395d}
html[data-theme=noria] .message.user{background:#15395d;color:#fff}
html[data-theme=noria] .message.user small{color:#b8d9e9}
html[data-theme=noria] .terminal-output{background:#102c47;color:#c0eff3}
html[data-theme=noria] progress.bar::-webkit-progress-value{background:#008ba5}
html[data-theme=noria] .login{padding:28px;gap:24px;grid-template-columns:1fr 1fr;background:#fff}
html[data-theme=noria] .login-card{max-width:510px;padding:36px}
html[data-theme=noria] .login-card h1{font-size:42px;line-height:1.13;letter-spacing:-1.7px}
html[data-theme=noria] .login-card h1 em{color:#087d96}
html[data-theme=noria] .login-card>p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:370px}
.login-art{background:#15395d!important;color:#fff;border-radius:24px;padding:40px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;min-height:640px}
.brand-art-top,.brand-art-bottom{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#c7ddea;gap:15px}
.brand-status{padding:8px 12px;border:1px solid #54738d;border-radius:30px;font-size:9px;letter-spacing:1px}
.brand-art-main{margin:auto 0;padding:36px 0}
.brand-art-main .eyebrow{color:#8ee1ee!important;font-size:9px}
.brand-art-main h2{font-size:38px;line-height:1.2;font-weight:500;margin-bottom:30px;letter-spacing:-1px}
.brand-logo-panel{padding:24px 16px;background:#fff;border-radius:18px;margin-bottom:26px;box-shadow:0 20px 45px #09233a30}
.brand-art-main>p:last-child{font-size:15px;line-height:1.7;color:#c7ddea;margin-bottom:0}
.brand-art-bottom{font-size:8px;letter-spacing:1.2px;border-top:1px solid #45637e;padding-top:24px}
@media(max-width:1100px){.login-art{padding:30px}.brand-art-main h2{font-size:30px}html[data-theme=noria] .login-card{padding:24px}html[data-theme=noria] .login-card h1{font-size:34px}.brand-product>span{font-size:7px}}
@media(max-width:740px){html[data-theme=noria] .login{display:block;padding:24px 12px}.login-art{display:none}html[data-theme=noria] .login-card{margin:30px auto;max-width:480px;padding:20px}.login-card>.noria-logo{width:240px;margin-bottom:40px}html[data-theme=noria] .login-card h1{font-size:34px}.sidebar .brand{width:220px;margin-bottom:20px}.brand-product>span{font-size:8px}html[data-theme=noria] .hero h2{font-size:30px}}