/* Rackoryn client services — shared rhythm, real measurements, no decorative data. */
:root{--rk119-accent-soft:#9577ff14;--rk119-soft:var(--panel2);--rk119-green:#79dbb4;--rk119-green-bg:#48c79513;--rk119-border:var(--line)}
html[data-theme="light"]{--bg:#f6f7fb;--line:#e5e7ef;--text:#242738;--muted:#697086;--muted2:#71788b;--rk119-accent-soft:#f0ecff;--rk119-soft:#fafafe;--rk119-green:#207252;--rk119-green-bg:#edf8f2;--rk119-border:#e6e7f0}
.client-content{max-width:1512px;margin:0 auto;padding:30px 36px 70px}
.client-topbar{border-bottom:1px solid var(--line);box-shadow:none}
.client-sidebar{padding-top:28px;border-right:1px solid var(--line)}
.client-brand{padding-bottom:29px}
.client-nav a{min-height:41px;font-size:13px;letter-spacing:.005em}
.client-nav a.active{position:relative}
.client-nav a.active::before{content:"";position:absolute;left:-9px;top:11px;bottom:11px;width:3px;border-radius:4px;background:var(--accent)}
.client-sidebar .sidebar-help{border-radius:12px}
.client-live .btn{font-size:12px;min-height:40px;padding:10px 15px;gap:8px;border-radius:9px}
.rk119-detail,.rk119-catalog{min-width:0;color:var(--text);font-size:14px}
.rk119-detail *,.rk119-catalog *{box-sizing:border-box}
.rk119-detail svg,.rk119-catalog svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.rk119-detail .btn,.rk119-catalog .btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.rk119-back{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-bottom:21px;font-weight:550}
.rk119-back svg{width:15px;height:15px}
.rk119-back:hover{color:var(--accent)}
.rk119-service-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--panel);border:1px solid var(--rk119-border);border-radius:16px;padding:27px 28px;position:relative}
.rk119-service-hero::before{content:"";position:absolute;left:-1px;top:28px;bottom:28px;width:3px;background:var(--accent);border-radius:4px}
.rk119-identity{display:flex;align-items:center;gap:20px;min-width:0}
.rk119-identity>div{min-width:0}
.rk119-server-mark{display:grid;place-items:center;width:62px;height:62px;border:1px solid #987fff26;border-radius:16px;background:var(--rk119-accent-soft);color:var(--accent);flex-shrink:0}
.rk119-server-mark svg{width:30px;height:30px;stroke-width:1.4}
.rk119-eyebrow{color:var(--muted);font-size:10px;letter-spacing:.095em;text-transform:uppercase;font-weight:600;line-height:1.5;margin:0 0 8px}
.rk119-eyebrow>span{margin:0 6px;color:var(--muted2)}
.rk119-identity h1{font-size:clamp(23px,2.15vw,31px);font-weight:650;line-height:1.25;letter-spacing:-.035em;margin:0 0 12px;overflow-wrap:anywhere}
.rk119-hero-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:12px}
.rk119-status{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border:1px solid transparent;border-radius:6px;font-weight:550;font-size:10px;white-space:nowrap;background:var(--bg2);color:var(--muted)}
.rk119-status i,.rk119-runtime i,.rk119-dot{width:5px;height:5px;background:currentColor;border-radius:50%;display:inline-block;flex-shrink:0}
.rk119-status.active{color:var(--rk119-green);background:var(--rk119-green-bg)}
.rk119-status.pending{color:#efc272;background:#c6912617}
.rk119-status.suspended,.rk119-status.cancelled{color:#f391a2;background:#d9647718}
html[data-theme="light"] .rk119-status.pending{color:#8c651e;background:#fff7e5}
html[data-theme="light"] .rk119-status.suspended,html[data-theme="light"] .rk119-status.cancelled{color:#ad4457;background:#fff0f2}
.rk119-contact{background:var(--panel);color:var(--text);border:1px solid var(--line);white-space:nowrap;flex-shrink:0}
.rk119-contact:hover,.rk119-refresh:hover{border-color:var(--accent);color:var(--accent)}
.rk119-section-nav{display:flex;gap:28px;border-bottom:1px solid var(--line);margin:13px 0 29px;padding:0 3px}
.rk119-section-nav a{padding:17px 0 14px;position:relative;font-size:12px;font-weight:550;color:var(--muted);white-space:nowrap}
.rk119-section-nav a[aria-current]{color:var(--accent)}
.rk119-section-nav a[aria-current]::after{content:"";height:2px;background:var(--accent);position:absolute;bottom:-1px;left:0;right:0;border-radius:3px}
.rk119-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:19px}
.rk119-detail h2{font-size:15px;letter-spacing:-.012em;font-weight:600;margin:0;line-height:1.5}
.rk119-section-heading p{font-size:12px;color:var(--muted);margin:5px 0 0}
.rk119-refresh{background:var(--panel);border:1px solid var(--line);color:var(--muted);min-height:34px!important;padding:7px 11px!important;font-size:11px!important}
.rk119-refresh svg{width:14px;height:14px}
.rk119-refresh:disabled{opacity:.6;cursor:wait}
.rk119-live-strip{display:flex;align-items:center;gap:20px;font-size:11px;color:var(--muted);padding:12px 0 17px}
.rk119-runtime{display:inline-flex;align-items:center;gap:7px;font-weight:550}
.rk119-runtime.online{color:var(--rk119-green)}
.rk119-runtime.online i{box-shadow:0 0 0 3px var(--rk119-green-bg)}
.rk119-uptime{display:flex;gap:6px;align-items:center}
.rk119-uptime svg{width:13px;height:13px}
.rk119-updated{margin-left:auto;font-variant-numeric:tabular-nums}
.rk119-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rk119-metric{padding:21px 23px 20px;border:1px solid var(--rk119-border);border-radius:13px;background:var(--panel);min-width:0;box-shadow:0 3px 9px #24243b02}
.rk119-metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px;margin-bottom:14px}
.rk119-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;background:var(--rk119-accent-soft);color:var(--accent)}
.rk119-icon.memory{color:#6b9feb;background:#6b9feb12}
.rk119-icon.disk{color:#ad94e9;background:#ad94e916}
html[data-theme="light"] .rk119-icon.memory{color:#4877c2;background:#edf3ff}
html[data-theme="light"] .rk119-icon.disk{color:#8663b5;background:#f4effc}
.rk119-metric>strong{display:block;font-size:30px;font-weight:600;letter-spacing:-.045em;line-height:1.25;font-variant-numeric:tabular-nums;color:var(--text);overflow-wrap:anywhere}
.rk119-metric>strong small{font-size:18px;color:var(--muted);font-weight:450;letter-spacing:-.02em}
.rk119-metric>p{font-size:11px;color:var(--muted);margin:9px 0 16px;min-height:17px;line-height:1.6}
.rk119-metric meter{display:block;width:100%;height:5px;appearance:none;border:none;background:var(--bg2);border-radius:8px;overflow:hidden}
.rk119-metric meter::-webkit-meter-bar{background:var(--bg2);border:0;box-shadow:none;border-radius:8px;height:5px}
.rk119-metric meter::-webkit-meter-optimum-value{background:#8e73eb;border-radius:8px}
.rk119-metric:nth-child(2) meter::-webkit-meter-optimum-value{background:#769adc}
.rk119-metric meter::-moz-meter-bar{background:#8e73eb;border-radius:8px}
.rk119-refresh-status{font-size:12px;color:var(--muted);margin:8px 0;min-height:0}
.rk119-refresh-status:empty{display:none}
.rk119-detail-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(245px,1fr);gap:20px;margin-top:27px;align-items:stretch}
.rk119-panel{background:var(--panel);border:1px solid var(--rk119-border);border-radius:13px;overflow:hidden}
.rk119-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:19px 23px;border-bottom:1px solid var(--line)}
.rk119-panel-heading>span{font-size:10px;color:var(--muted);background:var(--bg2);border-radius:5px;padding:3px 6px;font-variant-numeric:tabular-nums}
.rk119-properties{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:3px 23px 10px;column-gap:28px}
.rk119-properties>div{padding:15px 0;border-bottom:1px solid var(--line);min-width:0}
.rk119-properties>div:nth-last-child(-n+2){border:0}
.rk119-properties dt{font-size:10px;color:var(--muted);margin-bottom:6px}
.rk119-properties dd{font-size:12px;margin:0;font-weight:500;overflow-wrap:anywhere;color:var(--text)}
.rk119-properties code{font-size:12px;font-weight:500;font-family:ui-monospace,SFMono-Regular,monospace}
.rk119-help{background:var(--rk119-accent-soft);border:1px solid #987fff25;border-radius:13px;padding:24px;position:relative;overflow:hidden}
.rk119-help-icon{width:35px;height:35px;display:grid;place-items:center;border:1px solid #987fff30;border-radius:10px;color:var(--accent);background:var(--panel);margin-bottom:18px}
.rk119-help .rk119-eyebrow{color:var(--accent);font-size:9px;margin-bottom:7px}
.rk119-help h2{font-size:18px;font-weight:600;letter-spacing:-.025em}
.rk119-help>p:not(.rk119-eyebrow){font-size:12px;line-height:1.8;color:var(--muted);max-width:300px;margin:9px 0 19px}
.rk119-help small{display:block;font-size:10px;color:var(--muted);margin:10px 0 0;line-height:1.6}
.rk119-unavailable{display:flex;align-items:center;gap:15px;padding:24px;border:1px dashed var(--line);border-radius:12px;background:var(--panel);color:var(--muted)}
.rk119-unavailable>svg{color:var(--accent);width:28px;height:28px}
.rk119-unavailable strong{font-size:13px;color:var(--text);font-weight:550}
.rk119-unavailable p{font-size:12px;margin:5px 0 0}
#overview,#service-details,#service-help{scroll-margin-top:100px}
.rk119-catalog-head{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:10px 0 26px}
.rk119-catalog-head h1{font-size:30px;font-weight:650;line-height:1.3;letter-spacing:-.04em;margin:0 0 8px}
.rk119-catalog-head>div>p:last-child{color:var(--muted);font-size:13px;line-height:1.7;margin:0}
.rk119-catalog-head .rk119-eyebrow{font-size:9px;color:var(--accent);margin:0 0 8px}
.rk119-catalog-head>.btn{flex-shrink:0}
.rk119-catalog-summary{display:flex;align-items:center;gap:24px;padding:0 0 23px;font-size:12px;color:var(--muted)}
.rk119-catalog-summary>span{display:flex;align-items:center;gap:7px}
.rk119-catalog-summary strong{font-size:17px;color:var(--text);font-weight:550;font-variant-numeric:tabular-nums}
.rk119-dot.green{color:var(--rk119-green)}
.rk119-dot.amber{color:#c49646}
.rk119-catalog .portal-filters{display:grid;grid-template-columns:minmax(170px,1.65fr) 1fr 1fr 1fr auto;align-items:end;padding:18px 20px;gap:12px;margin:0;background:var(--panel);border:1px solid var(--rk119-border);border-radius:12px}
.rk119-catalog .portal-filters label{font-size:10px;color:var(--muted);font-weight:500;gap:7px;min-width:0}
.rk119-catalog .portal-filters input,.rk119-catalog .portal-filters select{min-height:38px;padding:8px 10px;font-size:11px;border-radius:7px;border-color:var(--line);background:var(--rk119-soft);color:var(--text)}
.rk119-catalog .portal-filters .btn{font-size:10px;min-height:38px;padding:8px 10px;background:transparent;color:var(--muted);border-color:var(--line)}
.rk119-catalog [data-service-count]{font-size:11px;color:var(--muted);margin:21px 0 14px}
.rk119-catalog .portal-service-grid{padding:0;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}
.rk119-resource{border:1px solid var(--rk119-border);background:var(--panel);border-radius:14px;padding:23px 24px 0;min-width:0;transition:border-color .15s,box-shadow .15s}
.rk119-resource:hover{border-color:#997fe65c;box-shadow:0 5px 18px #20244205}
.rk119-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.rk119-card-icon{display:grid;place-items:center;background:var(--rk119-accent-soft);color:var(--accent);width:40px;height:40px;border-radius:11px}
.rk119-card-icon svg{width:22px;height:22px}
.rk119-resource>.rk119-eyebrow{font-size:9px;margin-bottom:7px}
.rk119-resource h3{font-size:19px;line-height:1.4;letter-spacing:-.025em;font-weight:600;margin:0 0 6px;overflow-wrap:anywhere}
.rk119-card-plan{font-size:11px;color:var(--muted);margin:0 0 20px;overflow-wrap:anywhere}
.rk119-card-details{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding:18px 0;margin:0;gap:16px}
.rk119-card-details dt,.rk119-card-bottom small{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}
.rk119-card-details dd{font-size:12px;margin:0;overflow-wrap:anywhere}
.rk119-card-bottom{margin:0 -24px;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--rk119-soft);border-top:1px solid var(--line);border-radius:0 0 14px 14px}
.rk119-card-bottom strong{font-size:12px;font-weight:500;display:block}
.rk119-card-bottom small:last-child:not(:first-child){margin:3px 0 0;font-size:9px}
.rk119-card-action{background:var(--panel);border:1px solid var(--line);color:var(--text);font-size:11px!important}
.rk119-card-action:hover{border-color:var(--accent);color:var(--accent)}
.rk119-catalog .portal-pagination{margin-top:23px;font-size:11px;color:var(--muted)}
.rk119-catalog .portal-pagination .btn{font-size:11px;background:var(--panel);color:var(--text);border-color:var(--line)}
.rk119-catalog .portal-pagination .btn:disabled{opacity:.4}
.rk119-catalog .live-empty{background:var(--panel);border-color:var(--line);color:var(--text)}
.rk119-catalog .live-empty p{color:var(--muted)}
@media(min-width:1181px) and (max-width:1400px){.client-content{padding:28px 28px 64px}.rk119-contact{font-size:11px!important}.rk119-service-hero{padding:24px}}
@media(max-width:1000px){.rk119-service-hero{align-items:flex-start;flex-wrap:wrap}.rk119-contact{margin-left:82px}.rk119-detail-grid{grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr)}.rk119-catalog .portal-filters{grid-template-columns:1fr 1fr}.rk119-catalog .portal-filters label:first-child{grid-column:1/-1}.rk119-catalog .portal-filters>button{align-self:end}.rk119-metric{padding:19px}.rk119-catalog-head{align-items:flex-start}.rk119-card-bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.client-content{padding:22px 18px 68px}.rk119-catalog-head{flex-direction:column;gap:17px}.rk119-catalog-head h1{font-size:27px}.rk119-catalog .portal-service-grid{grid-template-columns:1fr}.rk119-detail-grid{grid-template-columns:1fr}.rk119-help{padding:22px}.rk119-help>p:not(.rk119-eyebrow){max-width:none}.rk119-card-bottom{flex-direction:row;align-items:center}.rk119-service-hero{padding:22px}.rk119-identity{gap:14px;align-items:flex-start}.rk119-server-mark{width:46px;height:46px;border-radius:12px}.rk119-server-mark svg{width:24px;height:24px}.rk119-identity h1{font-size:24px}.rk119-contact{margin-left:60px}.rk119-metrics{gap:11px}.rk119-metric{padding:15px}.rk119-metric>strong{font-size:25px}.rk119-metric-top{font-size:11px}.rk119-icon{width:27px;height:27px}.rk119-icon svg{width:16px;height:16px}.rk119-metric>p{font-size:10px}}
@media(max-width:520px){.rk119-back{margin-bottom:16px}.rk119-service-hero{padding:20px 18px;gap:17px}.rk119-identity{gap:12px}.rk119-identity h1{font-size:23px}.rk119-contact{margin:0;width:100%}.rk119-section-nav{gap:24px;margin-bottom:23px;overflow-x:auto}.rk119-section-nav a{font-size:11px;padding-top:14px}.rk119-section-heading{gap:10px;margin-bottom:10px;align-items:flex-start}.rk119-section-heading h2{font-size:14px}.rk119-section-heading p{font-size:11px}.rk119-refresh{white-space:nowrap}.rk119-live-strip{flex-wrap:wrap;gap:10px 16px;font-size:10px}.rk119-updated{margin-left:0;flex-basis:100%}.rk119-metrics{grid-template-columns:1fr 1fr}.rk119-metric:last-child{grid-column:1/-1}.rk119-metric>p{font-size:11px}.rk119-metric:last-child>strong{font-size:26px}.rk119-metric:last-child>p{margin-bottom:0}.rk119-properties{padding-left:18px;padding-right:18px;column-gap:20px}.rk119-panel-heading{padding:17px 18px}.rk119-catalog-summary{gap:17px;flex-wrap:wrap;font-size:11px}.rk119-catalog-summary strong{font-size:16px}.rk119-catalog .portal-filters{padding:16px;gap:13px 10px}.rk119-catalog .portal-filters label{font-size:10px}.rk119-resource{padding:21px 20px 0}.rk119-card-bottom{padding:15px 20px;margin:0 -20px;gap:10px}.rk119-card-action{padding:9px 11px!important;font-size:10px!important}.rk119-card-top{margin-bottom:16px}.rk119-resource h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){.rk119-resource{transition:none}}

/* Final browser corrections: keep the closed mobile drawer shadow outside the page. */
@media(max-width:1180px){.client-sidebar:not(.open){box-shadow:none}.client-sidebar.open{box-shadow:20px 0 60px #0004}}
@media(max-width:520px){.rk119-section-nav{overflow-y:hidden;scrollbar-width:none}.rk119-section-nav a[aria-current]::after{bottom:0}}