/* Adapted to real GO-LL components from the user's 2026-10-12 design reference.
   Only presentation selectors; availability, credentials and action handlers stay unchanged. */
.ui-refined { color-scheme: light; --ink:#252931; --muted:#656b76; --line:#e5e7eb; --panel:#fff; --green:#5b5bd6; --green-soft:#eeeefc; --font-caption:12px; --font-secondary:14px; --font-control:14px; --font-body:14px; }
.ui-refined body { background:#f6f7f9; color:#252931; font:14px/1.65 'Microsoft YaHei','PingFang SC',system-ui,sans-serif; }
.ui-refined button,.ui-refined input,.ui-refined select,.ui-refined textarea { font-size:14px; }
.ui-refined h1 { font-size:28px; line-height:1.3; letter-spacing:-.5px; }
.ui-refined h2 { font-size:18px; line-height:1.5; }
.ui-refined h3 { font-size:16px; }
.ui-refined .shell { grid-template-columns:224px minmax(0,1fr); min-width:0; }
.ui-refined .sidebar.sidebar-refined { background:#fff; border-right:1px solid #e5e7eb; box-shadow:none; padding:20px 12px 0; }
.ui-refined .sidebar.sidebar-refined .brand { margin:0 6px 18px; padding:0; border:0; min-height:40px; }
.ui-refined .sidebar.sidebar-refined .brand-mark { width:34px; height:34px; }
.ui-refined .sidebar.sidebar-refined .brand strong { color:#252931; font-size:15px; }
.ui-refined .sidebar.sidebar-refined .brand small { font-size:9px; color:#656b76; letter-spacing:.3px; }
.ui-refined .sidebar.sidebar-refined nav { gap:19px; padding:8px 0 20px; }
.ui-refined .sidebar.sidebar-refined .nav-group { border:0; border-radius:0; padding:0; box-shadow:none; background:none; }
.ui-refined .sidebar.sidebar-refined .nav-group>p { color:#737985; padding:0 12px; margin-bottom:5px; font-size:12px; }
.ui-refined .sidebar.sidebar-refined .nav-group button { min-height:36px; padding:7px 11px; gap:10px; margin:2px 0; border:0; border-radius:6px; background:transparent; color:#4f5561; box-shadow:none; }
.ui-refined .sidebar.sidebar-refined .nav-group button:hover { background:#f6f7f9; }
.ui-refined .sidebar.sidebar-refined .nav-group button.active { background:#eeeefc; color:#5b5bd6; border:0; box-shadow:none; }
.ui-refined .sidebar.sidebar-refined .nav-group button.active:before { display:none; }
.ui-refined .sidebar.sidebar-refined .nav-label strong { font-size:14px; font-weight:500; color:inherit; }
.ui-refined .nav-en,.ui-refined .nav-arrow { display:none!important; }
.ui-refined .sidebar.sidebar-refined .nav-icon { width:19px; height:19px; border:0; box-shadow:none; background:none; }
.ui-refined .sidebar.sidebar-refined .nav-icon .app-icon { width:19px; height:19px; filter:grayscale(.6); box-shadow:none; }
.ui-refined .sidebar.sidebar-refined .nav-status { border:0; border-radius:3px; background:#f1f2f5; color:#737985; padding:0 4px; font-size:10px; }
.ui-refined .sidebar-footer { background:#fff; box-shadow:none; border-radius:0; border:0; border-top:1px solid #e5e7eb; padding:12px 8px; }
.ui-refined .sidebar-footer p { font-size:12px; color:#737985; }
.ui-refined .shell>main { min-width:0; padding:0 32px 24px; background:#f6f7f9; }
.ui-refined .topbar { min-height:56px; height:56px; padding:0; margin-bottom:20px; background:#fff; border-bottom:1px solid #e5e7eb; box-shadow:0 0 0 32px #fff; }
.ui-refined .topbar-actions { gap:14px; }
.ui-refined .global-search { background:#fbfcfd; border:1px solid #e5e7eb; border-radius:6px; min-height:34px; }
.ui-refined .global-search input { font-size:12px; }
.ui-refined .environment,.ui-refined .demo-pill,.ui-refined .user-chip small { font-size:12px; color:#737985; }
.ui-refined .page-header { padding:0 0 20px; background:none; border:0; box-shadow:none; min-height:0; }
.ui-refined .page-header-art,.ui-refined .page-title-icon { display:none; }
.ui-refined .page-title-row { gap:0; }
.ui-refined .page-header-copy p { color:#656b76; font-size:14px; max-width:900px; }
.ui-refined .page-title-tags { margin-top:8px; }
.ui-refined .breadcrumb { margin-bottom:16px; font-size:12px; color:#737985; }
.ui-refined .page-stack { gap:16px; }
.ui-refined .panel,.ui-refined .metric-card,.ui-refined .feature-card,.ui-refined .store-detail-card,.ui-refined .module-card,.ui-refined .robot-tool-panel,.ui-refined .integration-card { background:#fff; border:1px solid #e5e7eb; border-radius:8px; box-shadow:none; }
.ui-refined .panel,.ui-refined .store-detail-card { padding:18px; }
.ui-refined .metric-grid { gap:12px; }
.ui-refined .metric-card { padding:14px 18px; min-height:90px; }
.ui-refined .metric-card strong { font-size:26px; }
.ui-refined .metric-icon { width:38px; height:38px; border-radius:7px; }
.ui-refined .section-kicker,.ui-refined .cd-eyebrow { font-size:10px; color:#737985; letter-spacing:1px; }
.ui-refined .feature-launcher { padding:0; background:none; border:0; box-shadow:none; }
.ui-refined .feature-launcher-heading { padding:0; margin-bottom:12px; }
.ui-refined .feature-launcher-heading p { font-size:13px; color:#737985; }
.ui-refined .availability-summary { gap:8px; }
.ui-refined .availability-summary>div { padding:8px; background:white; border:1px solid #e5e7eb; }
.ui-refined .feature-filters { margin:12px 0; }
.ui-refined .feature-filters button[aria-pressed=true] { background:#eeeefc; color:#5b5bd6; border-color:#dcdcf7; }
.ui-refined .feature-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.ui-refined .feature-card { padding:16px; min-height:0; gap:8px; color:#252931; }
.ui-refined .feature-card:hover { border-color:#bbbbed; transform:none; box-shadow:0 2px 8px #28284308; }
.ui-refined .feature-card-top { margin:0; }
.ui-refined .feature-card-icon { display:none; }
.ui-refined .feature-card h3 { font-size:15px; margin:0; }
.ui-refined .feature-card-purpose>strong { display:none; }
.ui-refined .feature-card-purpose p { font-size:13px; color:#656b76; line-height:1.6; margin:0; }
.ui-refined .feature-card-footer { padding-top:4px; border:0; font-size:12px; }
.ui-refined .feature-card-footer strong { color:#5b5bd6; }
.ui-refined .feature-card-tags { flex-wrap:wrap; }
.ui-refined .dashboard-grid { gap:12px; }
.ui-refined .panel-heading { margin-bottom:14px; }
.ui-refined .employee-layout,.ui-refined .release-admin-layout,.ui-refined .store-detail-layout { display:flex; flex-direction:column; gap:14px; }
.ui-refined .employee-layout>*,.ui-refined .release-admin-layout>* { width:100%; min-width:0; }
.ui-refined .employee-create { padding:16px 18px; order:2; }
.ui-refined .employee-list-panel { order:1; }
.ui-refined .employee-summary { gap:10px; grid-template-columns:repeat(6,minmax(0,1fr)); }
.ui-refined .employee-summary article { padding:12px; min-height:0; }
.ui-refined .employee-summary small { font-size:12px; }
.ui-refined .admin-command-center { padding:16px; background:#fff; border:1px solid #e5e7eb; border-radius:8px; }
.ui-refined .admin-command-center__actions { gap:8px; }
.ui-refined .admin-command-center__actions button { padding:10px; box-shadow:none; }
.ui-refined .release-list-panel { order:1; }
.ui-refined .release-form { order:2; }
.ui-refined .store-product-hero,.ui-refined .robot-hero,.ui-refined .environment-hero,.ui-refined .oc-hero { background:#fff; border:1px solid #e5e7eb; box-shadow:none; border-radius:8px; padding:22px; gap:20px; }
.ui-refined .store-product-hero { min-height:0; }
.ui-refined .store-product-identity { gap:16px; }
.ui-refined .business-tool-icon { width:60px; height:60px; }
.ui-refined .store-product-hero h1,.ui-refined .store-product-hero h2 { font-size:28px; }
.ui-refined .store-product-actions { min-width:230px; }
.ui-refined .store-install-button,.ui-refined .store-primary-action,.ui-refined .cd-btn-primary,.ui-refined .oc-primary-action { background:#5b5bd6; border-color:#5b5bd6; box-shadow:none; color:#fff; }
.ui-refined .store-local-flow { padding:14px; background:#fff; border:1px solid #e5e7eb; border-radius:8px; }
.ui-refined .store-detail-main { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; gap:12px; }
.ui-refined .store-detail-main>.handbook-section,.ui-refined .store-detail-main>.store-description-section { grid-column:1/-1; }
.ui-refined .store-detail-main>.store-preview-section { grid-column:1/-1; }
.ui-refined .store-detail-aside { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.ui-refined .store-preview-grid { gap:12px; }
.ui-refined .required-environment-list { max-height:none; }
.ui-refined .environment-hero h1,.ui-refined .robot-hero h1,.ui-refined .oc-hero h1 { font-size:28px; }
.ui-refined .environment-hero p,.ui-refined .robot-hero p { font-size:14px; }
.ui-refined .oc-terminal,.ui-refined .oc-command-grid pre,.ui-refined .oc-guide-command pre { background:#f6f7fb; color:#252931; border:1px solid #e5e7eb; }
.ui-refined .oc-hero-panel { background:#fafbff; color:#252931; border-color:#e5e7eb; }
.ui-refined .oc-hero-panel p,.ui-refined .oc-hero-panel span { color:#656b76; }
.ui-refined .oc-hero { grid-template-columns:1.6fr 1fr; }
.ui-refined .oc-hero h1 { max-width:none; }
.ui-refined .oc-gui-flow,.ui-refined .oc-experience-grid,.ui-refined .robot-connection-grid { gap:12px; }
.ui-refined .oc-maintenance-annex { padding:18px; background:#fff; border:1px solid #e5e7eb; border-radius:8px; }
.ui-refined .business-tool-switcher button { min-height:48px; padding:9px 12px; }
.ui-refined .login-page { background:#f6f7f9; }
.ui-refined .login-card { background:#fff; border:1px solid #e5e7eb; border-radius:12px; box-shadow:0 12px 42px #24242f08; }
.ui-refined .login-card button[type=submit] { background:#5b5bd6; }
.ui-refined .customer-data { color:#252931; }
.ui-refined .customer-data .cd-hero { background:none; padding:0 0 12px; border:0; box-shadow:none; min-height:0; border-radius:0; }
.ui-refined .customer-data .cd-hero h1 { font-size:28px; margin:0 0 5px; color:#252931; }
.ui-refined .customer-data .cd-hero p { color:#656b76; font-size:14px; }
.ui-refined .cd-eyebrow,.ui-refined .cd-hero-pills { display:none; }
.ui-refined .customer-data .cd-stats { display:flex; gap:18px; margin:0 0 12px; flex-wrap:wrap; }
.ui-refined .customer-data .cd-stats article { display:flex; padding:0; background:none; border:0; box-shadow:none; gap:6px; }
.ui-refined .customer-data .cd-stats article>div { display:flex; gap:7px; align-items:center; }
.ui-refined .cd-stat-icon,.ui-refined .cd-stats small { display:none!important; }
.ui-refined .customer-data .cd-stats strong,.ui-refined .customer-data .cd-stats p { font-size:12px; color:#656b76; margin:0; }
.ui-refined .customer-data .cd-panel { border:1px solid #e5e7eb; border-radius:8px; box-shadow:none; }
.ui-refined .customer-data .cd-panel-tabs { min-height:48px; padding:0 16px; }
.ui-refined .customer-data .cd-history-note { padding:8px 16px; font-size:12px; color:#656b76; }
.ui-refined .customer-data .cd-filters { padding:12px 16px; display:grid; grid-template-columns:minmax(240px,1.8fr) minmax(150px,1fr) auto auto; gap:10px; align-items:end; }
.ui-refined .customer-data .cd-filter-grid { display:contents; }
.ui-refined .customer-data .cd-search { grid-column:auto; }
.ui-refined .customer-data .cd-filters input,.ui-refined .customer-data .cd-filters select { min-height:38px; border-radius:6px; font-size:14px; padding:7px 10px; background:#fff; border-color:#d9dde5; }
.ui-refined .customer-data .cd-field-filter { grid-column:1/-1; }
.ui-refined .cd-filters[data-more-filters=false] .cd-filter-grid>label:nth-child(n+2),.ui-refined .cd-filters[data-more-filters=false] .cd-field-filter { display:none; }
.ui-refined .customer-data .cd-table-toolbar { padding:10px 16px; }
.ui-refined .customer-data .cd-btn { min-height:36px; padding:7px 12px; border-radius:6px; font-size:13px; }
.ui-refined .customer-data th { color:#4f5561; font-size:12px; padding:11px 14px; background:#f9fafb; }
.ui-refined .customer-data td { color:#252931; font-size:13px; padding:11px 14px; }
.ui-refined .customer-data .cd-table-scroll { max-height:calc(100dvh - 330px); min-height:0; overflow:auto; }
.ui-refined .customer-data thead th { position:sticky; top:0; z-index:2; }
.ui-refined .customer-data .cd-empty { padding:28px 12px; min-height:160px; }
.ui-refined .customer-data .cd-pagination { padding:12px 16px; font-size:12px; }
.ui-refined .customer-data .cd-text-button { font-size:12px; }
.ui-refined .customer-data .cd-panel-tabs .is-active { color:#5b5bd6; border-color:#5b5bd6; }
.ui-refined .customer-data .cd-footnote { font-size:12px; color:#656b76; margin-top:12px; }
.ui-refined [data-ui-preview-hidden=true] { display:none!important; }
.ui-refined .ui-more-control { display:block; width:max-content; max-width:100%; min-height:34px; padding:7px 12px; margin:9px 0; color:#5b5bd6; border:1px solid #dedff0; border-radius:6px; background:#fff; font-size:13px; text-align:left; }
.ui-refined .ui-more-control:hover { background:#eeeefc; }
.ui-refined .ui-more-control:focus-visible { outline:2px solid #5b5bd6; outline-offset:3px; }
@media(min-width:1700px) { .ui-refined .shell>main { padding-left:40px; padding-right:40px; } .ui-refined .feature-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:1100px) { .ui-refined .shell>main { padding:0 22px 20px; } .ui-refined .employee-summary { grid-template-columns:repeat(3,minmax(0,1fr)); } .ui-refined .store-detail-main { grid-template-columns:repeat(2,minmax(0,1fr)); } .ui-refined .feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .ui-refined .shell { grid-template-columns:170px minmax(0,1fr); } .ui-refined .sidebar.sidebar-refined { padding:14px 8px 0; } .ui-refined .sidebar.sidebar-refined .brand strong { font-size:12px; } .ui-refined .sidebar.sidebar-refined .brand small { font-size:8px; } .ui-refined .sidebar.sidebar-refined .brand-mark { width:25px; height:25px; } .ui-refined .shell>main { padding:0 16px 20px; } .ui-refined .global-search { display:none; } .ui-refined .feature-grid,.ui-refined .store-detail-main,.ui-refined .oc-hero { grid-template-columns:1fr; } .ui-refined .customer-data .cd-filters { grid-template-columns:1fr 1fr; } .ui-refined .customer-data .cd-table-scroll { max-height:55dvh; } }
@media(max-width:540px) { .ui-refined .shell { display:block; } .ui-refined .sidebar.sidebar-refined { position:relative; width:100%; height:auto; max-height:240px; padding:12px; border-right:0; border-bottom:1px solid #e5e7eb; } .ui-refined .sidebar.sidebar-refined nav { overflow:auto; max-height:140px; display:grid; grid-template-columns:1fr 1fr; gap:12px; } .ui-refined .sidebar-footer { display:none; } .ui-refined .topbar { gap:5px; } .ui-refined .topbar-actions { gap:8px; } .ui-refined .environment-shortcut,.ui-refined .demo-pill { display:none; } .ui-refined .user-chip div { max-width:80px; } .ui-refined .user-chip strong { font-size:12px; } .ui-refined .employee-summary { grid-template-columns:1fr 1fr; } .ui-refined .store-detail-aside { grid-template-columns:1fr; } .ui-refined .customer-data .cd-hero { align-items:flex-start; flex-direction:column; gap:12px; } .ui-refined .customer-data .cd-filters { grid-template-columns:1fr; } .ui-refined .customer-data .cd-field-filter { display:flex; flex-direction:column; } .ui-refined .cd-filters[data-more-filters=false] .cd-field-filter { display:none; } .ui-refined .customer-data .cd-panel-tabs { overflow:auto; } }
.ui-refined .workspace-switcher { background:#fff; border:0; border-top:1px solid #e5e7eb; box-shadow:none; border-radius:0; padding:12px; }
.ui-refined .workspace-switcher strong,.ui-refined .workspace-switcher small { color:#737985; font-size:12px; }
.ui-refined .admin-integration-grid { display:flex; flex-direction:column; gap:12px; }
.ui-refined .admin-integration-card { background:#fff; border:1px solid #e5e7eb; border-radius:8px; padding:18px; }
.ui-refined .openclaw-download-page p,.ui-refined .openclaw-download-page li { color:#656b76; }
.ui-refined .openclaw-download-page .oc-key-warning { color:#8c6618; background:#fff5dc; border-color:#efdfb8; }
.ui-refined .openclaw-download-page .oc-key-warning p { color:#8c6618; }
.ui-refined .openclaw-download-page .oc-guide-success { color:#24735c; }
.ui-refined .auth-shell { background:#f6f7f9; }
.ui-refined .auth-card { border:1px solid #e5e7eb; border-radius:12px; background:#fff; box-shadow:0 12px 42px #24242f08; }
.ui-refined .auth-card button[type=submit] { background:#5b5bd6; }
.ui-refined .page-stack { animation:none; }
.ui-refined .status-strip { padding:10px 14px; font-size:12px; background:#fff; border:1px solid #e5e7eb; border-radius:6px; }
.ui-refined .status-strip p { color:#656b76; }
.ui-refined .availability-badge { font-size:11px; border:0; border-radius:4px; padding:2px 6px; }
.ui-refined .header-actions .primary-button { background:#5b5bd6; border-color:#5b5bd6; box-shadow:none; }
.ui-refined .feature-card-top { justify-content:flex-end; }
.ui-refined .feature-card-purpose p { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ui-refined .feature-card-footer>span { color:#737985; }
.ui-refined .feature-launcher-heading { align-items:center; gap:12px; }
.ui-refined .availability-summary strong,.ui-refined .availability-summary small { font-size:12px; }
.ui-refined .feature-card { display:flex; flex-direction:column; }
.ui-refined .feature-card:before { display:none; }
.ui-refined .feature-card-purpose { margin:0; padding:0; background:none; border:0; border-radius:0; min-height:0; }
.ui-refined .feature-card-footer { margin-top:4px; }
.ui-refined .feature-card .availability-badge i { display:none; }
.ui-refined .feature-card-top { position:absolute; right:14px; bottom:13px; }
.ui-refined .feature-card-footer strong { visibility:hidden; }
.ui-refined .feature-card h3 { padding-right:10px; }
.ui-refined .employee-summary strong,.ui-refined .admin-command-center h2 { color:#252931; -webkit-text-fill-color:#252931; background:none; }
.ui-refined .employee-summary strong { font-size:22px; line-height:1.35; margin:6px 0; }
.ui-refined .employee-summary article { min-height:84px; }
.ui-refined .admin-command-center { display:block; min-height:0; }
.ui-refined .admin-command-center__intro h2 { font-size:16px; margin:0; }
.ui-refined .admin-command-center__actions { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:10px; }
.ui-refined .admin-command-center__actions button { display:flex; flex-wrap:wrap; align-items:center; gap:8px; min-height:38px; padding:8px; }
.ui-refined .admin-command-center__actions button>span { width:22px; height:22px; font-size:12px; }
.ui-refined .admin-command-center__actions button>strong { font-size:12px; }
.ui-refined .feature-card h3:after { content:'↗'; float:right; color:#737985; font-size:13px; }
.ui-refined .topbar { box-shadow:none; margin-left:-32px; margin-right:-32px; padding-left:32px; padding-right:32px; }
@media(max-width:1100px) { .ui-refined .topbar { margin-left:-22px; margin-right:-22px; padding-left:22px; padding-right:22px; } }
@media(max-width:760px) { .ui-refined .topbar { margin-left:-16px; margin-right:-16px; padding-left:16px; padding-right:16px; } }
.ui-refined .customer-data { gap:10px; padding-top:4px; }
.ui-refined .customer-data .cd-stats { margin-bottom:0; }
.ui-refined .customer-data .cd-stats .cd-stat-date { line-height:1.5; }
.ui-refined .customer-data .cd-panel-tabs [role=tab] { min-height:44px; padding:10px 0; }
.ui-refined .customer-data td { padding-top:8px; padding-bottom:8px; }
.ui-refined .customer-data .cd-table-toolbar { padding-top:6px; padding-bottom:6px; }
.ui-refined .customer-data .cd-hero-actions .cd-btn { min-height:36px; padding:8px 14px; }
.ui-refined .employee-table td { padding:8px; font-size:13px; }
.ui-refined .employee-table td:first-child small { font-size:11px; line-height:1.4; margin-top:2px; }
.ui-refined .employee-table td:first-child strong { font-size:13px; }
.ui-refined .employee-avatar { width:28px; height:28px; font-size:11px; }
.ui-refined .employee-table button { font-size:12px; min-height:28px; padding:5px 7px; }
.ui-refined .employee-create:has(.ui-more-control[aria-expanded=false]) { display:flex; gap:12px; align-items:center; justify-content:space-between; padding:12px 16px; }
.ui-refined .employee-create:has(.ui-more-control[aria-expanded=false]) .panel-heading { margin:0; }
.ui-refined .employee-create:has(.ui-more-control[aria-expanded=false]) .employee-form-note { display:none; }
.ui-refined .employee-create:has(.ui-more-control[aria-expanded=false]) .ui-more-control { margin:0; }
.ui-refined .employee-summary article { min-height:64px; padding:10px; }
.ui-refined .employee-summary small { font-size:11px; line-height:1.4; }
.ui-refined .admin-command-center:has(.ui-more-control[aria-expanded=false]),.ui-refined .employee-download-history:has(.ui-more-control[aria-expanded=false]) { padding:10px 16px; }
.ui-refined .admin-command-center:has(.ui-more-control[aria-expanded=false])>.ui-more-control,.ui-refined .employee-download-history:has(.ui-more-control[aria-expanded=false])>.ui-more-control { margin:0; }
.ui-refined .page-header { margin-bottom:14px; padding-bottom:0; }
.ui-refined .employee-management .employee-layout { gap:10px; }