/* Layout transcribed from the observed reference; no business-state selectors. */
.reference-admin{background:#f0f2f5;color:#606266}
.reference-admin .sidebar{top:0;width:230px;padding:0;background:linear-gradient(165deg,#10192d,#201b49);color:#c0c7d6;z-index:46}
.reference-brand{height:60px;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid #ffffff0b;font-size:17px;font-weight:700;color:#fff;flex:none;overflow:hidden}
.reference-brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-brand svg{color:#4385ff;flex:none}
.reference-admin .topbar{left:230px;height:60px;background:#fff;color:#606266;border-bottom:1px solid #eef0f4;padding-right:12px;gap:8px}
.reference-admin .top-toggle{width:44px;border:0;color:#707b88}
.reference-admin .top-navigation{flex:1;min-width:60px;overflow:hidden}
.reference-breadcrumb{display:flex;align-items:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.reference-admin .top-actions{padding:0;flex:none;max-width:48%}.reference-admin .account-menu>summary{height:60px;max-width:180px;color:#475366}
.reference-admin .top-menu-items{top:60px}.reference-admin .top-chat{background:#f0f4fa;color:#657085}.reference-admin .classic-tools-toggle{color:#606266;border-color:#dce3ee;background:white}
.reference-admin .workbench-nav-search{padding:0;flex:0 1 240px;min-width:100px}.reference-admin .workbench-nav-search input{height:34px;min-height:34px;border-radius:18px;background:#f3f6fa;border-color:#eef0f4}
.reference-admin .sidebar .nav{padding:10px 8px;overflow:auto;flex:1}
.reference-admin .nav a{border-radius:7px;min-height:42px;padding:10px 14px;color:#acb7cb;font-size:14px;gap:12px}
.reference-admin .nav a:hover{background:#ffffff09;color:white}.reference-admin .nav a.active{background:#203558;color:#fff;box-shadow:inset 3px 0 #3c82f6}
.reference-nav-group{flex:none}.reference-nav-group>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 14px;color:#d9e1ef;font-weight:600}
.reference-nav-group>summary::-webkit-details-marker{display:none}.reference-nav-group>summary:hover{color:#fff;background:#ffffff08}.reference-chevron{margin-left:auto;color:#687894}
.reference-nav-group[open]>summary .reference-chevron{transform:rotate(180deg)}.reference-nav-children{border-left:1px dashed #ffffff15;margin-left:18px;padding-left:0}.reference-admin .reference-nav-children a{padding-left:16px;font-size:13px}
.reference-admin .sidebar-foot{background:transparent;color:#8390a8;font-size:11px;padding:12px 20px}
.reference-admin .workspace{margin-left:230px;padding-top:100px}.reference-admin .workspace-strip{left:230px;top:60px;height:40px;padding:5px 10px;gap:5px;background:white}
.reference-admin .workspace-tab{background:#f4f6f9;border:1px solid transparent;border-radius:4px;margin-right:5px;color:#7b8490;font-size:12px}.reference-admin .workspace-tab a{padding:4px 8px}.reference-admin .workspace-tab.active{background:#edf4ff;color:#409eff;border-color:#d9e9ff}.reference-admin .tab-close{padding:2px 5px 2px 0;font-size:14px}.reference-admin .workspace-refresh{font-size:22px;line-height:26px;width:32px}
.reference-admin main.content{background:#f0f2f5;padding:18px;min-height:calc(100vh - 100px)}
.reference-admin .card{border:0;border-radius:12px;background:#fff;box-shadow:0 3px 14px #10204008}.reference-admin .query-panel{margin-bottom:18px}.reference-admin .classic-filters{padding:20px;gap:16px 24px}.reference-admin .results-panel{padding-top:4px}.reference-admin th{background:#fafbfc;color:#707984;border-color:#edf0f4}.reference-admin td{border-color:#edf0f4}.reference-admin tbody tr:nth-child(odd){background:#fafbfc}
.reference-admin .reference-nav-group>summary:focus-visible{outline:2px solid #67a6ff;outline-offset:-2px}
.reference-admin.sidebar-collapsed .topbar{left:0}.reference-admin.sidebar-collapsed .workspace{margin-left:0}.reference-admin.sidebar-collapsed .workspace-strip{left:0}.reference-admin.sidebar-collapsed .sidebar{transform:translateX(-100%)}
@media(max-width:1000px){.reference-admin .workbench-nav-search{flex-basis:175px}.reference-admin .account-menu>summary{max-width:130px}.reference-admin .classic-tools-toggle{font-size:12px;padding:4px 8px}}
@media(max-width:850px){.reference-admin .topbar{left:0;padding-right:6px;gap:3px}.reference-admin .workspace{margin-left:0}.reference-admin .workspace-strip{left:0}.reference-admin .sidebar{transform:translateX(-100%)}.reference-admin.mobile-nav-open .sidebar{transform:none}.reference-admin .workbench-nav-search{flex-basis:140px;min-width:85px}.reference-admin .account-menu>summary{max-width:90px;padding:0 8px}.reference-admin .top-chat{display:none}.reference-admin .top-navigation{min-width:0}.reference-admin main.content{padding:12px}.reference-admin .mobile-shade{z-index:45}}
@media(max-width:460px){.reference-admin .reference-breadcrumb{font-size:11px}.reference-admin .top-toggle{width:34px}.reference-admin .classic-tools-toggle{max-width:58px;font-size:11px}.reference-admin .workbench-nav-search{flex-basis:100px}.reference-admin .workbench-nav-search input{font-size:11px;padding:4px 8px}.reference-admin .account-menu>summary{max-width:65px;font-size:11px}}

.agent-permission-tree348{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.agent-permission-tree348 fieldset{border:1px solid #dcdfe6;border-radius:4px;padding:12px;min-width:0}
.agent-permission-tree348 legend{padding:0 6px;font-weight:600}
.agent-permission-tree348 label{display:flex;align-items:center;gap:8px;margin:8px 0}
.agent-permission-tree348 input[type=checkbox]{width:16px;height:16px;flex:none}
@media(max-width:650px){.agent-permission-tree348{grid-template-columns:1fr}}
.reference-detail348{display:grid;grid-template-columns:1fr 1fr;gap:16px}.reference-detail348 dt{color:#909399;font-size:13px}.reference-detail348 dd{margin:5px 0;overflow-wrap:anywhere}@media(max-width:650px){.reference-detail348{grid-template-columns:1fr}}
.category-tree348 details,.category-tree-leaf348{padding:10px;border-bottom:1px solid #ebeef5}.category-tree-children348{margin-left:24px}.category-tree348 small{color:#909399;margin:0 12px}.category-tree348 summary{cursor:pointer}.category-tree348 p{white-space:pre-wrap;overflow-wrap:anywhere}

/* 355: reference list composition. Presentation only; preserve every action and notice. */
.reference-admin.sample-layout355 #page:has(>.query-panel)>.page-head{margin:0 0 8px;min-height:0}
.reference-admin.sample-layout355 #page:has(>.query-panel)>.page-head h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.reference-admin.sample-layout355 #page:has(>.query-panel)>.page-head p{font-size:12px;margin:0;color:#909399}
.reference-admin.sample-layout355 .query-panel>.panel-title,.reference-admin.sample-layout355 .results-panel>.panel-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.reference-admin.sample-layout355 .classic-filters{padding:20px;gap:16px 24px}
.reference-admin.sample-layout355 .result-toolbar{padding:18px 20px;border-bottom:1px solid #ebeef5;margin-bottom:0}
.reference-admin.sample-layout355 .results-panel{padding-top:0}
.reference-admin.sample-layout355 .results-panel .table-scroll{margin-top:16px}
.reference-admin.sample-layout355 th,.reference-admin.sample-layout355 td{padding-top:12px;padding-bottom:12px}

.reference-admin.sample-layout355 .classic-filters{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px}
.reference-admin.sample-layout355 .query-field{flex:0 1 270px}
.reference-admin.sample-layout355 .query-buttons{padding-left:0}
.reference-admin.sample-layout355 .workbench-advanced{order:2;flex-basis:100%}
@media(max-width:560px){.reference-admin.sample-layout355 .query-field{flex-basis:100%}}

.reference-admin.sample-layout355 .query-field>span{flex:0 0 74px;min-width:0;white-space:normal;overflow-wrap:anywhere}.reference-admin.sample-layout355 .query-field>input,.reference-admin.sample-layout355 .query-field>select{flex:1;min-width:0}
.reference-admin .desk-reference.support-grid{height:calc(100vh - 162px);min-height:600px}
.reference-admin .desk-reference .desk-thread-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:12px 16px}
.reference-admin .desk-reference .desk-thread-head h2{grid-column:1;grid-row:1;margin:0;overflow-wrap:anywhere}
.reference-admin .desk-reference #desk-back{grid-column:2;grid-row:1;float:none;align-self:start}
.reference-admin .desk-reference .desk-thread-head>p{grid-column:1;grid-row:2;margin:0}
.reference-admin .desk-tools355{grid-column:1/-1;font-size:12px}
.reference-admin .desk-tools355>summary{cursor:pointer;color:#409eff;padding:4px 0}
.reference-admin .desk-tools355-content{display:flex;gap:6px;flex-wrap:wrap;padding:6px 0}
.reference-admin .desk-tools355-content>p{width:100%;margin:0}
.reference-admin .desk-reference #desk-detail .support-thread[aria-label="会话消息"]{flex:1 1 260px;min-height:220px;background:#f7f8fa}
.reference-admin .desk-receive355{display:flex;align-items:center;gap:8px;justify-content:space-between;padding:4px 16px;border-top:1px solid #eef1f6}
.reference-admin .desk-receive355>p{font-size:11px;color:#8290a4;margin:0}
.reference-admin .desk-reference .desk-receive355 #desk-read{margin:0;flex:none}
.reference-admin .desk-reference #desk-reply{padding:8px 16px}
.reference-admin .desk-reference #desk-reply textarea{height:72px;min-height:60px}
.reference-admin .desk-reference #desk-reply-error:empty,.reference-admin .desk-reference #support-draft-confirmation:empty{display:none}
.reference-admin .desk-reference .desk-image-toolbar{padding:6px 16px;margin:0}
@media(max-width:700px){.reference-admin .desk-reference.support-grid{height:auto;min-height:0}.reference-admin .desk-receive355{flex-wrap:wrap}.reference-admin .desk-reference .desk-thread-head{grid-template-columns:minmax(0,1fr)}.reference-admin .desk-reference #desk-back{grid-column:1;grid-row:3;justify-self:start}}

/* Pale cyan-to-white gradient from the user's supplied visual reference. */
.reference-admin .topbar{background:linear-gradient(110deg,#c2f1f0 0%,#e5fbfb 48%,#f7fcfc 100%);border-bottom:1px solid #d9eeee;color:#152d30}
.reference-admin .top-toggle,.reference-admin .top-home,.reference-admin .top-menu>summary,.reference-admin .account-menu>summary{color:#152d30}
.reference-admin .top-home:hover,.reference-admin .top-menu>summary:hover{background:#ffffff70;color:#006e75}
.reference-admin .classic-tools-toggle,.reference-admin .top-chat{color:#175c61;border-color:#9cdedd;background:#ffffff65}
.reference-admin .sidebar{background:linear-gradient(165deg,#d1f4f3 0%,#edfbfb 45%,#fbfefe 100%);border-right-color:#d9ecec;color:#20383b}
.reference-admin .reference-brand{color:#163b3f;border-bottom-color:#cce6e6}
.reference-admin .nav a,.reference-admin .reference-nav-group>summary{color:#29484b}
.reference-admin .nav a:hover,.reference-admin .reference-nav-group>summary:hover{background:#ffffff85;color:#006d73}
.reference-admin .nav a.active{background:linear-gradient(100deg,#a9eded,#e5fafa);color:#07585f;box-shadow:inset 3px 0 #00c6cf}
.reference-admin .sidebar-foot,.reference-admin .reference-chevron{color:#5b7e80}
.reference-admin .workbench-nav-search input{background:#ffffffb8;border-color:#b9e3e4;color:#23474b}
.reference-admin main.content{background:radial-gradient(ellipse at 18% 0%,#d8f7f6 0%,transparent 55%),linear-gradient(135deg,#f3fcfc,#fff 65%,#e8fafa)}
.reference-admin .workspace-strip{background:#f7fdfd;border-color:#e1eeee}
.reference-admin .btn.primary{background:linear-gradient(115deg,#a9eeee,#6fdddd);border-color:#69d4d7;color:#12444b}
.reference-admin .btn.primary:hover{background:linear-gradient(115deg,#97e8e9,#55d3d6);border-color:#4ec8cf}
.reference-dashboard367 .color-metric:nth-child(n){background:linear-gradient(120deg,#d0f7f6,#f5fdfd);border-color:#c1eae9;color:#12454b}
.reference-dashboard367 .color-metric:nth-child(5n+2){background:linear-gradient(120deg,#b9eeed,#e9fbfb)}
.reference-dashboard367 .color-metric:nth-child(5n+3){background:linear-gradient(120deg,#dff8f7,#fbfefe)}
.reference-dashboard367 .color-metric:nth-child(5n+4){background:linear-gradient(120deg,#c7f4f3,#effcfc)}
.reference-dashboard367 .color-metric:nth-child(5n){background:linear-gradient(120deg,#ace8e7,#e2f9f9)}


/* Formal release367: presentation only. Do not hide or reorder business controls. */
.reference-admin :is(.card,.query-panel,.results-panel){background:linear-gradient(115deg,#fff 35%,#effcfc);border-color:#d9eeee;border-radius:14px}
.reference-admin :is(table thead th,.query-panel header){background:#f0fafa;color:#48656a}
.reference-admin :is(input,select,textarea){border-color:#cbdedf}
.reference-admin dialog{background:linear-gradient(130deg,#e4f9f7,#fff);border-color:#bce5e3;border-radius:14px;color:#42676c}
