/* Sandock style probe — native Kapps + KUI structure, isolated preview only. */
@font-face{font-family:Sandock Geist;src:url('/demos/sandock-refined/fonts/ui.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
.sandock-precision-only{display:none}
html[data-product=sandock][data-refinement=on].dark{
 --background:#101113;--surface:#18191c;--sidebar:#141517;--sidebar-bg:#141517;
 --card:#18191c;--popover:#202125;--muted:#202125;--accent:#242529;--accent-hover:#292a2f;
 --foreground:#edeef0;--card-foreground:#edeef0;--popover-foreground:#edeef0;
 --muted-foreground:#a2a4ac;--subtle-foreground:#858892;
 --border:#303137;--border-subtle:#25262b;--input:#202125;--input-border:#36373e;
 --secondary:#232428;--secondary-foreground:#edeef0;
 --sidebar-foreground:#a2a4ac;--sidebar-accent:#26272c;--sidebar-accent-foreground:#edeef0;
 --sidebar-border:#27282d;--sidebar-primary:var(--primary);--sidebar-primary-foreground:var(--primary-foreground);
 --radius:.375rem;--font-sans:'Sandock Geist','PingFang SC',system-ui,sans-serif;
 --sd-type-title:22px;--sd-type-body:13px;--sd-type-meta:12px;
 --sd-weight-body:400;--sd-weight-emphasis:500;--sd-row-height:72px;--sd-radius-control:6px;
}
html[data-product=sandock][data-refinement=on] #app{font-family:var(--font-sans);font-size:var(--sd-type-body);font-weight:var(--sd-weight-body);-webkit-font-smoothing:antialiased}
html[data-product=sandock][data-refinement=on] #app [class*="sidebar-wrapper"]{--sidebar-width:224px!important}
html[data-product=sandock][data-refinement=on] #app header{height:48px;min-height:48px;background:var(--background);border-bottom:1px solid var(--border-subtle);color:var(--muted-foreground);font-size:var(--sd-type-meta)}
html[data-product=sandock][data-refinement=on] #app header>div{padding-inline:28px;gap:12px}
html[data-product=sandock][data-refinement=on] #app [data-sidebar=sidebar]{border-right:1px solid var(--border-subtle)}
html[data-product=sandock][data-refinement=on] #app [data-sidebar=header]{padding:10px 12px 14px}
html[data-product=sandock][data-refinement=on] #app [data-sidebar=header] [data-sidebar=menu-button]{min-height:46px;font-weight:500;color:var(--foreground);gap:10px}
html[data-product=sandock] .sd-workspace-mark{display:none}
html[data-product=sandock] .sd-workspace-meta{display:contents}
html[data-product=sandock] .sd-workspace-team{display:none}
html[data-product=sandock][data-refinement=on] #app .sd-workspace-button{height:46px;min-height:46px;padding:6px 10px;overflow:visible;align-items:center;border-radius:7px}
html[data-product=sandock][data-refinement=on] #app .sd-workspace-button>.sd-native-logo{display:none!important}
html[data-product=sandock][data-refinement=on] #app .sd-workspace-mark{display:flex;flex:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#202126;border:1px solid #34353b;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 1px 2px rgba(0,0,0,.28)}
html[data-product=sandock][data-refinement=on] #app .sd-workspace-mark img{display:block;width:22px;height:22px}
html[data-product=sandock][data-refinement=on] #app .sd-workspace-button>div.grid{min-width:0;gap:3px;line-height:17px}
html[data-product=sandock][data-refinement=on] #app .sd-workspace-button>div.grid>span:first-child{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;line-height:17px;font-weight:500}
html[data-product=sandock][data-refinement=on] #app .sd-workspace-meta{display:flex;align-items:center;gap:7px;min-width:0;height:15px}
html[data-product=sandock][data-refinement=on] #app .sd-workspace-team{display:inline-block;overflow:hidden;color:var(--muted-foreground);font-size:10.5px;line-height:15px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}
html[data-product=sandock][data-refinement=on] #app .sd-workspace-meta>span:last-child{height:14px;padding:0 5px;border-radius:3px;font-size:8.5px;line-height:12px;letter-spacing:.04em}
html[data-product=sandock][data-refinement=on] #app [data-sidebar=group-label]{font-size:11px;letter-spacing:0;text-transform:none;font-weight:400;color:var(--subtle-foreground);height:28px;padding-inline:10px}
html[data-product=sandock][data-refinement=on] #app [data-sidebar=menu]{gap:2px}
html[data-product=sandock][data-refinement=on] #app [data-sidebar=content]>[data-sidebar=group]{padding:6px 12px 12px}
html[data-product=sandock][data-refinement=on] #app [data-sidebar=menu-button]{height:32px;padding-inline:10px;font-size:var(--sd-type-body);font-weight:400;border-radius:5px;gap:10px;color:var(--sidebar-foreground);transition:background-color 120ms ease,color 120ms ease}
html[data-product=sandock][data-refinement=on] #app [data-sidebar=menu-button]>svg{width:16px;height:16px;stroke-width:1.6;opacity:.8}
html[data-product=sandock][data-refinement=on] #app [data-sidebar=menu-button][data-active=true]{color:var(--foreground);font-weight:500;background:var(--sidebar-accent)}
html[data-product=sandock][data-refinement=on] #app [data-sidebar=footer]{padding:12px;border-top:1px solid var(--border-subtle)}
/* Sidebar shell: workspace context, platform nav, usage state, resources, account.
   The four rows used to sit 32px tall in a 976px column; the column now carries
   the product's running state and quota instead of empty space. */
html[data-product=sandock][data-refinement=on] #app [data-sidebar=content]{justify-content:flex-start;padding:12px 0 14px}
.sd-sidenav-bottom{margin-top:auto;display:flex;flex-direction:column;gap:22px}
html[data-product=sandock][data-refinement=on] #app [data-sidebar=content]>[data-sidebar=group]{padding:8px 12px 0}
html[data-product=sandock][data-refinement=on] #app [data-sidebar=group-label]{height:26px;margin-bottom:2px}
html[data-product=sandock][data-refinement=on] #app [data-sidebar=menu]{gap:3px}
html[data-product=sandock][data-refinement=on] #app [data-sidebar=menu-button]{height:34px}
html[data-product=sandock][data-refinement=on] #app [data-sidebar=menu-item]>.sd-nav-count{position:absolute;top:50%;right:10px;transform:translateY(-50%);padding-left:6px;color:var(--subtle-foreground);font-size:11px;font-weight:400;font-variant-numeric:tabular-nums;pointer-events:none}
.sd-usage{padding:0 12px}
.sd-usage-head{display:flex;align-items:baseline;justify-content:space-between;padding:0 10px 10px;color:var(--subtle-foreground);font-size:11px;line-height:16px}
.sd-usage-manage{color:var(--muted-foreground);font-size:11px;text-decoration:none}
.sd-usage-manage:hover{color:var(--foreground)}
.sd-meter{margin-top:13px}
.sd-meter:first-of-type{margin-top:0}
.sd-meter-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:0 10px;color:var(--muted-foreground);font-size:11.5px;line-height:16px}
.sd-meter-row b{color:var(--foreground);font-weight:400;font-variant-numeric:tabular-nums;white-space:nowrap}
.sd-meter-track{height:3px;margin:6px 10px 0;border-radius:2px;background:#24262b;overflow:hidden}
.sd-meter-track i{display:block;min-width:6px;height:100%;border-radius:2px;background:#a6b7ed}
.sd-usage-foot{margin:14px 0 0;padding:0 10px;color:var(--subtle-foreground);font-size:10.5px;line-height:15px}
.sd-usage-status{display:flex;align-items:center;gap:7px;margin-top:10px;padding:0 10px;color:var(--muted-foreground);font-size:10.5px;line-height:15px}
.sd-usage-status i{width:6px;height:6px;border-radius:50%;background:#8bcab2;box-shadow:0 0 0 3px rgb(139 202 178 / 10%);flex:none}
.sd-resources{padding:0 12px}
.sd-resources .sd-group-label{margin:0;padding:0 10px 4px;color:var(--subtle-foreground);font-size:11px;line-height:24px}
.sd-resources a{display:flex;align-items:center;justify-content:space-between;height:30px;padding:0 10px;border-radius:5px;color:var(--sidebar-foreground);font-size:12.5px;text-decoration:none}
.sd-resources a:hover{background:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}
.sd-resources a span{color:var(--subtle-foreground);font-size:11px}
html[data-refinement=off] [data-sd-refine],html[data-refinement=off] .sd-nav-count{display:none!important}
html[data-product=sandock][data-refinement=on] [data-sandock-list]{gap:20px;padding:8px;min-width:0}
html[data-product=sandock][data-refinement=on] [data-sandock-list-header]{gap:24px}
html[data-product=sandock][data-refinement=on] [data-sandock-list-header] h2{font-size:var(--sd-type-title);line-height:28px;letter-spacing:-.025em;font-weight:500}
html[data-product=sandock][data-refinement=on] [data-sandock-list-header]>div:first-child>div:first-child>span{border:1px solid var(--border);background:transparent;color:var(--muted-foreground);font-size:11px;padding:1px 6px;min-width:23px;justify-content:center;font-weight:400;border-radius:5px}
html[data-product=sandock][data-refinement=on] [data-sandock-toolbar]{justify-content:space-between;column-gap:16px;row-gap:10px}
html[data-product=sandock][data-refinement=on] [data-sandock-toolbar]>div:first-child{max-width:300px;min-width:180px}
html[data-product=sandock][data-refinement=on] [data-sandock-toolbar] input{height:32px;font-size:var(--sd-type-body);background:#17181b;border:1px solid var(--border);border-radius:var(--sd-radius-control);box-shadow:none;padding-left:32px}
html[data-product=sandock][data-refinement=on] [data-sandock-toolbar] input::placeholder{color:var(--subtle-foreground)}
html[data-product=sandock][data-refinement=on] [data-sandock-toolbar]>div:first-child>svg{left:10px;width:14px;height:14px}
html[data-product=sandock][data-refinement=on] [data-sandock-toolbar] button{height:32px;font-size:var(--sd-type-meta);border-radius:var(--sd-radius-control);font-weight:400;box-shadow:none;transition:background-color 120ms ease,border-color 120ms ease}
html[data-product=sandock][data-refinement=on] [data-sandock-toolbar]>div:last-child>button{border-color:transparent;background:transparent;color:var(--muted-foreground)}
html[data-product=sandock][data-refinement=on] [data-sandock-toolbar] button:hover{background:var(--accent);color:var(--foreground)}
html[data-product=sandock][data-refinement=on] [data-sandock-toolbar] button>svg{width:14px;height:14px;stroke-width:1.6}
html[data-product=sandock][data-refinement=on] [data-sandock-list] table{width:100%;min-width:850px;border-collapse:collapse;table-layout:fixed}
html[data-product=sandock][data-refinement=on] [data-sandock-list] tr>*:is(:nth-child(3),:nth-child(6),:nth-child(8),:nth-child(10)){display:none}
html[data-product=sandock][data-refinement=on] [data-sandock-list] thead tr{background:transparent;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border)}
html[data-product=sandock][data-refinement=on] [data-sandock-list] th{height:38px;padding:8px 12px;font-size:var(--sd-type-meta);font-weight:400;color:var(--subtle-foreground);white-space:nowrap;letter-spacing:0}
html[data-product=sandock][data-refinement=on] [data-sandock-list] td{height:var(--sd-row-height);padding:14px 12px;font-size:var(--sd-type-body);vertical-align:middle;white-space:nowrap}
html[data-product=sandock][data-refinement=on] [data-sandock-list] tbody tr{border-bottom:1px solid var(--border-subtle);background:transparent;transition:background-color 120ms ease}
html[data-product=sandock][data-refinement=on] [data-sandock-list] tbody tr:hover{background:#1b1c20}
html[data-product=sandock][data-refinement=on] [data-sandock-list] tr>*:first-child{width:36px;min-width:36px;padding-left:10px;padding-right:6px}
html[data-product=sandock][data-refinement=on] [data-sandock-list] tr>*:nth-child(2){width:30%}
html[data-product=sandock][data-refinement=on] [data-sandock-list] tr>*:nth-child(4){width:100px}
html[data-product=sandock][data-refinement=on] [data-sandock-list] tr>*:nth-child(5){width:150px}
html[data-product=sandock][data-refinement=on] [data-sandock-list] tr>*:nth-child(7){width:130px}
html[data-product=sandock][data-refinement=on] [data-sandock-list] tr>*:nth-child(9){width:180px}
html[data-product=sandock][data-refinement=on] [data-sandock-list] tr>*:last-child{width:70px;padding-right:8px}
html[data-product=sandock][data-refinement=on] [data-sandock-list] input[type=checkbox]{appearance:none;width:13px;height:13px;border:1px solid #4e5059;border-radius:3px;background:transparent;display:inline-grid;place-content:center;vertical-align:middle;cursor:pointer}
html[data-product=sandock][data-refinement=on] [data-sandock-list] input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary)}
html[data-product=sandock][data-refinement=on] [data-sandock-list] input[type=checkbox]:checked::after{content:'';width:6px;height:4px;border-left:1.5px solid white;border-bottom:1.5px solid white;transform:translateY(-1px) rotate(-45deg)}
html[data-product=sandock][data-refinement=on] [data-sandock-list] .sandock-precision-only{display:flex}
html[data-product=sandock][data-refinement=on] .sandock-environment-icon{width:15px;height:15px;color:var(--subtle-foreground);stroke-width:1.5;flex:none}
html[data-product=sandock][data-refinement=on] [data-sandock-identity]>a{gap:9px;line-height:18px;font-size:var(--sd-type-body);font-weight:500;color:var(--foreground);text-decoration:none}
html[data-product=sandock][data-refinement=on] .sandock-environment-id{margin-top:3px;padding-left:24px;align-items:center;gap:5px;height:17px;color:var(--subtle-foreground);font-family:SFMono-Regular,Consolas,monospace;font-size:11px;line-height:17px;font-weight:400}
html[data-product=sandock][data-refinement=on] .sandock-environment-id button{height:18px;width:18px;opacity:0;transition:opacity 120ms ease;color:var(--muted-foreground)}
html[data-product=sandock][data-refinement=on] tr:hover .sandock-environment-id button,html[data-product=sandock][data-refinement=on] .sandock-environment-id:focus-within button{opacity:1}
html[data-product=sandock][data-refinement=on] .sandock-image-provider,html[data-product=sandock][data-refinement=on] .sandock-created-at{margin-top:4px;color:var(--subtle-foreground);font-size:11px;line-height:16px}
html[data-product=sandock][data-refinement=on] [data-sandock-list] td:nth-child(5)>span:first-child{font-family:SFMono-Regular,Consolas,monospace;font-size:var(--sd-type-meta);color:#c5c7ce}
html[data-product=sandock][data-refinement=on] [data-sandock-list] td:nth-child(7)>span,html[data-product=sandock][data-refinement=on] [data-sandock-list] td:nth-child(9)>span:first-child{font-size:var(--sd-type-meta);color:var(--muted-foreground);font-variant-numeric:tabular-nums}
html[data-product=sandock][data-refinement=on] [data-sandock-status]{display:inline-flex;align-items:center;gap:7px;padding:0;border:0;background:transparent;border-radius:0;color:var(--muted-foreground);font-size:11px;line-height:18px;font-weight:500;letter-spacing:.025em;box-shadow:none}
html[data-product=sandock][data-refinement=on] [data-sandock-status]::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}
html[data-product=sandock][data-refinement=on] [data-sandock-status=RUNNING]{color:#80cda7}
html[data-product=sandock][data-refinement=on] [data-sandock-status=ERROR]{color:#ec9494}
html[data-product=sandock][data-refinement=on] [data-sandock-status=CREATING]{color:#d8bb7f}
html[data-product=sandock][data-refinement=on] [data-sandock-list]>div:last-child:not([data-sandock-list-header]){padding-top:0;font-size:var(--sd-type-meta)}
html[data-product=sandock][data-refinement=on] [data-sandock-list]>div:last-child :is(span,button,a){font-size:var(--sd-type-meta)}
html[data-product=sandock][data-refinement=on] [data-sandock-list]>div:last-child button{box-shadow:none;border-color:var(--border);border-radius:var(--sd-radius-control)}
html[data-product=sandock][data-refinement=on] #app :is(button,a,input):focus-visible{outline:2px solid var(--primary);outline-offset:2px}
html[data-product=sandock][data-refinement=on] #app :is(button,input):disabled{opacity:.45}
@media(hover:none){html[data-product=sandock][data-refinement=on] .sandock-environment-id button,html[data-product=sandock][data-refinement=on] [data-sandock-list] tr>td:last-child>div{opacity:1}}
@media(max-width:1023px){html[data-product=sandock][data-refinement=on] [data-sandock-list]{padding:0}html[data-product=sandock][data-refinement=on] [data-sandock-toolbar]{justify-content:flex-start}html[data-product=sandock][data-refinement=on] [data-sandock-toolbar]>div:first-child{max-width:none}}
@media(prefers-reduced-motion:reduce){html[data-product=sandock][data-refinement=on] #app *{transition:none!important;animation:none!important}}

html[data-product=sandock][data-refinement=on] [data-sandock-list] tr:focus-within>td:last-child>div{opacity:1}

html[data-product=sandock][data-refinement=on] [data-sandock-list-stage]{padding:0}
html[data-product=sandock][data-refinement=on] .sandock-environment-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-product=sandock][data-refinement=on] [data-sandock-list] td:last-child button{height:28px;width:28px;padding:0;box-shadow:none}