/* OpenClaw Glass v3: hard skin for V2Board compiled frontend. */
:root{--oc-ink:#102033;--oc-muted:#64748b;--oc-brand:#0f766e;--oc-brand2:#14b8a6;--oc-blue:#38bdf8;--oc-orange:#fb923c;--oc-purple:#a78bfa;--oc-glass:rgba(255,255,255,.54);--oc-glass2:rgba(255,255,255,.72);--oc-line:rgba(255,255,255,.72);--oc-border:rgba(148,163,184,.24);--oc-shadow:0 24px 70px rgba(15,23,42,.14);--oc-shadow2:0 12px 34px rgba(15,23,42,.10);--oc-radius:26px}
html,body,#root{min-height:100%!important}body.oc-glass-theme{color:var(--oc-ink)!important;background:radial-gradient(circle at 7% 4%,rgba(56,189,248,.42),transparent 30vw),radial-gradient(circle at 93% 8%,rgba(251,146,60,.34),transparent 30vw),radial-gradient(circle at 60% 96%,rgba(20,184,166,.24),transparent 34vw),linear-gradient(135deg,#dff6ff 0%,#f8fbff 45%,#fff1e7 100%)!important;background-attachment:fixed!important}body.oc-glass-theme:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(112deg,rgba(255,255,255,.34) 0 1px,transparent 1px),linear-gradient(8deg,rgba(255,255,255,.24) 0 1px,transparent 1px),radial-gradient(circle at 50% 0,rgba(255,255,255,.56),transparent 45%);background-size:360px 360px,440px 440px,auto}body.oc-glass-theme *{box-sizing:border-box}
body.oc-glass-theme #root,body.oc-glass-theme #root>div,body.oc-glass-theme .ant-layout,body.oc-glass-theme .ant-layout-content,body.oc-glass-theme .ant-pro-basicLayout,body.oc-glass-theme .ant-pro-basicLayout-content,body.oc-glass-theme .ant-pro-basicLayout-children-content-wrap,body.oc-glass-theme .ant-pro-grid-content,body.oc-glass-theme main{background:transparent!important}
body.oc-glass-theme .oc-glass-surface,body.oc-glass-theme .ant-card,body.oc-glass-theme .ant-list,body.oc-glass-theme .ant-table-wrapper,body.oc-glass-theme .ant-modal-content,body.oc-glass-theme .ant-drawer-content,body.oc-glass-theme .ant-popover-inner,body.oc-glass-theme .ant-dropdown-menu,body.oc-glass-theme .ant-alert,body.oc-glass-theme .ant-result,body.oc-glass-theme .ant-descriptions-view{background:var(--oc-glass)!important;background-image:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.38))!important;border:1px solid var(--oc-line)!important;border-radius:var(--oc-radius)!important;box-shadow:var(--oc-shadow2)!important;backdrop-filter:blur(28px) saturate(160%)!important;-webkit-backdrop-filter:blur(28px) saturate(160%)!important;color:var(--oc-ink)!important;overflow:hidden!important}
body.oc-glass-theme .ant-card-head,body.oc-glass-theme .ant-card-body,body.oc-glass-theme .ant-list-item,body.oc-glass-theme .ant-table,body.oc-glass-theme .ant-table-container,body.oc-glass-theme .ant-table-content,body.oc-glass-theme .ant-table-thead>tr>th,body.oc-glass-theme .ant-table-tbody>tr>td{background:transparent!important;border-color:var(--oc-border)!important}
body.oc-glass-theme .ant-row>.ant-col>div:not(.ant-card):not(.ant-statistic):not(.ant-progress),body.oc-glass-theme .ant-row>[class*=ant-col]>div:not(.ant-card):not(.ant-statistic):not(.ant-progress){background:var(--oc-glass)!important;background-image:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.38))!important;border:1px solid var(--oc-line)!important;border-radius:var(--oc-radius)!important;box-shadow:var(--oc-shadow2)!important;backdrop-filter:blur(28px) saturate(160%)!important;-webkit-backdrop-filter:blur(28px) saturate(160%)!important;overflow:hidden!important}
body.oc-glass-theme .ant-layout-sider,body.oc-glass-theme .ant-pro-sider,body.oc-glass-theme .ant-pro-sider-menu,body.oc-glass-theme .ant-pro-sider-logo,body.oc-glass-theme .ant-menu,body.oc-glass-theme .ant-menu-dark,body.oc-glass-theme .ant-menu-inline{background:rgba(255,255,255,.62)!important;background-image:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.44))!important;backdrop-filter:blur(30px) saturate(160%)!important;-webkit-backdrop-filter:blur(30px) saturate(160%)!important;border-right:1px solid rgba(255,255,255,.74)!important;box-shadow:18px 0 55px rgba(15,23,42,.08)!important;color:#334155!important}
body.oc-glass-theme .ant-layout-header,body.oc-glass-theme .ant-pro-global-header,body.oc-glass-theme .ant-pro-fixed-header{background:rgba(255,255,255,.66)!important;backdrop-filter:blur(24px) saturate(160%)!important;-webkit-backdrop-filter:blur(24px) saturate(160%)!important;border-bottom:1px solid rgba(255,255,255,.74)!important;box-shadow:0 16px 46px rgba(15,23,42,.08)!important;color:var(--oc-ink)!important}
body.oc-glass-theme .ant-menu-item,body.oc-glass-theme .ant-menu-item a,body.oc-glass-theme .ant-menu-submenu-title{color:#334155!important;font-weight:650!important}body.oc-glass-theme .ant-menu-item-selected{margin:7px 12px!important;width:calc(100% - 24px)!important;border-radius:16px!important;background:linear-gradient(135deg,var(--oc-brand),var(--oc-brand2))!important;box-shadow:0 14px 28px rgba(15,118,110,.22)!important}body.oc-glass-theme .ant-menu-item-selected,body.oc-glass-theme .ant-menu-item-selected a,body.oc-glass-theme .ant-menu-item-selected .anticon{color:#fff!important}
body.oc-glass-theme h1,body.oc-glass-theme h2,body.oc-glass-theme h3,body.oc-glass-theme h4,body.oc-glass-theme .ant-card-head-title,body.oc-glass-theme .ant-page-header-heading-title{color:var(--oc-ink)!important;font-weight:850!important;letter-spacing:-.02em!important}body.oc-glass-theme .ant-table-thead>tr>th{color:#475569!important;font-weight:800!important;border-bottom-color:var(--oc-border)!important}body.oc-glass-theme .ant-table-tbody>tr:hover>td{background:rgba(255,255,255,.36)!important}
body.oc-glass-theme .ant-btn{border-radius:14px!important;font-weight:750!important}body.oc-glass-theme .ant-btn-primary,body.oc-glass-theme button.ant-btn-primary{border:0!important;color:#fff!important;background:linear-gradient(135deg,var(--oc-brand),var(--oc-brand2))!important;box-shadow:0 14px 28px rgba(15,118,110,.22)!important}body.oc-glass-theme .ant-btn:not(.ant-btn-primary){background:rgba(255,255,255,.68)!important;border-color:rgba(203,213,225,.75)!important;color:#334155!important}
body.oc-glass-theme .ant-input,body.oc-glass-theme .ant-input-number,body.oc-glass-theme .ant-select-selection,body.oc-glass-theme .ant-select-selector,body.oc-glass-theme .ant-picker,body.oc-glass-theme .ant-input-affix-wrapper,body.oc-glass-theme textarea.ant-input{border-radius:14px!important;border-color:rgba(203,213,225,.78)!important;background:rgba(255,255,255,.70)!important;color:var(--oc-ink)!important}
body.oc-glass-theme .ant-tag{border-radius:999px!important;border:1px solid rgba(255,255,255,.68)!important;background:rgba(255,255,255,.58)!important;color:var(--oc-brand)!important;font-weight:750!important}body.oc-glass-theme .ant-progress-bg{background:linear-gradient(90deg,var(--oc-brand),var(--oc-blue))!important}body.oc-glass-theme .ant-progress-inner{background:rgba(15,23,42,.08)!important}
body.oc-glass-theme .oc-glass-surface:hover,body.oc-glass-theme .ant-card:hover,body.oc-glass-theme .ant-list-item:hover{transform:translateY(-1px);box-shadow:var(--oc-shadow)!important;transition:transform .18s ease,box-shadow .18s ease}
@media(max-width:768px){body.oc-glass-theme .oc-glass-surface,body.oc-glass-theme .ant-card,body.oc-glass-theme .ant-list,body.oc-glass-theme .ant-table-wrapper,body.oc-glass-theme .ant-row>[class*=ant-col]>div{border-radius:18px!important}body.oc-glass-theme .ant-layout-content{padding-left:10px!important;padding-right:10px!important}}