/* Task Runner 237: unified production UI. Brand assets remain the approved v236 artwork. */
:root{color-scheme:dark;--bg:#07162c;--panel:#10223b;--panel2:#142b47;--line:#2e4768;--text:#f6f9ff;--muted:#b7c7de;--blue:#397cf3;--blue2:#a1c4ff;--green:#39d3a3;--danger:#ff8880}
html{scroll-behavior:smooth}body{background:radial-gradient(ellipse at 85% 0%,rgba(53,115,219,.15),transparent 34%),linear-gradient(160deg,#061222,#0b1b33 74%,#09182c);color:var(--text)}
.rw-shell{width:min(100%,1232px);margin-inline:auto;padding:0 clamp(18px,3.5vw,44px) 34px;min-height:100vh;display:flex;flex-direction:column}
.rw-nav{min-height:86px;height:auto;padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #294161;background:none;border-radius:0;box-shadow:none}
.rw-brand{display:inline-flex;align-items:center;flex-shrink:0;text-decoration:none}.rw-brand .rw-logo{display:block;width:clamp(190px,24vw,286px);height:auto;max-height:62px;object-fit:contain}
.tr-nav-links{display:flex;align-items:center;gap:clamp(12px,2.3vw,30px)}.tr-nav-links a{font-size:14px;font-weight:700;color:#c4d5ee;text-decoration:none;padding:10px 2px;border-bottom:2px solid transparent}.tr-nav-links a:hover,.tr-nav-links a[aria-current="page"]{color:#fff;border-color:#70a5ff}.tr-nav-links .tr-nav-cta{border:1px solid #577fae;border-radius:9px;padding:10px 15px;background:#122d4f;color:#fff}.tr-nav-links .tr-nav-cta:hover{background:#1c416d;border-color:#88b7f9}
.rw-kicker{color:#91c0ff;font-size:11px;letter-spacing:.13em;font-weight:800}.rw-auth-layout{grid-template-columns:minmax(0,1.13fr) minmax(345px,.87fr);gap:clamp(32px,5vw,66px);min-height:0;padding:clamp(52px,7vh,84px) 0 72px;align-items:center}.rw-auth-hero h1{font-size:clamp(50px,5.8vw,76px);line-height:1.04;letter-spacing:-.055em;max-width:700px;margin:14px 0 25px;text-wrap:balance}.rw-lead{font-size:17px;line-height:1.62;color:#bed0e8;max-width:610px}.tr-home-hero .rw-auth-hero{min-width:0}
.tr-hero-points{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0 19px}.tr-hero-points span{font-size:12px;font-weight:700;color:#c5dcfa;border:1px solid #314b6d;background:#10233d;border-radius:999px;padding:8px 11px}.tr-text-link{display:inline-flex;gap:8px;align-items:center;color:#a6caff;text-decoration:none;font-size:14px;font-weight:700}.tr-text-link:hover{text-decoration:underline}
.rw-auth-card{background:linear-gradient(145deg,#142a47,#102038);border:1px solid #365375;border-radius:18px;padding:clamp(23px,3vw,34px);box-shadow:0 22px 62px rgba(0,7,20,.22);min-width:0}.rw-auth-card h2{font-size:26px;letter-spacing:-.035em;line-height:1.16;margin:9px 0 8px}.tr-card-lead{font-size:14px;line-height:1.55;color:#b6c9e3;margin:0 0 21px}.rw-social{gap:10px}.rw-provider{display:flex;justify-content:center;align-items:center;min-height:48px;background:#1a3352;border-color:#456184;font-size:14px}.rw-provider:hover{background:#234568}.rw-or{margin:17px 0 12px}.rw-tabs button{font-size:14px}.rw-auth-card label{font-size:13px;font-weight:700}.rw-auth-card input{font-size:15px;border-radius:8px;min-height:45px}.rw-primary,.rw-action.primary{background:#397cf3;border:1px solid #6599f9;color:#fff;box-shadow:none;font-weight:800}.rw-primary:hover,.rw-action.primary:hover{background:#4a8afb}
.tr-how{border-top:1px solid #294161;padding:45px 0 48px;scroll-margin-top:20px}.tr-section-heading h2{font-size:clamp(27px,3vw,37px);letter-spacing:-.04em;line-height:1.2;margin:10px 0}.tr-section-heading p:not(.rw-kicker){font-size:15px;line-height:1.55;color:var(--muted);margin:0}.tr-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:25px}.tr-steps article{background:#10223b;border:1px solid #2a4363;border-radius:13px;padding:21px;min-width:0}.tr-steps article>span{font-size:12px;font-weight:850;letter-spacing:.1em;color:#91c0ff}.tr-steps h3{font-size:17px;letter-spacing:-.025em;margin:16px 0 8px}.tr-steps p{font-size:13px;line-height:1.6;color:#bacce4;margin:0}
.rw-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #294161;margin-top:auto;padding:23px 0 0;font-size:12px;color:#a9bed8}
.tr-dashboard-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:44px 0 25px;border-bottom:1px solid #294161}.tr-dashboard-intro h1{font-size:clamp(35px,4vw,50px);line-height:1.07;letter-spacing:-.045em;margin:10px 0 12px}.tr-dashboard-intro .rw-lead{margin:0;font-size:15px}.tr-dashboard-intro .rw-account-actions{display:flex;gap:17px;flex-wrap:wrap;margin-top:15px}.tr-dashboard-intro .rw-account-actions .rw-text-action{font-size:13px;color:#a5caff}.tr-dashboard-intro>.rw-ghost{margin-top:8px}
.rw-code-card{padding:clamp(18px,3vw,27px);margin:25px 0 27px;border:1px solid #2e496c;border-radius:15px;background:linear-gradient(145deg,#132945,#0e2038)}.rw-code-head{align-items:flex-start;gap:15px;flex-wrap:wrap}.rw-code-head h2{font-size:25px;letter-spacing:-.032em;margin:9px 0}.rw-code-head .tr-card-lead{max-width:630px;margin-bottom:8px}.tr-install-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.tr-install-actions button{min-height:42px;font-size:13px;padding:10px 13px}.rw-code-card #rw-chaser-script{width:100%;min-height:148px;max-height:230px;resize:vertical;margin-top:15px;padding:14px 16px;background:#071524;border:1px solid #38577b;color:#d4e7ff;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre;overflow:auto;border-radius:9px}.tr-small-note{font-size:12px;color:#a6b9d1;margin:12px 0 0}
.tr-install-command-link{display:inline-flex;align-items:center;gap:7px;margin:12px 0 0;padding:2px 0;color:#cfdef1;background:transparent;border:0;border-bottom:1px solid transparent;text-decoration:underline;text-decoration-color:#7899b8;text-underline-offset:3px;font:500 12px/1.5 inherit;cursor:pointer}
.tr-install-command-link:hover{color:#fff;text-decoration-color:#cfdef1}
.tr-install-command-link:focus-visible,.tr-install-command-actions button:focus-visible,.tr-install-command-architecture select:focus-visible,#tr-install-command-code:focus-visible{outline:2px solid #e4cfaf;outline-offset:3px}
.tr-install-command-panel{margin-top:12px;padding:15px;background:#091b30;border:1px solid #375372;border-radius:10px}
.tr-install-command-panel[hidden]{display:none}
.tr-install-command-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.tr-install-command-head strong{font-size:13px;color:#e0e9f8}
.tr-install-command-head .tr-small-note{margin:5px 0 0}
.tr-install-command-architecture{display:flex;align-items:center;gap:8px;font-size:11px;color:#b5cbe4}
.tr-install-command-architecture select{border:1px solid #456284;background:#0a223c;color:#e5ebf4;border-radius:6px;padding:5px 22px 5px 8px;font:inherit}
#tr-install-command-code{box-sizing:border-box;display:block;width:100%;min-height:145px;max-height:290px;resize:vertical;overflow:auto;margin:13px 0 10px;padding:12px 13px;white-space:pre;word-break:normal;border:1px solid #375675;border-radius:8px;background:#061423;color:#e4ebf2;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}
.tr-install-command-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.tr-install-command-actions button{font-size:12px;padding:7px 10px}
.tr-install-command-actions button:disabled{opacity:.48;cursor:not-allowed}
.tr-install-command-actions .tr-small-note{margin:0;font-size:11px;flex:1 1 200px}
.tr-install-command-warning{margin:12px 0 0;font-size:11px;line-height:1.55;color:#a4b9d2}

.tr-device-section{padding:14px 0 35px;scroll-margin-top:20px}.tr-device-section .tr-section-heading{margin-bottom:18px}.rw-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:15px}.rw-device.tr-device{min-height:0;padding:20px;background:#10233d;border:1px solid #2d486b;border-radius:13px;gap:10px}.tr-device .rw-device-top{font-size:12px;text-transform:capitalize;color:#c6d9f0}.tr-device .rw-name-row strong{font-size:18px;line-height:1.3;overflow-wrap:anywhere}.tr-device .rw-meta{font-size:12px;color:#b4c7df;margin:0}.tr-device-details{margin-top:9px;padding-top:10px;border-top:1px solid #2c4565;font-size:12px;color:#a7c6ef}.tr-device-details summary{cursor:pointer;font-weight:700}.tr-device-details code{display:block;overflow-wrap:anywhere;margin-top:8px;font-size:11px;color:#b4d1fa}.rw-empty{grid-column:1/-1;background:#10233d;border:1px dashed #365578;border-radius:13px;padding:24px}.rw-empty h2{font-size:18px;margin:0 0 7px}.rw-empty p{font-size:14px;line-height:1.55;color:var(--muted);margin:0}.tr-back{padding:0 0 22px}.tr-back a{font-size:13px;color:#a9caff}.tr-verify{min-height:56vh;display:grid;align-items:center}.tr-recovery .rw-auth-hero h1{font-size:clamp(44px,5vw,67px)}
/* The prelaunch RemoteWake controller and OS installers remain in the backend, not public navigation. */
#rw-controller-tools,#rw-remote-workspace,#rw-auto-setup{display:none!important}
:focus-visible{outline:2px solid #a6ceff;outline-offset:3px}
@media(max-width:850px){.rw-auth-layout{grid-template-columns:minmax(0,1fr);gap:28px;padding:48px 0}.rw-auth-card{max-width:560px}.tr-steps{grid-template-columns:1fr}.rw-auth-hero h1{font-size:clamp(44px,8vw,66px)}}
@media(max-width:520px){.rw-shell{padding-inline:17px;padding-bottom:28px}.rw-nav{min-height:69px;gap:8px}.rw-brand .rw-logo{width:175px;max-height:49px}.tr-nav-links{gap:10px}.tr-nav-links a{font-size:12px}.tr-nav-links .tr-nav-cta{padding:8px 10px}.rw-auth-layout{padding:35px 0 42px}.rw-auth-hero h1{font-size:clamp(40px,10vw,49px)}.rw-lead{font-size:15px}.rw-auth-card{padding:22px 18px}.tr-hero-points{gap:7px}.tr-hero-points span{font-size:11px;padding:7px 9px}.tr-how{padding:33px 0}.tr-steps{margin-top:18px}.tr-dashboard-intro{padding:28px 0 20px;flex-wrap:wrap}.tr-dashboard-intro h1{font-size:38px}.tr-dashboard-intro>.rw-ghost{margin-top:0}.rw-code-head{display:block}.tr-install-actions{margin-top:14px}.tr-install-actions button{flex:1}.rw-footer{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rw-primary,.rw-provider,.rw-tabs button{transition:none}}

/* Task Runner 238: distinct page purposes, full marketing sections, accessible footer. */
.tr-home-logo{position:relative;z-index:2;display:inline-flex;align-items:center;cursor:pointer;pointer-events:auto;flex:none;min-width:0}
.tr-home-logo .rw-logo{pointer-events:none}
.tr-home-logo:hover{opacity:.88}
.tr-section{padding:42px 0 58px;border-top:1px solid #294161;scroll-margin-top:25px}
.tr-usecase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.tr-usecase-grid article{padding:24px;border:1px solid #304969;border-radius:13px;background:#10223b}
.tr-usecase-grid h3{font-size:18px;letter-spacing:-.035em;margin:0 0 10px}
.tr-usecase-grid p{font-size:14px;line-height:1.65;color:#b6c8e0;margin:0}
.tr-faq details{border-bottom:1px solid #304764;padding:0 4px}
.tr-faq details:first-of-type{margin-top:25px;border-top:1px solid #304764}
.tr-faq summary{font-weight:700;font-size:16px;cursor:pointer;list-style-position:outside;padding:18px 5px}
.tr-faq details p{font-size:14px;color:#b8cce3;line-height:1.7;max-width:790px;margin:0 10px 22px}
.tr-final-cta{border:1px solid #365d90;background:linear-gradient(125deg,#132c4d,#142c4a);border-radius:16px;padding:clamp(24px,4vw,38px);display:flex;align-items:center;justify-content:space-between;gap:28px;margin:25px 0 55px}
.tr-final-cta h2{font-size:clamp(24px,3.1vw,34px);letter-spacing:-.04em;line-height:1.15;margin:11px 0}
.tr-final-cta p:not(.rw-kicker){font-size:14px;color:#bbd0e9;line-height:1.65;margin:0}
.tr-button-link{min-height:44px;padding:13px 19px;border-radius:9px;text-align:center;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.tr-signed-card{padding:32px}.tr-signed-card h2{font-size:28px;margin:8px 0 10px}.tr-signed-card p:not(.rw-kicker){color:#bacce4;line-height:1.6}.tr-signed-card .tr-button-link{display:flex;margin:24px 0 12px}
.tr-footer{display:block;margin-top:auto;padding:32px 0 22px}
.tr-footer-top{display:grid;grid-template-columns:minmax(230px,1.6fr) repeat(3,minmax(120px,1fr));gap:clamp(22px,4vw,56px);align-items:start}
.tr-footer-top>div{display:flex;flex-direction:column;gap:12px}
.tr-footer-top strong{color:#eef5ff;font-size:13px;letter-spacing:.01em;margin-bottom:6px}
.tr-footer-top a{color:#afc6e5;text-decoration:none;font-size:13px;line-height:1.3;display:block}
.tr-footer-top a:hover{text-decoration:underline;color:#fff}
.tr-footer-brand img{width:110px;height:auto;max-height:74px;object-fit:contain;object-position:left center}
.tr-footer-brand p{font-size:13px;color:#aac0db;line-height:1.7;max-width:310px;margin:0}
.tr-footer-bottom{margin-top:32px;padding-top:16px;border-top:1px solid #294161;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px;color:#9fb5d0}
.tr-page-intro{padding:46px 0 28px;max-width:890px;border-bottom:1px solid #294161;margin-bottom:26px}
.tr-page-intro h1{font-size:clamp(34px,4.5vw,53px);line-height:1.08;letter-spacing:-.05em;margin:9px 0 15px;text-wrap:balance}
.tr-page-intro .rw-lead{font-size:16px;line-height:1.64;max-width:770px}
.tr-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-bottom:26px}
.tr-route-card{display:flex;flex-direction:column;padding:23px;border:1px solid #335174;border-radius:13px;background:#112844;text-decoration:none;min-height:185px;transition:background .15s,border-color .15s}
.tr-route-card:hover{background:#193556;border-color:#6c9be1}
.tr-route-card span{font-size:11px;letter-spacing:.12em;font-weight:800;color:#91c0ff}
.tr-route-card h2{font-size:23px;margin:13px 0 7px;color:#fff;letter-spacing:-.035em}
.tr-route-card p{font-size:14px;color:#b6cbe6;line-height:1.55;margin:0 0 16px}
.tr-route-card strong{margin-top:auto;color:#9bc3ff;font-size:13px}
.tr-account-strip{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;background:#10233d;border:1px solid #304967;border-radius:11px;padding:18px;margin-bottom:38px;color:#b8cbe4;font-size:14px}
.tr-connect-card{margin-top:0}.tr-instruction{display:flex;align-items:flex-start;gap:14px;padding:12px 0}
.tr-instruction span{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#23466e;border:1px solid #547ca8;flex:0 0 29px;color:#d7eaff;font-size:13px;font-weight:800}
.tr-instruction p{font-size:14px;line-height:1.7;color:#b9cee8;margin:0}
.tr-instruction a{color:#a1c8ff}.tr-connect-card .rw-code-head{border-top:1px solid #33516f;padding-top:20px;margin-top:12px}
.tr-device-section{padding-top:0}
.tr-usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 19px}
.tr-usage-card{background:#122a48;border:1px solid #304d74;border-radius:13px;padding:25px;display:flex;flex-direction:column;gap:8px}
.tr-usage-card strong{font-size:clamp(34px,4vw,47px);line-height:1;color:#f6faff;font-variant-numeric:tabular-nums}
.tr-usage-card span{font-size:13px;font-weight:700;color:#adc9e9}
.tr-sessions-page{max-width:890px;padding-bottom:35px}.tr-sessions-page>.rw-primary{min-height:44px;padding:10px 19px}.tr-sessions-page .rw-session-panel{margin-top:20px}
.tr-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:27px}
.tr-settings-grid article{padding:23px;border:1px solid #304e74;border-radius:13px;background:#122943;min-width:0}
.tr-settings-grid h2{font-size:21px;margin:9px 0 15px;letter-spacing:-.035em}
.tr-settings-grid p:not(.rw-kicker){font-size:14px;color:#b6cce6;line-height:1.6}
.tr-settings-grid .tr-setting-label{font-size:11px!important;margin:13px 0 3px!important;text-transform:uppercase;letter-spacing:.08em;color:#99b9df!important}
.tr-settings-grid strong{overflow-wrap:anywhere;font-size:13px}
.tr-inline-cta{font-weight:750;font-size:13px;color:#9fc9ff;text-decoration:none}.tr-inline-cta:hover{text-decoration:underline}
.tr-legal{max-width:865px;padding:47px 0 55px;margin:0 auto;width:100%}
.tr-legal h1{font-size:clamp(40px,5vw,59px);letter-spacing:-.05em;line-height:1.09;margin:12px 0 18px}
.tr-legal .rw-lead{font-size:16px;line-height:1.6}
.tr-legal-date{font-size:12px;color:#a8bfdc;margin-top:15px}
.tr-legal-body{border-top:1px solid #385474;margin-top:27px;padding-top:10px}
.tr-legal-body h2{font-size:20px;letter-spacing:-.025em;margin:26px 0 10px}
.tr-legal-body p{font-size:15px;line-height:1.75;color:#bbcee5;margin:0 0 10px}
.tr-legal-body a{color:#9dc7ff}
.tr-cookie-setting{display:flex;justify-content:space-between;gap:16px;border:1px solid #355478;border-radius:11px;padding:18px;margin-bottom:24px;background:#112943}
.tr-cookie-setting p{font-size:13px;margin-top:9px}
.tr-cookie-setting>span{flex:0 0 auto;align-self:start;background:#1c5745;color:#b7f4d8;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}
@media(max-width:980px){.tr-footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}.tr-usecase-grid,.tr-settings-grid{grid-template-columns:1fr}.tr-usecase-grid{gap:12px}}
@media(max-width:850px){.rw-nav{align-items:flex-start;flex-direction:column;justify-content:flex-start;gap:8px;padding:14px 0}.tr-nav-links{width:100%;max-width:100%;overflow-x:auto;padding:0 0 5px;white-space:nowrap;gap:19px;scrollbar-width:thin}.tr-nav-links a{font-size:13px;flex:none}.rw-brand .rw-logo{max-width:235px}.tr-final-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.tr-footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 18px}.tr-footer-brand{grid-column:1/-1}.tr-route-grid{grid-template-columns:1fr}.tr-usage-grid{grid-template-columns:1fr}.tr-final-cta{margin-bottom:34px}.tr-section{padding:30px 0 40px}.tr-page-intro{padding:28px 0 22px}.tr-usecase-grid{gap:10px}.tr-legal{padding:32px 0 40px}.tr-cookie-setting{flex-direction:column}.tr-footer-bottom{display:block}.tr-footer-bottom>span{display:block;margin:5px 0}.tr-home-logo .rw-logo{width:225px;max-width:100%}}
@media(prefers-reduced-motion:reduce){.tr-route-card{transition:none}}

/* One Task Runner machine card may contain multiple external MCP provider identities. */
.tr-rename-machine{align-self:flex-start;margin-top:10px;text-align:left;min-height:36px}
.tr-status-caveat{color:#ffd69c!important}
.tr-device .rw-dot.unknown{background:#98adc5;box-shadow:0 0 0 3px rgba(152,173,197,.13)}
.tr-device-details code{margin-bottom:6px}
.tr-device-details p{font-size:12px;color:#adc3df;line-height:1.5}

/* UX240 — friendly name editing directly on the device card. */
.tr-device-title-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px 13px;margin:5px 0 3px}
.tr-device-display-name{min-width:0;overflow-wrap:anywhere;font-size:19px;line-height:1.3;letter-spacing:-.025em;color:#f5faff}
.tr-rename-trigger{display:inline-flex;align-items:center;gap:6px;flex:none;background:transparent;border:1px solid #446488;border-radius:8px;color:#a5ccff;cursor:pointer;font-size:12px;font-weight:750;padding:8px 10px;line-height:1.2}
.tr-rename-trigger:hover{color:#fff;background:#21466e;border-color:#7298cf}
.tr-rename-trigger span{font-size:18px;line-height:10px;font-weight:500}
.tr-device-rename-form{margin:9px 0 10px;padding:17px;border:1px solid #496c96;background:#0a1c31;border-radius:11px;display:flex;flex-direction:column;gap:11px}
.tr-device-rename-form[hidden],.tr-rename-trigger[hidden]{display:none!important}
.tr-device-rename-form label{display:flex;flex-direction:column;gap:8px;color:#e0edff;font-size:13px;font-weight:750}
.tr-device-rename-form .tr-rename-input{display:block;width:100%;min-height:46px;min-width:0;border:1px solid #7095c8;border-radius:8px;padding:11px 12px;font-size:16px;background:#f5f9ff;color:#14263d;box-sizing:border-box;outline:none}
.tr-device-rename-form .tr-rename-input:focus-visible{border-color:#b5d5ff;box-shadow:0 0 0 3px rgba(114,166,246,.38)}
.tr-device-rename-form .tr-rename-input[aria-invalid="true"]{border-color:#fc8079;box-shadow:0 0 0 2px rgba(252,128,121,.25)}
.tr-rename-hint{font-size:12px;line-height:1.55;color:#abc4e0;margin:0}
.tr-rename-actions{display:flex;gap:9px;flex-wrap:wrap}
.tr-rename-actions button{min-width:100px;min-height:40px;font-size:13px;font-weight:750;border-radius:8px;padding:9px 13px}
.tr-rename-actions button:disabled{opacity:.7;cursor:progress}
.tr-rename-error{font-size:12px;line-height:1.5;color:#ffaaa4;margin:0}
.tr-rename-feedback{font-size:12px;color:#7fe8b9;margin:0}
.tr-rename-error:empty,.tr-rename-feedback:empty{display:none}
@media(max-width:520px){.tr-device-title-row{align-items:flex-start}.tr-device-display-name{font-size:18px}.tr-rename-actions button{flex:1}}

/* Conversion-focused public site, 2026-10-05 */
.tr-conversion-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:64px;align-items:center;padding:92px 0 76px}
.tr-hero-copy h1{max-width:760px;font-size:clamp(3.4rem,7vw,6.5rem);line-height:.92;letter-spacing:-.065em;margin:14px 0 26px}
.tr-hero-copy .rw-lead{max-width:720px;font-size:clamp(1.12rem,2vw,1.42rem);line-height:1.55}
.tr-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:34px 0 24px}.tr-secondary-link{font-weight:750;text-decoration:none}.tr-trust-row{display:flex;gap:10px;flex-wrap:wrap}.tr-trust-row span{border:1px solid rgba(7,22,44,.12);border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:700}
.tr-workflow-card{background:#07162c;color:#fff;border-radius:28px;padding:28px;box-shadow:0 28px 80px rgba(7,22,44,.18)}.tr-flow-label{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;opacity:.64;font-weight:800}.tr-chat-bubble{margin:20px 0;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);padding:18px;border-radius:18px;line-height:1.5}.tr-flow-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:.82rem;font-weight:800;opacity:.78;margin:18px 0}.tr-device-demo,.tr-result-demo{display:flex;justify-content:space-between;gap:18px;align-items:center;background:#fff;color:#07162c;border-radius:16px;padding:16px 18px;margin-top:12px}.tr-device-demo div,.tr-result-demo{min-width:0}.tr-device-demo small,.tr-result-demo span{display:block;color:#617087;font-size:.78rem;margin-top:4px}.tr-status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#20a66a;margin-right:9px}.tr-status-pill{font-size:.75rem;font-weight:800;color:#16724d;background:#e9f8f0;padding:7px 10px;border-radius:999px}
.tr-benefits,.tr-product-proof,.tr-security,.tr-pricing{scroll-margin-top:90px}.tr-dashboard-demo{max-width:860px;margin:32px auto 0;border:1px solid rgba(7,22,44,.12);border-radius:22px;background:#fff;box-shadow:0 18px 55px rgba(7,22,44,.08);overflow:hidden}.tr-demo-top,.tr-demo-device{display:flex;align-items:center;gap:14px;padding:18px 22px;border-bottom:1px solid rgba(7,22,44,.08)}.tr-demo-top{justify-content:space-between;background:#f7f9fc}.tr-demo-top span{font-size:.78rem;font-weight:800;color:#16724d}.tr-demo-device div{flex:1}.tr-demo-device small{display:block;color:#718096;margin-top:3px}.tr-demo-device>span:last-child{font-size:.78rem;font-weight:800}.tr-demo-device.is-offline .tr-status-dot{background:#9aa5b5}.tr-demo-device.is-offline{opacity:.68}
.tr-security{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start;background:#07162c;color:#fff;border-radius:30px;padding:56px}.tr-security .rw-kicker{color:#91b9ff}.tr-security-copy h2{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.045em;margin:10px 0 18px}.tr-security-copy p{color:#cbd5e3;line-height:1.7}.tr-security .tr-inline-cta{color:#fff}.tr-security-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tr-security-grid article{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px}.tr-security-grid strong,.tr-security-grid span{display:block}.tr-security-grid span{font-size:.86rem;line-height:1.5;color:#cbd5e3;margin-top:7px}
.tr-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:940px;margin:32px auto 0}.tr-plan-card{border:1px solid rgba(7,22,44,.12);border-radius:22px;padding:30px;background:#fff}.tr-plan-card.is-primary{border:2px solid #174ea6;box-shadow:0 16px 44px rgba(23,78,166,.1)}.tr-plan-card h3{font-size:2rem;margin:8px 0 12px}.tr-plan-card ul{padding-left:20px;line-height:1.9;margin:22px 0}.tr-coming{display:inline-block;border-radius:999px;background:#eef2f7;padding:8px 11px;font-size:.78rem;font-weight:800}
.tr-signup-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:start;margin:70px 0;padding:46px;border-radius:28px;background:#f4f7fb}.tr-signup-panel>div:first-child h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.04em;margin:10px 0 16px}.tr-embedded-auth{margin:0;max-width:none}
@media(max-width:900px){.tr-conversion-hero{grid-template-columns:1fr;gap:36px;padding-top:58px}.tr-security{grid-template-columns:1fr;padding:36px 24px}.tr-plan-grid,.tr-signup-panel{grid-template-columns:1fr}.tr-nav-links a:not(.tr-nav-cta){display:none}}
@media(max-width:600px){.tr-hero-copy h1{font-size:clamp(3rem,15vw,4.6rem)}.tr-conversion-hero{padding-top:42px}.tr-workflow-card{padding:20px;border-radius:20px}.tr-security-grid{grid-template-columns:1fr}.tr-plan-card{padding:24px}.tr-signup-panel{padding:26px 18px;margin:48px 0}.tr-trust-row span{font-size:.74rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}


/* UX241 — restore contrast on conversion plan cards and normalize footer identity. */
.tr-plan-card{background:#102943;color:#eef5ff;border-color:#304e74}
.tr-plan-card.is-primary{border-color:#5b91dc;box-shadow:0 16px 44px rgba(0,0,0,.18)}
.tr-plan-card h3{color:#fff}
.tr-plan-card>p:not(.rw-kicker),.tr-plan-card li{color:#bfd0e6}
.tr-plan-card .rw-kicker{color:#91c0ff}
.tr-plan-card .tr-coming{background:#1b3858;color:#d9e8fb}
.tr-footer-brand img{width:56px;height:56px;max-height:56px;object-fit:contain;object-position:left center}
@media(max-width:600px){.tr-footer-brand img{width:52px;height:52px;max-height:52px}}

/* UX242 — single public Basic plan and explicit readable contrast. */
.tr-pricing .tr-plan-grid{grid-template-columns:minmax(0,620px);justify-content:center}
.tr-pricing .tr-plan-card,.tr-pricing .tr-plan-card *{text-shadow:none}
.tr-pricing .tr-plan-card{background:#102943!important;color:#eef5ff!important}
.tr-pricing .tr-plan-card h3{color:#fff!important}
.tr-pricing .tr-plan-card p:not(.rw-kicker),.tr-pricing .tr-plan-card li{color:#c7d8ec!important}
.tr-pricing .tr-plan-card .rw-kicker{color:#9ac6ff!important}
.tr-footer-brand img{width:52px!important;height:52px!important;max-width:52px!important;max-height:52px!important}

/* UX243 — explicit foregrounds for light conversion surfaces. */
.tr-dashboard-demo{color:#07162c}
.tr-dashboard-demo strong,.tr-dashboard-demo .tr-demo-device>span:last-child{color:#07162c}
.tr-signup-panel{color:#07162c}
.tr-signup-panel>div:first-child h2{color:#07162c}
.tr-signup-panel>div:first-child p:not(.rw-kicker){color:#44546a}
.tr-signup-panel>div:first-child .rw-kicker{color:#245fae}


/* UX244 — mobile card contrast, FAQ breathing room, and How-it-works AI task animation. */
.tr-signup-panel.tr-signed-card{display:block;background:#102943!important;color:#eef5ff!important;border:1px solid #365375!important;border-radius:22px;box-shadow:0 18px 55px rgba(0,0,0,.18)}
.tr-signup-panel.tr-signed-card h2{color:#fff!important}
.tr-signup-panel.tr-signed-card p:not(.rw-kicker){color:#bfd0e6!important}
.tr-signup-panel.tr-signed-card .rw-kicker{color:#91c0ff!important}
.tr-faq{padding-inline:clamp(16px,3vw,34px);margin-inline:clamp(0px,1.5vw,18px)}
.tr-faq .tr-section-heading,.tr-faq details{max-width:1040px;margin-inline:auto}
.tr-how-section .tr-section-heading{max-width:820px}
.tr-ai-animation{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(80px,.45fr) minmax(0,1fr) minmax(80px,.45fr) minmax(0,1fr);align-items:center;gap:12px;margin:32px 0 16px;padding:28px;border:1px solid #304e74;border-radius:22px;background:linear-gradient(145deg,#102943,#0b1d34);overflow:hidden}
.tr-ai-node{position:relative;z-index:2;min-width:0;min-height:142px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px 12px;border:1px solid #3b5879;border-radius:16px;background:#11253f}
.tr-ai-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#1d3c61;border:1px solid #5f7fa4;color:#eef6ff;font-size:12px;font-weight:900;letter-spacing:.06em}
.tr-ai-node strong{margin-top:11px;font-size:15px}.tr-ai-node small{margin-top:5px;color:#aebfd5;font-size:11px;line-height:1.35}
.tr-ai-online{font-style:normal;margin-top:9px;padding:4px 8px;border-radius:999px;background:#174d3d;color:#aaf0d2;font-size:10px;font-weight:800}
.tr-ai-route{height:3px;position:relative;background:#36587f;border-radius:999px;overflow:visible}
.tr-ai-route:after{content:"";position:absolute;right:-2px;top:-4px;width:9px;height:9px;border-top:2px solid #88b7f9;border-right:2px solid #88b7f9;transform:rotate(45deg)}
.tr-ai-packet{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);padding:5px 8px;border-radius:999px;background:#eaf3ff;color:#15365b;font-size:9px;font-weight:900;box-shadow:0 4px 14px rgba(0,0,0,.25);animation:tr-ai-send 3.2s ease-in-out infinite}
.tr-ai-packet-delay{animation-delay:1.1s}
.tr-ai-return{position:absolute;z-index:1;left:12%;right:12%;bottom:8px;height:18px;border:1px dashed #55779e;border-top:0;border-radius:0 0 18px 18px;text-align:center}
.tr-ai-return span{position:relative;top:8px;padding:0 8px;background:#0d2139;color:#91afd2;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.tr-ai-examples{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 0 26px}.tr-ai-examples span{padding:7px 10px;border:1px solid #304e74;border-radius:999px;color:#bcd0e8;font-size:11px;font-weight:700}
@keyframes tr-ai-send{0%{left:0;opacity:0}12%{opacity:1}75%{opacity:1}100%{left:100%;opacity:0}}
@media(max-width:760px){.tr-ai-animation{grid-template-columns:1fr;gap:12px;padding:20px 18px 32px}.tr-ai-node{min-height:112px}.tr-ai-route{width:3px;height:46px;margin:auto;background:#36587f}.tr-ai-route:after{right:-4px;top:auto;bottom:-1px;transform:rotate(135deg)}.tr-ai-packet{top:0;left:50%;animation-name:tr-ai-send-mobile}.tr-ai-return{display:none}@keyframes tr-ai-send-mobile{0%{top:0;opacity:0}12%{opacity:1}75%{opacity:1}100%{top:100%;opacity:0}}}
@media(max-width:600px){.tr-faq{padding-inline:12px;margin-inline:0}.tr-faq summary{padding-left:9px;padding-right:9px}.tr-faq details p{margin-left:9px;margin-right:9px}.tr-signup-panel.tr-signed-card{padding:26px 22px}}
@media(prefers-reduced-motion:reduce){.tr-ai-packet{animation:none!important;left:50%;opacity:1}.tr-ai-route .tr-ai-packet-delay{left:50%}}


/* UX245 — wider FAQ spacing and premium multi-computer/cloud workflow visualization. */
.tr-faq{padding-inline:clamp(28px,5vw,72px)!important;margin-inline:clamp(0px,2vw,28px)!important}
.tr-faq .tr-section-heading,.tr-faq details{max-width:980px!important;margin-inline:auto!important}
.tr-faq summary{padding-left:14px!important;padding-right:14px!important}
.tr-faq details p{margin-left:14px!important;margin-right:14px!important}

.tr-ai-stage{position:relative;margin:36px 0 18px;padding:30px;border:1px solid #35557b;border-radius:26px;background:
 radial-gradient(circle at 50% 0%,rgba(74,138,251,.18),transparent 34%),
 linear-gradient(155deg,#0a1a2f,#102945 58%,#0b1f37);overflow:hidden}
.tr-ai-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:
 linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
 linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 78%)}
.tr-ai-cloud,.tr-ai-hub{position:relative;z-index:2;display:flex;align-items:center;gap:16px;margin-inline:auto;border:1px solid #4a6e98;background:rgba(14,37,63,.94);box-shadow:0 18px 55px rgba(0,0,0,.18)}
.tr-ai-cloud{max-width:760px;border-radius:20px;padding:20px 22px}
.tr-ai-cloud-mark,.tr-ai-icon{width:52px;height:52px;display:grid;place-items:center;flex:none;border-radius:15px;background:linear-gradient(145deg,#244c79,#183758);border:1px solid #6f94bd;color:#f5f9ff;font-size:12px;font-weight:900;letter-spacing:.06em}
.tr-ai-cloud>div:nth-child(2){min-width:0;flex:1}.tr-ai-cloud strong,.tr-ai-hub strong{display:block;color:#fff;font-size:16px}.tr-ai-cloud small,.tr-ai-hub small{display:block;color:#aebfd5;font-size:11px;line-height:1.4;margin-top:3px}
.tr-cloud-work{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.tr-cloud-work span{padding:6px 9px;border-radius:999px;background:#173a5f;border:1px solid #3e648e;color:#cfe4fb;font-size:10px;font-weight:800}
.tr-ai-hub{max-width:560px;border-radius:18px;padding:17px 20px;margin-top:64px}
.tr-ai-hub .tr-ai-icon{width:46px;height:46px;border-radius:13px}.tr-ai-hub i{margin-left:auto;font-style:normal;padding:6px 9px;border-radius:999px;background:#174d3d;color:#aaf0d2;font-size:10px;font-weight:850}
.tr-ai-bus-top{position:absolute;z-index:1;top:94px;left:50%;width:3px;height:70px;transform:translateX(-50%);background:linear-gradient(#6f9ddb,#36587f);border-radius:999px}
.tr-ai-bus-top:after{content:"";position:absolute;left:-4px;bottom:0;width:9px;height:9px;border-right:2px solid #91bdf0;border-bottom:2px solid #91bdf0;transform:rotate(45deg)}
.tr-ai-pulse{position:absolute;left:50%;transform:translate(-50%,-50%);padding:5px 8px;border-radius:999px;background:#eff6ff;color:#15365b;font-size:9px;font-weight:900;box-shadow:0 5px 16px rgba(0,0,0,.28);animation:tr-bus-down 3.5s ease-in-out infinite}
.tr-ai-pulse.p2{animation-delay:1.6s}
.tr-machine-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:76px}
.tr-machine{min-width:0;padding:17px;border:1px solid #35567c;border-radius:16px;background:linear-gradient(145deg,#122944,#0e223a)}
.tr-machine-head{display:flex;align-items:center;min-width:0}.tr-machine-head strong{font-size:12px;letter-spacing:.015em;overflow-wrap:anywhere}.tr-machine>small{display:block;margin-top:7px;color:#a9bed7;font-size:10px}.tr-machine-job{margin-top:14px;padding:9px 10px;border-radius:10px;background:#0a1b2f;border:1px solid #294969;color:#cde0f6;font-size:11px;font-weight:750;position:relative;overflow:hidden}
.tr-machine-job:after{content:"";position:absolute;left:-45%;top:0;width:36%;height:100%;background:linear-gradient(90deg,transparent,rgba(122,174,240,.25),transparent);animation:tr-job-scan 3.8s ease-in-out infinite}.m2 .tr-machine-job:after{animation-delay:.9s}.m3 .tr-machine-job:after{animation-delay:1.7s}
.tr-machine-routes{position:absolute;z-index:1;top:219px;left:12%;right:12%;height:84px}
.tr-route-line{position:absolute;top:0;width:2px;height:82px;background:linear-gradient(#3f638b,#6f9ddb);border-radius:999px}.tr-route-line.r1{left:15%}.tr-route-line.r2{left:50%}.tr-route-line.r3{left:85%}.tr-route-line b{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);font-size:8px;color:#0e2a49;background:#dcecff;padding:4px 6px;border-radius:999px;animation:tr-route-drop 3.2s ease-in-out infinite}.r2 b{animation-delay:.8s}.r3 b{animation-delay:1.6s}
.tr-result-stream{position:relative;z-index:2;margin:22px auto 0;max-width:860px;min-height:72px;padding:16px;border:1px dashed #4a6c93;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;background:rgba(7,22,44,.56)}
.tr-result-stream strong{width:100%;text-align:center;color:#dcecff;font-size:11px;letter-spacing:.04em;text-transform:uppercase}
.tr-result-chip{padding:7px 9px;border-radius:999px;background:#18395d;border:1px solid #4a7099;color:#cfe6ff;font-size:10px;font-weight:800;animation:tr-result-pop 4.2s ease-in-out infinite}.c2{animation-delay:.9s}.c3{animation-delay:1.8s}
.tr-deploy-band{position:relative;z-index:2;margin-top:22px;border:1px solid #3f628b;border-radius:18px;padding:18px;background:linear-gradient(120deg,#10253f,#132d4b);display:grid;grid-template-columns:minmax(210px,.8fr) minmax(0,1.2fr);gap:18px;align-items:center;overflow:hidden}
.tr-deploy-copy strong,.tr-deploy-copy small{display:block}.tr-deploy-copy strong{margin-top:6px;font-size:14px;line-height:1.35}.tr-deploy-copy small{margin-top:7px;color:#aebfd4;font-size:10px;line-height:1.45}
.tr-destinations{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.tr-destinations>span{min-width:0;padding:11px;border:1px solid #3a5c82;border-radius:12px;background:#0c2139}.tr-destinations b,.tr-destinations small{display:block}.tr-destinations b{font-size:11px;color:#f1f7ff}.tr-destinations small{margin-top:4px;color:#9fb3cb;font-size:9px}
.tr-deploy-packet{position:absolute;right:34%;bottom:6px;padding:4px 7px;border-radius:999px;background:#e6f1ff;color:#15365b;font-size:8px;font-weight:900;animation:tr-deploy-move 4.5s ease-in-out infinite}

@keyframes tr-bus-down{0%{top:0;opacity:0}14%{opacity:1}78%{opacity:1}100%{top:100%;opacity:0}}
@keyframes tr-route-drop{0%{top:0;opacity:0}14%{opacity:1}78%{opacity:1}100%{top:100%;opacity:0}}
@keyframes tr-job-scan{0%{left:-45%;opacity:0}18%{opacity:1}70%{opacity:1}100%{left:120%;opacity:0}}
@keyframes tr-result-pop{0%,14%,100%{opacity:.42;transform:translateY(2px)}35%,78%{opacity:1;transform:translateY(0)}}
@keyframes tr-deploy-move{0%{right:50%;opacity:0}14%{opacity:1}78%{opacity:1}100%{right:4%;opacity:0}}

@media(max-width:900px){
 .tr-machine-grid{grid-template-columns:1fr;gap:10px;margin-top:58px}
 .tr-machine-routes{display:none}
 .tr-ai-hub{margin-top:54px}
 .tr-deploy-band{grid-template-columns:1fr}
 .tr-destinations{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tr-deploy-packet{display:none}
}
@media(max-width:600px){
 .tr-faq{padding-inline:20px!important;margin-inline:0!important}
 .tr-faq summary{padding-left:10px!important;padding-right:10px!important}
 .tr-faq details p{margin-left:10px!important;margin-right:10px!important}
 .tr-ai-stage{padding:20px 16px;border-radius:20px}
 .tr-ai-cloud{align-items:flex-start;flex-wrap:wrap}.tr-cloud-work{justify-content:flex-start}
 .tr-ai-hub{align-items:flex-start;flex-wrap:wrap}.tr-ai-hub i{margin-left:62px}
 .tr-destinations{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){
 .tr-ai-pulse,.tr-route-line b,.tr-machine-job:after,.tr-result-chip,.tr-deploy-packet{animation:none!important}
 .tr-ai-pulse{top:55%;opacity:1}.tr-route-line b{top:55%;opacity:1}.tr-machine-job:after{display:none}.tr-result-chip{opacity:1;transform:none}
}

/* UX247 — device doughnut and bidirectional Task Runner traffic charts. */
.tr-usage-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.tr-device-doughnut-card{grid-column:1/-1;display:flex!important;align-items:center;justify-content:center;gap:38px;min-height:210px}
.tr-doughnut{--pct:calc(var(--online)/var(--total)*100%);width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#43d69e 0 var(--pct),#49617d var(--pct) 100%);position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.tr-doughnut:after{content:"";position:absolute;width:104px;height:104px;border-radius:50%;background:#102945;box-shadow:0 0 0 1px #345274}
.tr-doughnut>div{position:relative;z-index:1;text-align:center}.tr-doughnut strong{display:block!important;font-size:34px!important}.tr-doughnut span{color:#a9bdd4;font-size:11px;font-weight:700}
.tr-doughnut-legend{display:grid;gap:12px}.tr-doughnut-legend span{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800}.tr-doughnut-legend i,.tr-traffic-totals i{width:9px;height:9px;border-radius:50%;display:inline-block}.is-online{background:#43d69e}.is-offline{background:#49617d}
.tr-traffic-card{min-height:260px;display:flex!important;flex-direction:column;padding:20px!important}.tr-traffic-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.tr-traffic-head strong{font-size:15px!important}.tr-traffic-head>div>span{display:block;margin-top:3px;color:#9fb4cd;font-size:10px}
.tr-traffic-totals{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.tr-traffic-totals span{display:flex!important;align-items:center;gap:5px;font-size:9px!important;color:#b8cae0!important}.tr-traffic-totals i.in{background:#55b7ff}.tr-traffic-totals i.out{background:#c58cff}
.tr-line-chart{margin-top:auto;padding-top:16px;min-height:170px}.tr-line-chart svg{display:block;width:100%;height:145px;overflow:visible;background:linear-gradient(to bottom,rgba(255,255,255,.025) 1px,transparent 1px);background-size:100% 36px;border-bottom:1px solid #36516f}
.tr-traffic-line{stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px rgba(255,255,255,.12))}.tr-traffic-line.inbound{stroke:#55b7ff}.tr-traffic-line.outbound{stroke:#c58cff}
.tr-chart-axis{display:flex;justify-content:space-between;margin-top:6px;color:#7890ac;font-size:9px}.tr-traffic-note{grid-column:1/-1;color:#9eb2ca;font-size:11px;margin:0}
@media(max-width:900px){.tr-usage-grid{grid-template-columns:1fr}.tr-device-doughnut-card,.tr-traffic-note{grid-column:auto}.tr-traffic-card{min-height:245px}}
@media(max-width:600px){.tr-device-doughnut-card{gap:24px;min-height:190px}.tr-doughnut{width:128px;height:128px}.tr-doughnut:after{width:88px;height:88px}.tr-traffic-head{display:block}.tr-traffic-totals{justify-content:flex-start;margin-top:10px}}

/* UX249 — stacked traffic areas and hover/touch inspection. */
.tr-line-chart{position:relative}
.tr-traffic-area.inbound{fill:#55b7ff;fill-opacity:.28}.tr-traffic-area.outbound{fill:#c58cff;fill-opacity:.25}
.tr-chart-guide{stroke:#dcecff;stroke-width:1;stroke-dasharray:3 3;opacity:0;pointer-events:none}.tr-chart-guide.show{opacity:.75}
.tr-chart-tip{position:absolute;z-index:4;top:18px;transform:translateX(-50%);min-width:138px;padding:9px 10px;border-radius:10px;border:1px solid #57769a;background:rgba(7,23,41,.96);box-shadow:0 10px 28px rgba(0,0,0,.28);pointer-events:none}
.tr-chart-tip strong,.tr-chart-tip span{display:block}.tr-chart-tip strong{font-size:11px;color:#fff;margin-bottom:5px}.tr-chart-tip span{font-size:9px;color:#bed0e4;margin-top:3px}.tr-chart-tip i{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:5px}.tr-chart-tip i.in{background:#55b7ff}.tr-chart-tip i.out{background:#c58cff}

.tr-usage-controls{display:flex;gap:18px;align-items:end;flex-wrap:wrap}.tr-usage-controls>div{margin-right:auto}.tr-usage-controls>div span{display:block;opacity:.7;margin-top:4px}.tr-usage-controls label{display:grid;gap:5px;font-size:12px}.tr-usage-controls select{min-width:170px;background:var(--tr-surface,#111827);color:inherit;border:1px solid rgba(148,163,184,.28);border-radius:8px;padding:8px 10px}
.tr-request-line{stroke:currentColor;stroke-width:2.5;vector-effect:non-scaling-stroke}.tr-axis-label{fill:currentColor;font-size:10px;opacity:.68}.tr-traffic-totals .requests,.tr-chart-tip .requests{font-weight:700}.tr-usage-combo-chart svg{overflow:visible}

/* UX250 — sticky workspace navigation, compact usage controls, cumulative view and modern charts. */
.rw-nav{position:sticky;top:0;z-index:50;background:rgba(7,22,44,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.tr-mobile-menu{display:none;width:42px;height:42px;padding:10px;border:1px solid rgba(148,163,184,.28);border-radius:10px;background:#10243d;color:inherit;cursor:pointer}.tr-mobile-menu span{display:block;height:2px;margin:4px 0;border-radius:2px;background:#e8f2ff}
.tr-usage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tr-usage-controls{grid-column:1/-1;display:grid;grid-template-columns:minmax(110px,.45fr) minmax(0,1.55fr);align-items:end;gap:24px;padding:4px 0 14px;border-bottom:1px solid rgba(125,163,204,.28)}
.tr-usage-filter-label{align-self:center;color:#9fb4cd;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.tr-usage-filter-fields{display:flex;justify-content:flex-end;align-items:end;gap:12px;flex-wrap:wrap}.tr-usage-controls label{display:grid;gap:6px;min-width:150px;color:#a9bdd4;font-size:10px;font-weight:800;letter-spacing:.04em}.tr-usage-controls select{min-width:150px;height:38px;background:#0b1b30;color:#eef6ff;border:1px solid #365879;border-radius:10px;padding:0 34px 0 11px;outline:none}.tr-usage-controls select:focus{border-color:#72adf5;box-shadow:0 0 0 3px rgba(85,183,255,.12)}
.tr-usage-mode{display:flex;margin:0;padding:0;border:0}.tr-usage-mode legend{display:block;width:100%;margin-bottom:6px;color:#a9bdd4;font-size:10px;font-weight:800;letter-spacing:.04em}.tr-usage-mode button{height:38px;padding:0 13px;border:1px solid #365879;background:#0b1b30;color:#9fb4cd;font:inherit;font-size:10px;font-weight:850;cursor:pointer}.tr-usage-mode button:first-of-type{border-radius:10px 0 0 10px}.tr-usage-mode button:last-of-type{margin-left:-1px;border-radius:0 10px 10px 0}.tr-usage-mode button.active{position:relative;z-index:1;background:#1d4f82;border-color:#72adf5;color:#fff;box-shadow:0 5px 18px rgba(36,113,184,.22)}
.tr-traffic-card{border-color:#315578!important;background:linear-gradient(160deg,rgba(18,48,80,.94),rgba(11,31,54,.96))!important;box-shadow:0 14px 36px rgba(0,0,0,.16)}.tr-line-chart svg{border-bottom-color:#3d6388!important;background:linear-gradient(to bottom,rgba(137,190,241,.055) 1px,transparent 1px)!important;background-size:100% 36px!important}.tr-traffic-area.inbound{fill:#55b7ff;fill-opacity:.34}.tr-traffic-area.outbound{fill:#c58cff;fill-opacity:.24}.tr-request-line{stroke:#f2f7ff;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 4px rgba(0,0,0,.32))}.tr-chart-axis{padding-top:5px;border-top:1px solid rgba(126,165,204,.13)}
@media(max-width:820px){.rw-nav{height:68px!important}.tr-mobile-menu{display:block;margin-left:auto}.tr-nav-links{display:none;position:absolute;top:calc(100% + 8px);right:0;min-width:210px;padding:8px;border:1px solid #365879;border-radius:14px;background:#0b1b30;box-shadow:0 20px 50px rgba(0,0,0,.36)}.tr-nav-links.is-open{display:grid}.tr-nav-links a{padding:11px 12px;border-radius:8px}.tr-nav-links a[aria-current=page]{background:#173a60}.tr-usage-grid{grid-template-columns:1fr}.tr-usage-controls{grid-column:auto;grid-template-columns:minmax(90px,.55fr) minmax(0,1.45fr);gap:12px;padding-bottom:18px}.tr-usage-filter-label{align-self:start;padding-top:21px}.tr-usage-filter-fields{display:grid;grid-template-columns:1fr;justify-items:stretch}.tr-usage-controls label,.tr-usage-controls select{width:100%;min-width:0}.tr-usage-mode{display:grid;grid-template-columns:1fr 1fr}.tr-usage-mode legend{grid-column:1/-1}.tr-usage-mode button{width:100%}}
@media(max-width:520px){.rw-shell{padding-inline:16px}.rw-nav{margin-inline:-6px;padding-inline:6px}.rw-logo{max-width:220px;height:auto}.tr-traffic-card{border-radius:16px!important;padding:18px!important}.tr-line-chart svg{height:165px}.tr-usage-controls{grid-template-columns:86px minmax(0,1fr)}}

/* UX251 — unified typography, underline controls, precise mobile workspace toolbar. */
:root{--tr-font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--tr-heading:#f7faff;--tr-body:#b9cbe1;--tr-accent:#91c0ff;--tr-field-line:#45698f}
html,body,button,input,select,textarea{font-family:var(--tr-font)!important}body{font-size:15px;line-height:1.55}.rw-shell h1,.rw-shell h2,.rw-shell h3,.rw-shell h4,.rw-shell h5,.rw-shell h6{font-family:var(--tr-font)!important;color:var(--tr-heading);font-weight:760;letter-spacing:-.03em}.rw-shell p{color:var(--tr-body)}.rw-kicker,.tr-usage-filter-label{color:var(--tr-accent)!important;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
/* Form fields use a single baseline instead of boxed surfaces. Action buttons retain their button treatment. */
.rw-shell input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]),.rw-shell select,.rw-shell textarea:not(#rw-chaser-script){background:transparent!important;border:0!important;border-bottom:1px solid var(--tr-field-line)!important;border-radius:0!important;box-shadow:none!important;padding-left:2px!important;padding-right:26px!important;color:var(--text)!important}.rw-shell input:focus,.rw-shell select:focus,.rw-shell textarea:not(#rw-chaser-script):focus{outline:0!important;border-bottom-color:#8fc2ff!important;box-shadow:0 1px 0 #8fc2ff!important}.rw-shell label{color:#a9bdd4}
.tr-usage-controls{border:0!important;padding-top:5px;padding-bottom:8px}.tr-usage-filter-fields{flex-wrap:nowrap}.tr-usage-controls select{height:36px!important;min-width:140px!important}.tr-usage-mode button{height:36px;border:0;border-bottom:1px solid var(--tr-field-line);border-radius:0!important;background:transparent;color:#9fb4cd;box-shadow:none!important}.tr-usage-mode button:last-of-type{margin-left:0}.tr-usage-mode button.active{background:transparent;color:#fff;border-bottom:2px solid #78b5ff}.tr-usage-mode legend,.tr-usage-controls label{font-size:10px;line-height:1.2}
@media(max-width:820px){.rw-nav{height:78px!important;min-height:78px!important;padding:10px 0!important;align-items:center!important}.tr-mobile-menu{align-self:center;display:grid!important;place-content:center;width:44px;height:44px;margin:0 2px 0 auto!important;padding:8px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.tr-mobile-menu span{width:25px;height:2px;margin:3px 0}.tr-nav-links{top:100%;right:0}.tr-usage-controls{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:10px;padding:2px 0 8px!important}.tr-usage-filter-label{align-self:end;padding:0 0 9px!important;white-space:nowrap;font-size:9px}.tr-usage-filter-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(110px,.9fr);align-items:end;gap:8px;width:100%;min-width:0}.tr-usage-controls label{display:grid;min-width:0!important;width:auto!important;gap:3px}.tr-usage-controls select{width:100%!important;min-width:0!important;height:34px!important;padding-right:16px!important;font-size:11px!important}.tr-usage-mode{display:grid;grid-template-columns:1fr 1fr;min-width:0}.tr-usage-mode legend{grid-column:1/-1;margin-bottom:3px}.tr-usage-mode button{height:34px!important;min-width:0;padding:0 3px!important;font-size:9px!important;white-space:nowrap}.tr-usage-grid{gap:16px}}
@media(max-width:520px){.rw-nav{height:80px!important;min-height:80px!important;margin-inline:0!important;padding-inline:0!important}.rw-brand .rw-logo{width:184px;max-height:54px}.tr-mobile-menu{margin-right:0!important}.tr-usage-controls{grid-template-columns:1fr;gap:5px}.tr-usage-filter-label{padding-bottom:1px!important}.tr-usage-filter-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(112px,.92fr);gap:7px}.tr-usage-controls select{font-size:10px!important}.tr-usage-mode button{font-size:8.5px!important}}

/* UX252 — pin mobile menu to the visual center of the sticky header. */
@media(max-width:820px){.rw-nav{position:sticky!important}.tr-mobile-menu{position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;align-self:auto!important}}

/* UX253 — mobile density, soft cards, full-width sticky header and compact footer. */
body{font-size:16px;line-height:1.58}.rw-shell{min-height:100dvh}.rw-nav{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:max(clamp(18px,3.5vw,44px),calc((100vw - 1232px)/2 + 44px));padding-right:max(clamp(18px,3.5vw,44px),calc((100vw - 1232px)/2 + 44px));box-sizing:border-box}.rw-brand .rw-logo{width:clamp(220px,26vw,310px);max-height:66px;object-fit:contain;object-position:left center}.tr-page-intro,.tr-dashboard-intro{border-bottom:0!important}.rw-lead,.tr-section-heading p:not(.rw-kicker),.tr-card-lead{font-size:max(15px,1rem)}.tr-small-note,.tr-device .rw-meta,.tr-device-details,.tr-setting-label{font-size:13px}.rw-kicker,.tr-usage-filter-label{font-size:11px!important}.tr-usage-filter-label{display:none!important}.tr-usage-controls{grid-template-columns:1fr!important;border:0!important}.tr-usage-filter-fields{justify-content:flex-start}.tr-usage-controls label,.tr-usage-mode legend{font-size:12px;letter-spacing:.02em}.tr-usage-controls select{font-size:14px!important}.tr-usage-mode button{font-size:12px!important}
/* Softer card boundaries across the portal. */
.rw-auth-card,.tr-steps article,.tr-usecase-grid article,.tr-final-cta,.rw-code-card,.rw-device.tr-device,.rw-empty,.tr-route-card,.tr-settings-grid article,.tr-plan-card,.tr-dashboard-demo,.tr-workflow-card,.tr-security-grid article,.tr-traffic-card,.tr-device-doughnut-card{border-color:rgba(130,174,220,.10)!important;box-shadow:0 14px 38px rgba(0,7,20,.14),inset 0 0 0 1px rgba(184,215,246,.025)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.tr-line-chart svg{background:none!important;background-image:none!important}.tr-chart-axis{border-top:0!important}
.tr-footer{margin-top:auto;width:100%;padding:26px 0 16px}.tr-footer-top{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(20px,5vw,70px)!important}.tr-footer-top>div{grid-column:auto!important}.tr-footer-top strong{font-size:14px}.tr-footer-top a{font-size:14px}.tr-footer-bottom{margin-top:24px;padding-top:14px;display:flex!important;align-items:center;justify-content:flex-start}.tr-footer-bottom>span{margin:0!important}
@media(max-width:820px){body{font-size:16px}.rw-nav{width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding-left:18px!important;padding-right:18px!important}.rw-brand .rw-logo{width:224px!important;max-height:60px!important;object-position:left center}.tr-usage-controls{display:block!important}.tr-usage-filter-fields{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(128px,.9fr)!important;gap:12px!important}.tr-usage-controls label,.tr-usage-mode legend{font-size:12px!important}.tr-usage-controls select{font-size:13px!important}.tr-usage-mode button{font-size:11px!important}.tr-traffic-totals span,.tr-chart-axis,.tr-axis-label,.tr-chart-tip span{font-size:11px!important}.tr-traffic-head h2{font-size:18px}.tr-traffic-head>div>span{font-size:12px}.tr-footer-top{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.tr-footer-top strong{font-size:13px}.tr-footer-top a{font-size:12px}.tr-footer-bottom{font-size:12px}}
@media(max-width:520px){.rw-shell{padding-inline:22px!important}.rw-nav{height:84px!important;min-height:84px!important;padding-left:22px!important;padding-right:18px!important}.rw-brand .rw-logo{width:230px!important;max-height:62px!important}.tr-usage-filter-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(122px,.9fr)!important;gap:9px!important}.tr-usage-controls select{font-size:12px!important}.tr-usage-mode button{font-size:10px!important}.tr-footer{padding-top:22px}.tr-footer-top{gap:10px!important}.tr-footer-top>div{gap:10px}.tr-footer-top strong{font-size:12px}.tr-footer-top a{font-size:11px}.tr-footer-bottom{margin-top:20px}}

/* UX254 — smooth, modern Usage data visualization. */
.tr-line-chart{padding-top:10px;min-height:196px}.tr-line-chart svg{height:176px!important;overflow:visible;border:0!important;background:none!important}.tr-traffic-area{stroke:none}.tr-traffic-area.inbound{fill:url(#trInGrad)!important;fill-opacity:1!important}.tr-traffic-area.outbound{fill:url(#trOutGrad)!important;fill-opacity:1!important}.tr-request-line{fill:none;stroke:#f4f9ff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:url(#trLineGlow);opacity:.96}.tr-request-halo{fill:#8fc8ff;opacity:.2}.tr-request-dot{fill:#f8fbff;stroke:#7ebcff;stroke-width:1.5}.tr-axis-label{font-size:11px!important;font-weight:650;fill:#9fb7d2;opacity:.82}.tr-chart-guide{stroke:#8fb6df;stroke-width:1;stroke-dasharray:2 5;opacity:0}.tr-chart-guide.show{opacity:.48}.tr-chart-tip{top:24px;padding:11px 12px;border:1px solid rgba(145,190,235,.18);border-radius:12px;background:rgba(7,24,43,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 14px 34px rgba(0,0,0,.28)}.tr-chart-tip strong{font-size:12px}.tr-chart-tip span{font-size:11px!important;line-height:1.45}.tr-chart-axis{margin-top:2px;padding-top:7px!important;border:0!important;color:#9db5cf;font-size:12px;font-weight:650}.tr-traffic-card{overflow:hidden}.tr-traffic-head{gap:14px}.tr-traffic-totals{gap:12px 16px}
@media(max-width:520px){.tr-line-chart{min-height:188px}.tr-line-chart svg{height:168px!important}.tr-chart-axis{font-size:11px}.tr-traffic-card{padding:20px!important}}

/* UX255 — geometry fixes, readable fields, and genuinely soft card edges. */
.rw-nav{display:flex!important;align-items:center!important}.rw-brand{height:100%;display:flex!important;align-items:center!important;line-height:0}.rw-brand .rw-logo{display:block!important;height:auto!important;margin:0!important;transform:none!important;vertical-align:middle!important}.tr-footer{display:flex!important;flex-direction:column!important;justify-content:center}.tr-footer-top{width:100%}.tr-footer-bottom{width:100%;display:flex!important;justify-content:center!important;align-items:center!important;text-align:center!important;min-height:42px;padding-top:0!important}.tr-footer-bottom>span{display:block;width:100%;text-align:center!important}
/* Field values are intentionally larger than labels. */
.rw-shell input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]),.rw-shell select,.rw-shell textarea:not(#rw-chaser-script){font-size:17px!important;line-height:1.45!important;min-height:42px}.tr-usage-controls select{font-size:16px!important}.tr-usage-mode button{font-size:14px!important}
/* Every visual card/panel gets a transparent edge and diffused perimeter. */
.rw-auth-card,.tr-steps article,.tr-usecase-grid article,.tr-final-cta,.rw-code-card,.rw-device.tr-device,.rw-empty,.tr-route-card,.tr-settings-grid article,.tr-plan-card,.tr-dashboard-demo,.tr-workflow-card,.tr-security-grid article,.tr-traffic-card,.tr-usage-card,.tr-device-doughnut-card,.tr-cookie-setting,.tr-signup-panel,.tr-security,.tr-device-demo,.tr-result-demo,.tr-demo-device,.tr-ai-stage{border:1px solid rgba(157,199,240,.055)!important;box-shadow:0 0 0 1px rgba(166,207,247,.018),0 10px 30px rgba(1,10,25,.13),0 0 24px rgba(93,160,220,.035)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
@media(max-width:820px){.rw-nav{align-items:center!important}.rw-brand{position:absolute!important;left:22px!important;top:50%!important;height:auto!important;transform:translateY(-50%)!important}.rw-brand .rw-logo{width:238px!important;max-height:64px!important}.rw-shell input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]),.rw-shell select,.rw-shell textarea:not(#rw-chaser-script){font-size:16px!important}.tr-usage-controls select{font-size:15px!important}.tr-usage-mode button{font-size:13px!important}.tr-footer-bottom{min-height:46px!important}}
@media(max-width:520px){.rw-brand{left:22px!important}.rw-brand .rw-logo{width:240px!important}.tr-usage-controls select{font-size:14px!important}.tr-usage-mode button{font-size:12px!important}}

/* UX256 — viewport-contained page shell and cache-safe production assets. */
html,body{min-height:100%;margin:0}.rw-shell{min-height:100dvh!important;box-sizing:border-box!important}.rw-nav,.tr-footer{flex:0 0 auto}.tr-footer{margin-top:auto!important}
@supports(height:100svh){.rw-shell{min-height:100svh!important}}

/* UX257 — readable typography floor and balanced mobile menu inset. */
body{font-size:17px!important;line-height:1.6}
.rw-shell p,.rw-shell li,.rw-shell summary,.rw-shell a,.rw-shell button,.rw-shell label,.rw-shell small,.rw-shell .rw-meta,.rw-shell .tr-small-note,.rw-shell .tr-device-details,.rw-shell .tr-setting-label{font-size:max(14px,1em)}
.rw-kicker,.tr-usage-filter-label{font-size:12px!important}.tr-nav-links a{font-size:15px!important}.tr-footer-top strong{font-size:15px!important}.tr-footer-top a{font-size:14px!important}.tr-footer-bottom{font-size:14px!important}.tr-usage-controls label,.tr-usage-mode legend{font-size:13px!important}.tr-usage-controls select{font-size:16px!important}.tr-usage-mode button{font-size:14px!important}.tr-traffic-head h2{font-size:19px!important}.tr-traffic-head>div>span{font-size:13px!important}.tr-traffic-totals span{font-size:13px!important}.tr-axis-label{font-size:13px!important}.tr-chart-axis{font-size:14px!important}.tr-chart-tip strong{font-size:13px!important}.tr-chart-tip span{font-size:13px!important}.rw-shell input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]),.rw-shell select,.rw-shell textarea:not(#rw-chaser-script){font-size:17px!important}
@media(max-width:820px){.tr-mobile-menu{right:17px!important}.tr-nav-links a{font-size:14px!important}.tr-footer-top strong{font-size:14px!important}.tr-footer-top a{font-size:14px!important}.tr-footer-bottom{font-size:14px!important}.tr-usage-controls label,.tr-usage-mode legend{font-size:13px!important}.tr-usage-controls select{font-size:15px!important}.tr-usage-mode button{font-size:13px!important}.tr-traffic-totals span,.tr-axis-label,.tr-chart-tip span{font-size:13px!important}.tr-chart-axis{font-size:14px!important}}
@media(max-width:520px){.tr-mobile-menu{right:20px!important}.tr-footer-top strong{font-size:14px!important}.tr-footer-top a{font-size:14px!important}.tr-footer-bottom{font-size:14px!important}.tr-usage-controls select{font-size:14px!important}.tr-usage-mode button{font-size:13px!important}.tr-traffic-head>div>span{font-size:13px!important}.tr-traffic-totals span{font-size:13px!important}.tr-axis-label{font-size:13px!important}.tr-chart-axis{font-size:14px!important}}

/* UX258 — vertically centered copyright footer band. */
.tr-footer{padding-bottom:0!important}.tr-footer-bottom{box-sizing:border-box!important;height:64px!important;min-height:64px!important;margin-top:20px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border-top:1px solid #294161!important}.tr-footer-bottom>span{display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important;margin:0!important;line-height:1!important}
@media(max-width:520px){.tr-footer-bottom{height:64px!important;min-height:64px!important}}

/* UX259 — mobile workspace menu must render as a compact visible dropdown. */
@media(max-width:820px){.tr-nav-links{display:none!important;position:absolute!important;top:100%!important;right:20px!important;left:auto!important;width:min(260px,calc(100vw - 40px))!important;min-width:220px!important;max-width:calc(100vw - 40px)!important;height:auto!important;max-height:calc(100svh - 104px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding:8px!important;white-space:normal!important;gap:2px!important;border:1px solid rgba(126,174,221,.20)!important;border-radius:14px!important;background:rgba(8,27,49,.96)!important;box-shadow:0 18px 44px rgba(0,0,0,.34)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;z-index:100!important}.tr-nav-links.is-open{display:grid!important}.tr-nav-links a,.tr-nav-links a:not(.tr-nav-cta){display:block!important;width:100%!important;box-sizing:border-box!important;white-space:normal!important;padding:12px 13px!important;border:0!important;border-radius:9px!important;font-size:14px!important;line-height:1.3!important;color:#d3e1f2!important}.tr-nav-links a:hover,.tr-nav-links a[aria-current=page]{background:rgba(62,120,181,.22)!important;color:#fff!important}.tr-nav-links .tr-nav-cta{margin-top:2px!important;border:1px solid rgba(111,160,210,.28)!important;background:rgba(24,58,95,.8)!important}}
@media(max-width:520px){.tr-nav-links{right:20px!important;width:min(252px,calc(100vw - 40px))!important;min-width:0!important}}

/* UX260 — borderless diffused card edges. */
.rw-shell article,.rw-auth-card,.rw-code-card,.rw-empty,.rw-device,.tr-final-cta,.tr-signup-panel,.tr-security,.tr-cookie-setting,.tr-device-demo,.tr-result-demo,.tr-demo-device,.tr-ai-stage,.tr-device-doughnut-card,.tr-usage-card,.tr-route-card,.tr-workflow-card,.tr-dashboard-demo,.tr-plan-card,.tr-settings-grid article,.tr-security-grid article,.tr-usecase-grid article,.tr-steps article{border:1px solid transparent!important;border-color:transparent!important;outline:0!important;background-clip:padding-box!important;box-shadow:0 18px 52px rgba(0,7,20,.17),0 0 42px rgba(83,153,219,.07),inset 0 0 28px rgba(146,196,240,.018)!important;backdrop-filter:blur(26px) saturate(118%)!important;-webkit-backdrop-filter:blur(26px) saturate(118%)!important}
@media(max-width:520px){.rw-shell article,.rw-auth-card,.rw-code-card,.rw-empty,.rw-device,.tr-final-cta,.tr-signup-panel,.tr-security,.tr-cookie-setting,.tr-device-demo,.tr-result-demo,.tr-demo-device,.tr-ai-stage,.tr-device-doughnut-card,.tr-usage-card,.tr-route-card,.tr-workflow-card,.tr-dashboard-demo,.tr-plan-card,.tr-settings-grid article,.tr-security-grid article,.tr-usecase-grid article,.tr-steps article{box-shadow:0 16px 46px rgba(0,7,20,.18),0 0 36px rgba(83,153,219,.075),inset 0 0 24px rgba(146,196,240,.018)!important;backdrop-filter:blur(28px) saturate(118%)!important;-webkit-backdrop-filter:blur(28px) saturate(118%)!important}}

/* UX261 — feather the card surface itself, not merely its backdrop. */
.rw-shell article,.rw-auth-card,.rw-code-card,.rw-empty,.rw-device,.tr-final-cta,.tr-signup-panel,.tr-security,.tr-cookie-setting,.tr-device-demo,.tr-result-demo,.tr-demo-device,.tr-ai-stage,.tr-device-doughnut-card,.tr-usage-card,.tr-route-card,.tr-workflow-card,.tr-dashboard-demo,.tr-plan-card,.tr-settings-grid article,.tr-security-grid article,.tr-usecase-grid article,.tr-steps article{position:relative!important;isolation:isolate!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.rw-shell article,.rw-auth-card,.rw-code-card,.rw-empty,.rw-device,.tr-final-cta,.tr-signup-panel,.tr-security,.tr-cookie-setting,.tr-device-demo,.tr-result-demo,.tr-demo-device,.tr-ai-stage,.tr-device-doughnut-card,.tr-usage-card,.tr-route-card,.tr-workflow-card,.tr-dashboard-demo,.tr-plan-card,.tr-settings-grid article,.tr-security-grid article,.tr-usecase-grid article,.tr-steps article::before{content:"";position:absolute;inset:1px;border-radius:inherit;z-index:-1;pointer-events:none;background:linear-gradient(155deg,rgba(20,52,86,.93),rgba(9,31,55,.90));filter:blur(8px);transform:scale(.995);transform-origin:center;box-shadow:0 12px 34px rgba(0,7,20,.16),0 0 28px rgba(88,158,222,.08)}
.tr-traffic-card::before{background:linear-gradient(160deg,rgba(19,50,82,.94),rgba(10,32,56,.91))}
.tr-workflow-card::before,.tr-ai-stage::before{background:linear-gradient(150deg,rgba(10,31,56,.96),rgba(6,22,43,.93))}
.tr-plan-card::before,.tr-settings-grid article::before,.tr-route-card::before{background:linear-gradient(150deg,rgba(18,46,77,.94),rgba(11,34,59,.91))}
@media(max-width:520px){.rw-shell article,.rw-auth-card,.rw-code-card,.rw-empty,.rw-device,.tr-final-cta,.tr-signup-panel,.tr-security,.tr-cookie-setting,.tr-device-demo,.tr-result-demo,.tr-demo-device,.tr-ai-stage,.tr-device-doughnut-card,.tr-usage-card,.tr-route-card,.tr-workflow-card,.tr-dashboard-demo,.tr-plan-card,.tr-settings-grid article,.tr-security-grid article,.tr-usecase-grid article,.tr-steps article::before{filter:blur(10px);transform:scale(.992);box-shadow:0 12px 32px rgba(0,7,20,.17),0 0 30px rgba(88,158,222,.09)}}

/* UX262 — correctly apply feathered surfaces to every card + larger readable text floor. */
.rw-shell article,.rw-auth-card,.rw-code-card,.rw-empty,.rw-device,.tr-final-cta,.tr-signup-panel,.tr-security,.tr-cookie-setting,.tr-device-demo,.tr-result-demo,.tr-demo-device,.tr-ai-stage,.tr-device-doughnut-card,.tr-usage-card,.tr-route-card,.tr-workflow-card,.tr-dashboard-demo,.tr-plan-card,.tr-settings-grid article,.tr-security-grid article,.tr-usecase-grid article,.tr-steps article{position:relative!important;isolation:isolate!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.rw-shell article::before,.rw-auth-card::before,.rw-code-card::before,.rw-empty::before,.rw-device::before,.tr-final-cta::before,.tr-signup-panel::before,.tr-security::before,.tr-cookie-setting::before,.tr-device-demo::before,.tr-result-demo::before,.tr-demo-device::before,.tr-ai-stage::before,.tr-device-doughnut-card::before,.tr-usage-card::before,.tr-route-card::before,.tr-workflow-card::before,.tr-dashboard-demo::before,.tr-plan-card::before,.tr-settings-grid article::before,.tr-security-grid article::before,.tr-usecase-grid article::before,.tr-steps article::before{content:""!important;position:absolute!important;inset:1px!important;border-radius:inherit!important;z-index:-1!important;pointer-events:none!important;background:linear-gradient(155deg,rgba(20,52,86,.93),rgba(9,31,55,.90))!important;filter:blur(10px)!important;transform:scale(.99)!important;transform-origin:center!important;box-shadow:0 14px 40px rgba(0,7,20,.18),0 0 34px rgba(88,158,222,.10)!important}
.tr-traffic-card::before{background:linear-gradient(160deg,rgba(19,50,82,.94),rgba(10,32,56,.91))!important}
.tr-workflow-card::before,.tr-ai-stage::before{background:linear-gradient(150deg,rgba(10,31,56,.96),rgba(6,22,43,.93))!important}
.tr-plan-card::before,.tr-settings-grid article::before,.tr-route-card::before{background:linear-gradient(150deg,rgba(18,46,77,.94),rgba(11,34,59,.91))!important}

/* Stronger minimum typography across the portal. */
body{font-size:18px!important}
.rw-shell p,.rw-shell li,.rw-shell summary,.rw-shell a,.rw-shell button,.rw-shell label,.rw-shell small,.rw-shell .rw-meta,.rw-shell .tr-small-note,.rw-shell .tr-device-details,.rw-shell .tr-setting-label{font-size:max(15px,1em)!important}
.rw-kicker,.tr-usage-filter-label{font-size:13px!important}
.tr-nav-links a{font-size:16px!important}
.tr-footer-top strong{font-size:16px!important}.tr-footer-top a{font-size:15px!important}.tr-footer-bottom{font-size:15px!important}
.tr-usage-controls label,.tr-usage-mode legend{font-size:14px!important}.tr-usage-controls select{font-size:17px!important}.tr-usage-mode button{font-size:15px!important}
.tr-traffic-head h2{font-size:20px!important}.tr-traffic-head>div>span{font-size:15px!important}.tr-traffic-totals span{font-size:15px!important}
.tr-axis-label{font-size:15px!important}.tr-chart-axis{font-size:16px!important}
.tr-chart-tip{min-width:190px!important}.tr-chart-tip strong{font-size:16px!important}.tr-chart-tip span{font-size:15px!important;line-height:1.55!important}
.rw-shell input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]),.rw-shell select,.rw-shell textarea:not(#rw-chaser-script){font-size:18px!important}
@media(max-width:520px){
  .rw-shell article::before,.rw-auth-card::before,.rw-code-card::before,.rw-empty::before,.rw-device::before,.tr-final-cta::before,.tr-signup-panel::before,.tr-security::before,.tr-cookie-setting::before,.tr-device-demo::before,.tr-result-demo::before,.tr-demo-device::before,.tr-ai-stage::before,.tr-device-doughnut-card::before,.tr-usage-card::before,.tr-route-card::before,.tr-workflow-card::before,.tr-dashboard-demo::before,.tr-plan-card::before,.tr-settings-grid article::before,.tr-security-grid article::before,.tr-usecase-grid article::before,.tr-steps article::before{filter:blur(12px)!important;transform:scale(.986)!important;box-shadow:0 14px 38px rgba(0,7,20,.19),0 0 38px rgba(88,158,222,.11)!important}
  body{font-size:17px!important}
  .tr-footer-top strong{font-size:15px!important}.tr-footer-top a{font-size:15px!important}.tr-footer-bottom{font-size:15px!important}
  .tr-usage-controls label,.tr-usage-mode legend{font-size:14px!important}.tr-usage-controls select{font-size:16px!important}.tr-usage-mode button{font-size:14px!important}
  .tr-traffic-head h2{font-size:20px!important}.tr-traffic-head>div>span{font-size:15px!important}.tr-traffic-totals span{font-size:15px!important}
  .tr-axis-label{font-size:15px!important}.tr-chart-axis{font-size:16px!important}.tr-chart-tip strong{font-size:16px!important}.tr-chart-tip span{font-size:15px!important}
}

/* UX264 — keep Usage charts above the feathered card surface. */
.tr-traffic-card{position:relative!important;isolation:isolate!important;background:transparent!important;overflow:visible!important}
.tr-traffic-card::before{z-index:0!important;pointer-events:none!important}
.tr-traffic-card>.tr-traffic-head,.tr-traffic-card>.tr-line-chart{position:relative!important;z-index:1!important}
.tr-traffic-card .tr-chart-tip{z-index:3!important}
.tr-traffic-card .tr-chart-guide,.tr-traffic-card svg,.tr-traffic-card svg *{pointer-events:auto}

/* UX265 — reset leaked pseudo-element properties from card elements. */
.rw-shell article,.rw-auth-card,.rw-code-card,.rw-empty,.rw-device,.tr-final-cta,.tr-signup-panel,.tr-security,.tr-cookie-setting,.tr-device-demo,.tr-result-demo,.tr-demo-device,.tr-ai-stage,.tr-device-doughnut-card,.tr-usage-card,.tr-route-card,.tr-workflow-card,.tr-dashboard-demo,.tr-plan-card,.tr-settings-grid article,.tr-security-grid article,.tr-usecase-grid article,.tr-steps article{
  position:relative!important;
  top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;inset:auto!important;
  z-index:0!important;
  filter:none!important;
  transform:none!important;
  transform-origin:initial!important;
  pointer-events:auto!important;
  border:0!important;
  outline:0!important;
  border-radius:18px!important;
  background:transparent!important;
  box-shadow:none!important;
  isolation:isolate!important;
  overflow:visible!important;
}
.tr-workflow-card,.tr-ai-stage,.tr-plan-card,.tr-final-cta,.tr-signup-panel{border-radius:22px!important}
.tr-traffic-card,.tr-usage-card,.rw-auth-card,.rw-code-card,.rw-device,.tr-route-card,.tr-settings-grid article{border-radius:18px!important}
.rw-shell article::before,.rw-auth-card::before,.rw-code-card::before,.rw-empty::before,.rw-device::before,.tr-final-cta::before,.tr-signup-panel::before,.tr-security::before,.tr-cookie-setting::before,.tr-device-demo::before,.tr-result-demo::before,.tr-demo-device::before,.tr-ai-stage::before,.tr-device-doughnut-card::before,.tr-usage-card::before,.tr-route-card::before,.tr-workflow-card::before,.tr-dashboard-demo::before,.tr-plan-card::before,.tr-settings-grid article::before,.tr-security-grid article::before,.tr-usecase-grid article::before,.tr-steps article::before{
  content:""!important;
  position:absolute!important;
  inset:2px!important;
  z-index:-1!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  background:linear-gradient(155deg,rgba(20,52,86,.94),rgba(9,31,55,.92))!important;
  filter:blur(10px)!important;
  transform:scale(.992)!important;
  transform-origin:center!important;
  box-shadow:0 16px 42px rgba(0,7,20,.20),0 0 36px rgba(88,158,222,.10)!important;
}
.tr-traffic-card::before{background:linear-gradient(160deg,rgba(19,50,82,.95),rgba(10,32,56,.93))!important}
.tr-workflow-card::before,.tr-ai-stage::before{background:linear-gradient(150deg,rgba(10,31,56,.97),rgba(6,22,43,.95))!important}
.tr-plan-card::before,.tr-settings-grid article::before,.tr-route-card::before{background:linear-gradient(150deg,rgba(18,46,77,.95),rgba(11,34,59,.93))!important}
@media(max-width:520px){
  .rw-shell article::before,.rw-auth-card::before,.rw-code-card::before,.rw-empty::before,.rw-device::before,.tr-final-cta::before,.tr-signup-panel::before,.tr-security::before,.tr-cookie-setting::before,.tr-device-demo::before,.tr-result-demo::before,.tr-demo-device::before,.tr-ai-stage::before,.tr-device-doughnut-card::before,.tr-usage-card::before,.tr-route-card::before,.tr-workflow-card::before,.tr-dashboard-demo::before,.tr-plan-card::before,.tr-settings-grid article::before,.tr-security-grid article::before,.tr-usecase-grid article::before,.tr-steps article::before{filter:blur(12px)!important;transform:scale(.988)!important;box-shadow:0 16px 40px rgba(0,7,20,.21),0 0 40px rgba(88,158,222,.11)!important}
}

/* UX266 — remove card-outline glow; feather only the card surface. */
.rw-shell article::before,.rw-auth-card::before,.rw-code-card::before,.rw-empty::before,.rw-device::before,.tr-final-cta::before,.tr-signup-panel::before,.tr-security::before,.tr-cookie-setting::before,.tr-device-demo::before,.tr-result-demo::before,.tr-demo-device::before,.tr-ai-stage::before,.tr-device-doughnut-card::before,.tr-usage-card::before,.tr-route-card::before,.tr-workflow-card::before,.tr-dashboard-demo::before,.tr-plan-card::before,.tr-settings-grid article::before,.tr-security-grid article::before,.tr-usecase-grid article::before,.tr-steps article::before{
  inset:7px!important;
  filter:blur(18px)!important;
  transform:none!important;
  box-shadow:none!important;
  background:linear-gradient(155deg,rgba(20,52,86,.90),rgba(9,31,55,.88))!important;
}
.tr-traffic-card::before{background:linear-gradient(160deg,rgba(19,50,82,.91),rgba(10,32,56,.89))!important}
.tr-workflow-card::before,.tr-ai-stage::before{background:linear-gradient(150deg,rgba(10,31,56,.93),rgba(6,22,43,.91))!important}
.tr-plan-card::before,.tr-settings-grid article::before,.tr-route-card::before{background:linear-gradient(150deg,rgba(18,46,77,.91),rgba(11,34,59,.89))!important}
@media(max-width:520px){
  .rw-shell article::before,.rw-auth-card::before,.rw-code-card::before,.rw-empty::before,.rw-device::before,.tr-final-cta::before,.tr-signup-panel::before,.tr-security::before,.tr-cookie-setting::before,.tr-device-demo::before,.tr-result-demo::before,.tr-demo-device::before,.tr-ai-stage::before,.tr-device-doughnut-card::before,.tr-usage-card::before,.tr-route-card::before,.tr-workflow-card::before,.tr-dashboard-demo::before,.tr-plan-card::before,.tr-settings-grid article::before,.tr-security-grid article::before,.tr-usecase-grid article::before,.tr-steps article::before{inset:8px!important;filter:blur(20px)!important;transform:none!important;box-shadow:none!important}
}

/* UX267 — no card borders or perimeter layers. */
.rw-shell article,.rw-auth-card,.rw-code-card,.rw-empty,.rw-device,.tr-final-cta,.tr-signup-panel,.tr-security,.tr-cookie-setting,.tr-device-demo,.tr-result-demo,.tr-demo-device,.tr-ai-stage,.tr-device-doughnut-card,.tr-usage-card,.tr-route-card,.tr-workflow-card,.tr-dashboard-demo,.tr-plan-card,.tr-settings-grid article,.tr-security-grid article,.tr-usecase-grid article,.tr-steps article{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
  background:rgba(14,40,69,.72)!important;
  backdrop-filter:blur(18px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(112%)!important;
}
.rw-shell article::before,.rw-auth-card::before,.rw-code-card::before,.rw-empty::before,.rw-device::before,.tr-final-cta::before,.tr-signup-panel::before,.tr-security::before,.tr-cookie-setting::before,.tr-device-demo::before,.tr-result-demo::before,.tr-demo-device::before,.tr-ai-stage::before,.tr-device-doughnut-card::before,.tr-usage-card::before,.tr-route-card::before,.tr-workflow-card::before,.tr-dashboard-demo::before,.tr-plan-card::before,.tr-settings-grid article::before,.tr-security-grid article::before,.tr-usecase-grid article::before,.tr-steps article::before{content:none!important;display:none!important;filter:none!important;box-shadow:none!important;background:none!important}
.tr-traffic-card{background:rgba(15,45,76,.76)!important}
.tr-workflow-card,.tr-ai-stage{background:rgba(8,29,52,.78)!important}
.tr-plan-card,.tr-settings-grid article,.tr-route-card{background:rgba(15,42,71,.74)!important}

/* UX268 — remove every mechanism that can draw a card perimeter. */
.rw-shell article,.rw-auth-card,.rw-code-card,.rw-empty,.rw-device,.rw-device.tr-device,.tr-final-cta,.tr-signup-panel,.tr-security,.tr-cookie-setting,.tr-device-demo,.tr-result-demo,.tr-demo-device,.tr-ai-stage,.tr-device-doughnut-card,.tr-usage-card,.tr-traffic-card,.tr-route-card,.tr-workflow-card,.tr-dashboard-demo,.tr-plan-card,.tr-settings-grid article,.tr-security-grid article,.tr-usecase-grid article,.tr-steps article{
  border:none!important;
  border-width:0!important;
  border-color:transparent!important;
  outline:none!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  background-clip:border-box!important;
}
.rw-shell article::before,.rw-auth-card::before,.rw-code-card::before,.rw-empty::before,.rw-device::before,.rw-device.tr-device::before,.tr-final-cta::before,.tr-signup-panel::before,.tr-security::before,.tr-cookie-setting::before,.tr-device-demo::before,.tr-result-demo::before,.tr-demo-device::before,.tr-ai-stage::before,.tr-device-doughnut-card::before,.tr-usage-card::before,.tr-traffic-card::before,.tr-route-card::before,.tr-workflow-card::before,.tr-dashboard-demo::before,.tr-plan-card::before,.tr-settings-grid article::before,.tr-security-grid article::before,.tr-usecase-grid article::before,.tr-steps article::before,.rw-shell article::after,.rw-auth-card::after,.rw-code-card::after,.rw-empty::after,.rw-device::after,.rw-device.tr-device::after,.tr-final-cta::after,.tr-signup-panel::after,.tr-security::after,.tr-cookie-setting::after,.tr-device-demo::after,.tr-result-demo::after,.tr-demo-device::after,.tr-ai-stage::after,.tr-device-doughnut-card::after,.tr-usage-card::after,.tr-traffic-card::after,.tr-route-card::after,.tr-workflow-card::after,.tr-dashboard-demo::after,.tr-plan-card::after,.tr-settings-grid article::after,.tr-security-grid article::after,.tr-usecase-grid article::after,.tr-steps article::after{
  content:none!important;
  display:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  background:none!important;
}
.rw-device,.rw-device.tr-device,.tr-usage-card,.tr-traffic-card,.rw-auth-card,.rw-code-card,.rw-empty,.tr-route-card,.tr-settings-grid article{background:#102945!important}
.tr-workflow-card,.tr-ai-stage,.tr-final-cta,.tr-signup-panel{background:#0a2038!important}
.tr-plan-card,.tr-security-grid article,.tr-usecase-grid article,.tr-steps article{background:#112b48!important}

/* UX269 — larger Usage metric labels and values. */
.tr-traffic-totals span{font-size:17px!important;line-height:1.4!important;font-weight:650!important}
.tr-axis-label{font-size:17px!important;font-weight:750!important}
.tr-chart-axis{font-size:17px!important;font-weight:750!important}
.tr-chart-tip strong{font-size:17px!important}
.tr-chart-tip span{font-size:16px!important;line-height:1.55!important}
@media(max-width:520px){
  .tr-traffic-totals span{font-size:16px!important}
  .tr-axis-label{font-size:16px!important}
  .tr-chart-axis{font-size:16px!important}
  .tr-chart-tip strong{font-size:17px!important}
  .tr-chart-tip span{font-size:16px!important}
}

/* UX270 — stronger Usage metric typography. */
.tr-traffic-totals span{font-size:19px!important;line-height:1.4!important;font-weight:700!important}
.tr-axis-label{font-size:19px!important;font-weight:800!important}
.tr-chart-axis{font-size:18px!important;font-weight:780!important}
.tr-chart-tip strong{font-size:19px!important;font-weight:800!important}
.tr-chart-tip span{font-size:18px!important;line-height:1.55!important}
@media(max-width:520px){
  .tr-traffic-totals span{font-size:18px!important}
  .tr-axis-label{font-size:18px!important}
  .tr-chart-axis{font-size:18px!important}
  .tr-chart-tip strong{font-size:19px!important}
  .tr-chart-tip span{font-size:18px!important}
}

/* UX271 — make Usage metrics visibly large after SVG viewBox scaling. */
.tr-traffic-totals span{font-size:20px!important;line-height:1.42!important;font-weight:720!important}
.tr-axis-label{font-size:26px!important;font-weight:820!important}
.tr-chart-axis{font-size:20px!important;font-weight:780!important}
.tr-chart-tip strong{font-size:20px!important;font-weight:820!important}
.tr-chart-tip span{font-size:19px!important;line-height:1.58!important}
@media(max-width:520px){
  .tr-traffic-totals span{font-size:20px!important}
  /* SVG text scales with the 720-unit viewBox; use larger SVG units so it renders ~18px visually on phones. */
  .tr-axis-label{font-size:42px!important;font-weight:820!important}
  .tr-chart-axis{font-size:20px!important}
  .tr-chart-tip strong{font-size:20px!important}
  .tr-chart-tip span{font-size:19px!important}
}

/* UX272 — enlarge Usage metrics on both desktop and mobile. */
.tr-traffic-totals span{font-size:21px!important;line-height:1.42!important;font-weight:740!important}
.tr-axis-label{font-size:34px!important;font-weight:830!important}
.tr-chart-axis{font-size:21px!important;font-weight:790!important}
.tr-chart-tip strong{font-size:21px!important;font-weight:830!important}
.tr-chart-tip span{font-size:20px!important;line-height:1.58!important}
@media(max-width:520px){
  .tr-traffic-totals span{font-size:20px!important}
  .tr-axis-label{font-size:42px!important}
  .tr-chart-axis{font-size:20px!important}
  .tr-chart-tip strong{font-size:20px!important}
  .tr-chart-tip span{font-size:19px!important}
}

/* UX273 — ensure top Usage totals beat the older traffic-head span rule. */
.tr-traffic-head .tr-traffic-totals>span{font-size:21px!important;line-height:1.42!important;font-weight:740!important}
@media(max-width:520px){.tr-traffic-head .tr-traffic-totals>span{font-size:20px!important}}


/* UX274 — align Usage max-value typography with axis labels and reserve headroom above plotted maxima. */
.tr-axis-label{font-size:21px!important;font-weight:790!important}
.tr-chart-axis{font-size:21px!important;font-weight:790!important}
@media(max-width:520px){
  .tr-axis-label{font-size:20px!important;font-weight:790!important}
  .tr-chart-axis{font-size:20px!important;font-weight:790!important}
}


/* UX275 — Devices page status doughnut and deterministic inventory ordering. */
.tr-device-doughnut-card{grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:38px!important;min-height:210px!important;padding:24px!important}
.tr-device-doughnut-card .tr-doughnut{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(#43d69e 0 var(--online-pct),#49617d var(--online-pct) var(--offline-pct),#8294aa var(--offline-pct) 100%)}
.tr-device-doughnut-card .tr-doughnut:after{content:"";position:absolute;width:104px;height:104px;border-radius:50%;background:#102945;box-shadow:none}
.tr-device-doughnut-card .tr-doughnut>div{position:relative;z-index:1;text-align:center}.tr-device-doughnut-card .tr-doughnut strong{display:block!important;font-size:34px!important;line-height:1!important}.tr-device-doughnut-card .tr-doughnut span{font-size:15px!important;color:#b8cbe4!important;font-weight:750!important}
.tr-device-doughnut-card .tr-doughnut-legend{display:grid;gap:12px}.tr-device-doughnut-card .tr-doughnut-legend span{display:flex!important;align-items:center;gap:9px;font-size:17px!important;font-weight:750!important;color:#d4e3f5!important}.tr-device-doughnut-card .tr-doughnut-legend i{width:10px;height:10px;border-radius:50%;display:inline-block;flex:none}.tr-device-doughnut-card .is-online{background:#43d69e}.tr-device-doughnut-card .is-offline{background:#49617d}.tr-device-doughnut-card .is-unknown{background:#8294aa}
@media(max-width:600px){.tr-device-doughnut-card{gap:24px!important;min-height:190px!important;padding:22px 18px!important}.tr-device-doughnut-card .tr-doughnut{width:132px;height:132px}.tr-device-doughnut-card .tr-doughnut:after{width:90px;height:90px}.tr-device-doughnut-card .tr-doughnut strong{font-size:30px!important}.tr-device-doughnut-card .tr-doughnut span{font-size:15px!important}.tr-device-doughnut-card .tr-doughnut-legend span{font-size:16px!important}}
@media(max-width:420px){.tr-device-doughnut-card{flex-direction:column!important;gap:18px!important}.tr-device-doughnut-card .tr-doughnut-legend{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.tr-device-doughnut-card .tr-doughnut-legend span:last-child:nth-child(odd){grid-column:1/-1}}


/* MVP6 lifecycle-aware device management: preserve existing service/status layout. */
.tr-device{position:relative}
.tr-device .rw-device-top{padding-right:35px}
.tr-device .tr-device-title-row{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:7px}
.tr-device .tr-rename-trigger{min-height:32px;min-width:32px;padding:5px;display:grid;place-items:center;border:0;background:transparent;border-radius:6px;color:#a5ccff;flex:none}
.tr-device .tr-rename-trigger:hover,.tr-device .tr-rename-trigger:focus-visible{background:#21466e;outline:2px solid #92bdfb}
.tr-device .tr-remove-trigger{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:7px;background:transparent;color:#b9cbe3;cursor:pointer;font-size:23px;line-height:1}
.tr-device .tr-remove-trigger:hover,.tr-device .tr-remove-trigger:focus-visible{background:#572c3b;color:#fff;outline:2px solid #e6a3bc}
.tr-remove-backdrop{position:fixed;inset:0;z-index:99999;background:rgba(0,10,22,.78);display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}
.tr-remove-dialog{max-width:520px;width:100%;background:#132941;border:1px solid #527da9;border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.6);color:#f4f8ff;padding:24px;box-sizing:border-box}
.tr-remove-dialog h2{margin:0 0 14px;font-size:23px}
.tr-remove-dialog p{line-height:1.5}
.tr-remove-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:22px}
.tr-remove-error{color:#ffbac1}
.tr-remove-error:empty{display:none}
.tr-remove-dialog button:focus-visible{outline:3px solid #9dcbff;outline-offset:2px}

/* Billing/UI surface correction: prevent old translucent global card overrides. */
.rw-shell article,.rw-shell .rw-auth-card,.rw-shell .rw-code-card,.rw-shell .rw-empty,.rw-shell .rw-device,
.rw-shell .tr-final-cta,.rw-shell .tr-signup-panel,.rw-shell .tr-security,.rw-shell .tr-cookie-setting,
.rw-shell .tr-device-demo,.rw-shell .tr-result-demo,.rw-shell .tr-demo-device,.rw-shell .tr-ai-stage,
.rw-shell .tr-device-doughnut-card,.rw-shell .tr-usage-card,.rw-shell .tr-traffic-card,
.rw-shell .tr-route-card,.rw-shell .tr-workflow-card,.rw-shell .tr-plan-card,.rw-shell .tr-settings-grid article,
.rw-shell .tr-security-grid article,.rw-shell .tr-usecase-grid article,.rw-shell .tr-steps article{
 background-color:#102945!important;
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
}
.rw-shell .tr-workflow-card,.rw-shell .tr-ai-stage,.rw-shell .tr-final-cta,.rw-shell .tr-signup-panel{background:#0a2038!important}
.rw-shell .tr-plan-card,.rw-shell .tr-security-grid article,.rw-shell .tr-usecase-grid article,.rw-shell .tr-steps article{background:#112b48!important}
.rw-shell .tr-dashboard-demo{background:#fff!important;color:#172b40!important}
.rw-shell .tr-dashboard-demo::before,.rw-shell .tr-dashboard-demo::after{content:none!important;display:none!important}


/* UX277 — scoped design correction: white only for intentional paper-like surfaces.
   Preserve the existing dark brand card colors, opaque backgrounds and light lettering.
   The white invoice is styled independently by billing-workspace.js. */
.rw-shell .tr-dashboard-demo{background:#fff!important;color:#172b40!important}
.rw-shell .tr-dashboard-demo::before,.rw-shell .tr-dashboard-demo::after{content:none!important;display:none!important}

/* UX276 — animated packets must travel in front of diagram blocks. */
.rw-shell .tr-ai-stage{isolation:isolate}
.rw-shell .tr-ai-bus-top,.rw-shell .tr-machine-routes{z-index:12!important;pointer-events:none}
.rw-shell .tr-ai-pulse,.rw-shell .tr-route-line b,
.rw-shell .tr-deploy-packet,.rw-shell .tr-result-chip,
.rw-shell .tr-machine-job:after{z-index:15!important;pointer-events:none}
.rw-shell .tr-deploy-band{overflow:visible!important}
.rw-shell .tr-ai-cloud,.rw-shell .tr-ai-hub,.rw-shell .tr-machine-grid{z-index:3!important}
.rw-shell .tr-machine{position:relative;z-index:3}
.rw-shell .tr-ai-route,.rw-shell .tr-ai-packet{z-index:15!important}

/* UX276 — compact copy in workflow and cards prevents labels running into edges. */
.rw-shell .tr-ai-cloud strong,.rw-shell .tr-ai-hub strong{font-size:14px!important;line-height:1.25!important}
.rw-shell .tr-ai-cloud small,.rw-shell .tr-ai-hub small{font-size:10px!important;line-height:1.35!important}
.rw-shell .tr-machine-head strong{font-size:11px!important;line-height:1.25!important}
.rw-shell .tr-machine>small,.rw-shell .tr-machine-job{font-size:10px!important;line-height:1.35!important}
.rw-shell .tr-deploy-copy strong{font-size:12px!important;line-height:1.35!important}
.rw-shell .tr-deploy-copy small{font-size:10px!important;line-height:1.35!important}
.rw-shell .tr-destinations b{font-size:10px!important;line-height:1.25!important}
.rw-shell .tr-destinations small{font-size:9px!important;line-height:1.3!important}
.rw-shell .tr-result-stream strong{font-size:10px!important}
.rw-shell .tr-result-chip,.rw-shell .tr-cloud-work span{font-size:9px!important;line-height:1.25!important}
.rw-shell .tr-ai-pulse,.rw-shell .tr-route-line b,.rw-shell .tr-deploy-packet{font-size:8px!important;line-height:1.2!important}
.rw-shell .tr-steps article h3,.rw-shell .tr-usecase-grid article h3,.rw-shell .tr-plan-card h3{font-size:clamp(1.06rem,1.8vw,1.3rem)!important}
.rw-shell .tr-steps article p,.rw-shell .tr-usecase-grid article p,.rw-shell .tr-plan-card p{font-size:13px!important;line-height:1.45!important}
@media(max-width:600px){
 .rw-shell .tr-ai-cloud,.rw-shell .tr-ai-hub{gap:10px!important;padding:13px!important}
 .rw-shell .tr-machine{padding:13px!important}
 .rw-shell .tr-destinations>span{padding:8px!important}
}


/* UX278 — scoped landing-page preview: actual device card styling, not white rows. */
.rw-shell .tr-product-proof .tr-dashboard-demo{
  max-width:960px;
  background:#0a2038!important;
  background-image:none!important;
  color:#eaf4ff!important;
  border:1px solid #233e5a!important;
  border-radius:18px!important;
  padding:20px!important;
  overflow:visible;
  box-shadow:none!important;
}
.rw-shell .tr-product-proof .tr-dashboard-demo .tr-demo-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:0 2px 16px;
  margin:0;
  background:transparent!important;
  border:0;
  color:#f3f8ff!important;
}
.rw-shell .tr-product-proof .tr-dashboard-demo .tr-demo-top strong{
  color:#f3f8ff!important;
  font-size:15px;
  line-height:1.35;
}
.rw-shell .tr-product-proof .tr-dashboard-demo .tr-demo-top>span{
  color:#7fe6b2!important;
  font-size:12px;
}
.rw-shell .tr-product-proof .tr-demo-device-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));
  gap:14px;
}
.rw-shell .tr-product-proof .tr-dashboard-demo .tr-preview-device{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:0;
  min-height:132px;
  padding:18px!important;
  margin:0;
  background:#102945!important;
  background-image:none!important;
  color:#ecf5ff!important;
  border:1px solid #2d486b!important;
  border-radius:13px!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  opacity:1!important;
}
.rw-shell .tr-product-proof .tr-dashboard-demo .tr-preview-device .rw-device-top{
  display:flex;
  align-items:center;
  gap:8px;
  padding-right:0!important;
  color:#b8d2eb!important;
  font-size:12px;
}
.rw-shell .tr-product-proof .tr-dashboard-demo .tr-preview-device .rw-dot{
  display:inline-block;
  width:9px;
  height:9px;
  flex:none;
  border-radius:50%;
  margin:0;
}
.rw-shell .tr-product-proof .tr-dashboard-demo .tr-preview-device .rw-dot.online{background:#37c995!important}
.rw-shell .tr-product-proof .tr-dashboard-demo .tr-preview-device .rw-dot.offline{background:#8196af!important}
.rw-shell .tr-product-proof .tr-dashboard-demo .tr-preview-device .tr-device-title-row{
  display:block;
  margin:0;
  min-width:0;
}
.rw-shell .tr-product-proof .tr-dashboard-demo .tr-preview-device .tr-device-display-name{
  display:block;
  color:#f5faff!important;
  font-size:clamp(14px,1.5vw,17px)!important;
  line-height:1.25;
  font-weight:750;
  overflow-wrap:anywhere;
}
.rw-shell .tr-product-proof .tr-dashboard-demo .tr-preview-device .rw-meta{
  display:block;
  margin:0;
  color:#b4c7df!important;
  font-size:12px;
  line-height:1.4;
}

/* UX278 — only the two user-marked workflow result blocks become white. */
.rw-shell .tr-workflow-card .tr-device-demo,
.rw-shell .tr-workflow-card .tr-result-demo{
  background:#fff!important;
  background-image:none!important;
  background-color:#fff!important;
  border:1px solid #d2dce7!important;
  color:#112b45!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  opacity:1!important;
  box-shadow:none!important;
}
.rw-shell .tr-workflow-card .tr-device-demo strong,
.rw-shell .tr-workflow-card .tr-device-demo>div,
.rw-shell .tr-workflow-card .tr-result-demo strong{
  color:#112b45!important;
  opacity:1!important;
}
.rw-shell .tr-workflow-card .tr-device-demo small,
.rw-shell .tr-workflow-card .tr-result-demo>span{
  color:#405b70!important;
  opacity:1!important;
}
.rw-shell .tr-workflow-card .tr-device-demo .tr-status-pill{
  background:#e5f8ee!important;
  color:#16724d!important;
  border-radius:999px;
}
/* Do not change the dark background of the other hero elements. */

/* Devices: contextual per-computer management, no standalone edit/remove icons. */
#tr-manage-devices .tr-manage-trigger{display:block;margin-top:14px;min-height:40px;padding:9px 16px;border-radius:8px;background:#24496f;border:1px solid #6c93c4;color:#fff;font-weight:750;cursor:pointer}
#tr-manage-devices .tr-manage-trigger[aria-expanded="true"]{background:#193650}
#tr-manage-devices .tr-device-manage{border-top:1px solid #3b5879;margin-top:12px;padding-top:14px;display:grid;gap:12px}
#tr-manage-devices .tr-device-manage[hidden],#tr-manage-devices .tr-device-allocation[hidden]{display:none!important}
#tr-manage-devices .tr-device-manage-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
#tr-manage-devices .tr-device-manage-actions button{min-height:40px;display:inline-flex;justify-content:center;align-items:center;border-radius:8px;border:1px solid #7593b5;background:#213e5e;color:#fff;font-weight:750;padding:9px 12px;cursor:pointer;font-size:13px}
#tr-manage-devices .tr-device-manage-actions .tr-rename-trigger{position:static;min-height:40px;min-width:initial;width:auto;padding:9px 12px;border:1px solid #7593b5;background:#213e5e}
#tr-manage-devices .tr-device-manage-actions .tr-remove-trigger{position:static;min-height:40px;min-width:initial;width:auto;padding:9px 12px;font-size:13px;line-height:1.3}
#tr-manage-devices .tr-device-manage-actions .tr-destructive,.tr-remove-dialog .tr-destructive{background:#aa253b!important;border:1px solid #e28a98!important;color:#fff!important}
#tr-manage-devices .tr-device-manage-actions .tr-destructive:hover,.tr-remove-dialog .tr-destructive:hover{background:#bd3047!important}
#tr-manage-devices .tr-manage-allocate-form{display:grid;gap:11px;margin-top:10px}
#tr-manage-devices .tr-manage-allocate-form label{display:grid;gap:5px;font-size:13px;font-weight:700}
#tr-manage-devices .tr-manage-allocate-form select{display:block;width:100%;min-height:42px;border:1px solid #6d8fb6;background:#10243f;color:#fff;border-radius:8px;padding:9px}
#tr-manage-devices .tr-manage-allocate-form button{justify-self:start}
#tr-manage-devices .tr-manage-quote{margin-top:10px;display:grid;gap:9px}
#tr-manage-devices .tr-allocate-error{color:#ffb5bb}

/* Device card header: Manage is the top-right action, aligned with status. */
#tr-manage-devices .tr-device .rw-device-top{display:flex;align-items:center;gap:8px;padding-right:0;min-height:38px}
#tr-manage-devices .rw-device-top .tr-manage-trigger{margin:0 0 0 auto;flex:none;min-height:36px;padding:6px 12px;white-space:nowrap}

/* Device deletion confirmation: Cancel consumes remaining width; Delete fits label. */
.tr-remove-dialog .tr-remove-actions{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:10px;width:100%;align-items:stretch;flex-wrap:nowrap}
.tr-remove-dialog .tr-remove-actions .tr-remove-cancel{width:100%;min-width:0;min-height:44px;box-sizing:border-box}
.tr-remove-dialog .tr-remove-actions .tr-remove-confirm{width:max-content;min-width:max-content;max-width:none;min-height:44px;padding-inline:16px;white-space:nowrap;flex:none;box-sizing:border-box}

/* Devices Manage: distribute all three actions evenly across the card width. */
#tr-manage-devices .tr-device-manage-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;width:100%;align-items:stretch}
#tr-manage-devices .tr-device-manage-actions > button,
#tr-manage-devices .tr-device-manage-actions > button.tr-rename-trigger,
#tr-manage-devices .tr-device-manage-actions > button.tr-remove-trigger{box-sizing:border-box;width:100%;min-width:0;max-width:none;min-height:48px;padding:10px 6px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;line-height:1.25}

/* Device dialog actions: same gap and exact button height, no flex wrapping or inherited margins. */
#tr-manage-devices .tr-device-rename-form .tr-rename-actions,
.tr-remove-dialog .tr-remove-actions{display:grid;gap:10px;width:100%;align-items:stretch;justify-content:stretch;box-sizing:border-box}
#tr-manage-devices .tr-device-rename-form .tr-rename-actions{grid-template-columns:repeat(2,minmax(0,1fr));flex-wrap:nowrap}
.tr-remove-dialog .tr-remove-actions{grid-template-columns:minmax(0,1fr) max-content;flex-wrap:nowrap}
#tr-manage-devices .tr-device-rename-form .tr-rename-actions > button,
.tr-remove-dialog .tr-remove-actions > button{display:flex;align-items:center;justify-content:center;height:48px;min-height:48px;max-height:48px;margin:0;box-sizing:border-box;padding:0 12px;border-radius:8px;font-size:14px;line-height:1.25;text-align:center}
#tr-manage-devices .tr-device-rename-form .tr-rename-actions > button{width:100%;min-width:0;max-width:none;flex:none}
.tr-remove-dialog .tr-remove-actions > .tr-remove-cancel{width:100%;min-width:0;max-width:none;flex:none}
.tr-remove-dialog .tr-remove-actions > .tr-remove-confirm{width:max-content;min-width:max-content;max-width:none;white-space:nowrap;flex:none}

/* Device actions reflect eligibility: two actions take half the card, three share thirds. */
#tr-manage-devices .tr-device-manage-actions.tr-actions-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#tr-manage-devices .tr-device-manage-actions.tr-actions-1{grid-template-columns:minmax(0,1fr)}

/* Shared TaskRunner confirmations: same visual language and dimensions as Device Delete. */
.tr-app-dialog-backdrop{z-index:100100}
.tr-app-dialog{max-width:520px;width:100%;background:#132941;border:1px solid #527da9;border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.6);color:#f4f8ff;padding:24px;box-sizing:border-box}
.tr-app-dialog h2{margin:0 0 14px;font-size:23px;line-height:1.3;overflow-wrap:anywhere}
.tr-app-dialog p{line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 20px}
.tr-app-dialog .tr-app-dialog-actions{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:10px;width:100%;align-items:stretch;justify-content:stretch;box-sizing:border-box}
.tr-app-dialog .tr-app-dialog-actions > button{height:48px;min-height:48px;max-height:48px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding:0 16px;font-size:14px;line-height:1.25;border-radius:8px}
.tr-app-dialog .tr-app-dialog-actions > .tr-remove-cancel{min-width:0;width:100%;flex:none}
.tr-app-dialog .tr-app-dialog-actions > .tr-remove-confirm{min-width:max-content;width:max-content;max-width:none;white-space:normal;text-align:center;flex:none}
.tr-app-dialog .tr-app-dialog-actions > .tr-destructive{background:#aa253b!important;border:1px solid #e28a98!important;color:#fff!important}
.tr-app-dialog .tr-app-dialog-actions > .tr-destructive:hover{background:#bd3047!important}
.tr-app-dialog .tr-app-dialog-input{display:block;width:100%;box-sizing:border-box;min-height:44px;padding:10px 12px;margin:10px 0 18px;background:#0a2038;color:#f4f8ff;border:1px solid #527da9;border-radius:8px;font:inherit}
@media(max-width:360px){.tr-app-dialog{padding:18px}.tr-app-dialog .tr-app-dialog-actions > button{padding:0 10px;font-size:13px}}

/* Connection: privileged reusable installer controls are rendered only for the verified owner. */
.tr-admin-install-card{margin-top:24px}
.tr-admin-install-card form{margin:18px 0 10px}
.tr-admin-install-card form label,.tr-admin-install-card label{display:block;margin-bottom:8px;font-weight:600}
.tr-admin-install-lookup{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
.tr-admin-install-lookup input{flex:1 1 240px;min-width:0;max-width:520px;border:1px solid rgba(222,212,192,.35);border-radius:8px;padding:12px;background:rgba(0,0,0,.2);color:inherit}
.tr-admin-install-lookup button{flex:0 0 auto}
#tr-admin-install-output{margin-top:15px}
#tr-admin-install-platform{min-width:240px;max-width:100%;padding:10px;margin:0 0 10px;border-radius:8px;background:#0b2441;color:#e7d7b9;border:1px solid rgba(222,212,192,.4)}
#tr-admin-install-command{width:100%;box-sizing:border-box;min-height:160px;resize:vertical;margin-top:12px;padding:14px;border-radius:8px;background:#061326;color:#e6dac6;border:1px solid rgba(222,212,192,.32);font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}
#tr-admin-install-account{overflow-wrap:anywhere}
#tr-admin-install-copy,#tr-admin-install-save-txt{margin-top:8px}
@media(max-width:600px){.tr-admin-install-lookup{display:grid;grid-template-columns:1fr}.tr-admin-install-lookup input{width:100%}}

/* Waived usage remains visible but is never counted in billable totals. */
.tr-waived-traffic-line,.tr-waived-request-line{fill:none;stroke-width:2.5;stroke-dasharray:8 5;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.92}
.tr-waived-traffic-line{stroke:#ffbb70}.tr-waived-request-line{stroke:#7bdfbb}
.tr-waived-totals{color:#eec598!important;font-weight:700}
.tr-chart-tip .tr-waived-totals{display:block}

.tr-admin-install-mode{display:flex;flex-wrap:wrap;gap:10px 22px;border:1px solid rgba(222,212,192,.3);border-radius:8px;padding:14px;margin:16px 0}
.tr-admin-install-mode legend{font-weight:650;padding:0 6px}
.tr-admin-install-mode label{display:flex!important;align-items:center;gap:8px;cursor:pointer;font-weight:500!important;margin:0!important}
#tr-admin-lan-targets{display:block;box-sizing:border-box;width:100%;min-height:90px;padding:12px;border:1px solid rgba(222,212,192,.32);border-radius:8px;background:#061326;color:#e6dac6;font:13px/1.5 ui-monospace,Consolas,monospace}

/* Administrator cloud-saved installer commands — direct-link management. */
.tr-admin-saved-section{margin-top:19px;padding-top:18px;border-top:1px solid rgba(222,212,192,.25)}
.tr-admin-saved-section h3{font-size:16px;margin:0 0 10px}
.tr-admin-saved-row{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid rgba(222,212,192,.15)}
.tr-admin-saved-filename{flex:1 1 240px;font-size:13px;overflow-wrap:anywhere}
.tr-admin-saved-row button{font-size:12px;padding:7px 10px}