:root{--cmdb-ease:cubic-bezier(.2,.8,.2,1)}.cmdb-panel{font-family:var(--wh-font);flex:auto;min-height:0;margin:0;padding:0;display:flex;overflow:hidden}.cmdb-layout{flex-direction:row;flex:auto;align-items:stretch;width:100%;min-height:0;display:flex}.cmdb-rail{border-right:1px solid var(--wh-border);background:var(--wh-surface,#fff);flex-direction:column;flex-shrink:0;width:270px;min-width:230px;min-height:0;display:flex}.cmdb-rail-header{justify-content:space-between;align-items:center;gap:8px;padding:14px 12px 8px;display:flex}.cmdb-rail-title{text-transform:uppercase;letter-spacing:.08em;color:var(--wh-text-muted);font-size:11px;font-weight:700}.cmdb-rail-search{padding:0 10px 8px}.cmdb-rail-list{flex:auto;min-height:0;padding:2px 6px 6px;overflow-y:auto}.cmdb-rail-empty{color:var(--wh-text-muted);text-align:center;padding:16px 12px;font-size:12.5px}.cmdb-rail-item{cursor:pointer;text-align:left;transition:background .16s var(--cmdb-ease),transform .16s var(--cmdb-ease);border-radius:9px;align-items:center;gap:10px;margin:2px 0;padding:7px 8px;display:flex;position:relative}.cmdb-rail-item:hover{background:var(--wh-surface-hover,#0000000a)}.cmdb-rail-item:focus-visible{outline:2px solid var(--wh-indigo,#2563eb);outline-offset:-1px}.cmdb-rail-item--active{background:var(--wh-indigo-muted,#2563eb1a)}.cmdb-rail-item--active:before{content:"";background:var(--wh-indigo,#2563eb);border-radius:0 4px 4px 0;width:3px;height:58%;position:absolute;top:50%;left:-6px;transform:translateY(-50%)}.cmdb-rail-item__icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.cmdb-rail-item__text{flex:1;min-width:0}.cmdb-rail-item__name{color:var(--wh-text);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.cmdb-rail-item--active .cmdb-rail-item__name{color:var(--wh-indigo,#2563eb)}.cmdb-rail-item__sub{color:var(--wh-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.cmdb-rail-item__count{color:var(--wh-text-muted);background:var(--wh-bg,#f3f4f6);border-radius:999px;flex-shrink:0;padding:1px 7px;font-size:11px;font-weight:600}.cmdb-rail-item--active .cmdb-rail-item__count{background:color-mix(in srgb,var(--wh-indigo,#2563eb)14%,transparent);color:var(--wh-indigo,#2563eb)}.cmdb-rail-item__menu{color:var(--wh-text-muted);cursor:pointer;opacity:0;transition:opacity .16s var(--cmdb-ease),background .16s var(--cmdb-ease);background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-right:-2px;display:flex}.cmdb-rail-item:hover .cmdb-rail-item__menu,.cmdb-rail-item:focus-within .cmdb-rail-item__menu,.cmdb-rail-item__menu[data-state=open]{opacity:1}.cmdb-rail-item__menu:hover{background:var(--wh-surface-active,#00000014);color:var(--wh-text)}.cmdb-rail-new{background:var(--wh-indigo-muted,#2563eb14);color:var(--wh-indigo,#2563eb);font-family:var(--wh-font);cursor:pointer;transition:transform .16s var(--cmdb-ease),background .16s var(--cmdb-ease);border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;margin:8px 10px 12px;padding:9px 12px;font-size:13px;font-weight:600;display:flex}.cmdb-rail-new:hover{background:color-mix(in srgb,var(--wh-indigo,#2563eb)14%,transparent);transform:translateY(-1px)}.cmdb-rail-new:active{transform:translateY(0)scale(.98)}.cmdb-rail-new-icon{background:color-mix(in srgb,var(--wh-indigo,#2563eb)16%,transparent);transition:transform .2s var(--cmdb-ease);border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.cmdb-rail-new:hover .cmdb-rail-new-icon{transform:rotate(90deg)}.cmdb-detail{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex;overflow-y:auto}.cmdb-detail-header{align-items:center;gap:12px;padding:16px 16px 12px;display:flex}.cmdb-detail-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.cmdb-detail-title{color:var(--wh-text);letter-spacing:-.2px;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:700;overflow:hidden}.cmdb-detail-meta{color:var(--wh-text-muted);font-size:12.5px}.cmdb-detail-desc{color:var(--wh-text-secondary,var(--wh-text-muted));margin:0 16px 4px;font-size:13px;line-height:1.5}.cmdb-detail-body{flex:1;min-height:0;padding:8px 16px 16px}.cmdb-detail-placeholder{flex:1;justify-content:center;align-items:center;display:flex}.cmdb-asset-list{gap:6px;display:grid}.cmdb-asset-row{border:1px solid var(--wh-border-light,#0000000f);background:var(--wh-surface);cursor:pointer;text-align:left;font-family:var(--wh-font);transition:border-color .16s var(--cmdb-ease),transform .16s var(--cmdb-ease),box-shadow .16s var(--cmdb-ease);border-radius:10px;align-items:center;gap:10px;padding:9px 12px;display:flex}.cmdb-asset-row:hover{border-color:color-mix(in srgb,var(--wh-indigo,#2563eb)40%,transparent);transform:translateY(-1px);box-shadow:0 6px 16px -10px #0f172a40}.cmdb-asset-row__name{color:var(--wh-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.cmdb-asset-row__sub{color:var(--wh-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}@media (width<=768px){.cmdb-layout{flex-direction:column}.cmdb-rail{border-right:none;border-bottom:1px solid var(--wh-border);width:auto;max-height:280px}.cmdb-detail{overflow:visible}}@media (prefers-reduced-motion:reduce){.cmdb-rail-item,.cmdb-rail-new,.cmdb-rail-new-icon,.cmdb-asset-row{transition:none}}@media (hover:none){.cmdb-rail-item__menu{opacity:1}}