:root{
  --oe-page:#f8f6f2;--oe-card:#fff;--oe-card-soft:#fcfaf6;--oe-text:#27211b;--oe-muted:#7e7469;
  --oe-gold:#a87838;--oe-gold-dark:#7d5524;--oe-line:#e2d6c7;--oe-line-soft:#eee7de;
  --oe-radius:12px;--oe-control-h:38px;--oe-shadow:0 6px 22px rgba(69,48,25,.055)
}
.oe-top-tabs{display:flex;align-items:center;gap:24px;overflow-x:auto;border-bottom:1px solid var(--oe-line);background:transparent}
.oe-top-tabs button{position:relative;flex:0 0 auto;min-height:43px;padding:0 1px;border:0;background:transparent;color:var(--oe-muted);font:700 14px/1.2 "Microsoft YaHei","PingFang SC",sans-serif;cursor:pointer}
.oe-top-tabs button.active{color:var(--oe-gold-dark)}
.oe-top-tabs button.active:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:3px;border-radius:3px 3px 0 0;background:var(--oe-gold)}
.oe-button,.mk-btn,.sp-btn{min-height:var(--oe-control-h);padding:0 15px;border:1px solid var(--oe-line);border-radius:9px;background:#fff;color:#50473e;font:650 14px/1.2 "Microsoft YaHei","PingFang SC",sans-serif;box-shadow:none;cursor:pointer}
.oe-button:hover,.mk-btn:hover,.sp-btn:hover{border-color:#c7ab83;background:#fffaf3;color:#714b1f}
.oe-button.primary,.mk-btn.primary,.sp-btn.primary{border-color:var(--oe-gold);background:var(--oe-gold);color:#fff}
.oe-button.primary:hover,.mk-btn.primary:hover,.sp-btn.primary:hover{border-color:#94662c;background:#94662c;color:#fff}
.oe-button:disabled,.mk-btn:disabled,.sp-btn:disabled{cursor:not-allowed;opacity:.55}
.oe-card{border:1px solid var(--oe-line);border-radius:var(--oe-radius);background:var(--oe-card);box-shadow:var(--oe-shadow)}
.oe-filter-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.oe-filter-row input,.oe-filter-row select{min-height:var(--oe-control-h);padding:0 12px;border:1px solid var(--oe-line);border-radius:9px;background:#fff;color:var(--oe-text)}

.sp-drawer-clear{width:min(860px,100vw)}
.sp-drawer-clear .sp-body{display:grid;gap:16px;background:#faf8f5}
.sp-editor-block{padding:18px;border:1px solid var(--oe-line);border-radius:12px;background:#fff}
.sp-editor-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.sp-editor-title b{font-size:16px}.sp-editor-title span{color:var(--oe-muted);font-size:12px}
.sp-role-mode{display:grid;grid-template-columns:220px 1fr;gap:14px}.sp-mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sp-mode-cards button{display:grid;gap:4px;min-height:70px;padding:12px;border:1px solid var(--oe-line);border-radius:10px;background:#fff;color:var(--oe-text);text-align:left;cursor:pointer}.sp-mode-cards button span{color:var(--oe-muted);font-size:11px}.sp-mode-cards button.active{border-color:var(--oe-gold);background:#fff8ec;box-shadow:0 0 0 2px rgba(168,120,56,.1)}
.sp-drawer-clear .sp-permission-head{align-items:flex-end;margin:0 0 12px}.sp-drawer-clear .sp-permission-head p{margin:4px 0 0;color:var(--oe-muted);font-size:12px}.sp-drawer-clear .sp-permission-tools input{width:165px;min-height:38px;padding:0 10px;border:1px solid var(--oe-line);border-radius:9px;background:#fff}
.sp-risk-note{display:flex;gap:10px;margin-bottom:12px;padding:11px 13px;border-left:3px solid #ad613f;background:#fff7f2;color:#795244}.sp-risk-note span{color:#8d6a5c;font-size:12px}
.sp-drawer-clear .sp-permission-group{padding:0;overflow:hidden}.sp-drawer-clear .sp-permission-group>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 15px;cursor:pointer;list-style:none}.sp-drawer-clear .sp-permission-group>summary::-webkit-details-marker{display:none}.sp-drawer-clear .sp-permission-group>summary div{display:grid;gap:2px}.sp-drawer-clear .sp-permission-group>summary small{color:var(--oe-muted);font-size:11px}.sp-drawer-clear .sp-permission-group>summary>span{color:var(--oe-muted);font-size:12px}.sp-drawer-clear .sp-permission-group[open]>summary{border-bottom:1px solid var(--oe-line-soft);background:#fcfaf7}.sp-drawer-clear .sp-check-grid{padding:10px 12px 13px}.sp-drawer-clear .sp-check span{display:grid}.sp-drawer-clear .sp-check b{font-size:13px}.sp-drawer-clear .sp-check small{color:#968b80;font-size:10px}.sp-drawer-clear .sp-check.risk-high{border:1px solid #f0d4c8;background:#fff9f6}.sp-drawer-clear .sp-check.risk-high small{color:#a14d3c}.sp-save-summary{margin-right:auto;color:var(--oe-muted);font-size:12px}.sp-drawer-clear footer{width:min(860px,100vw)}
@media(max-width:760px){.sp-role-mode,.sp-mode-cards{grid-template-columns:1fr}.sp-editor-title,.sp-drawer-clear .sp-permission-head{align-items:flex-start;flex-direction:column}.sp-drawer-clear .sp-permission-tools{width:100%;flex-wrap:wrap}.sp-drawer-clear .sp-permission-tools input{width:100%}}
