:root{--v2-ink:#172033;--v2-muted:#7d879a;--v2-line:#e7eaf0;--v2-blue:#365ce9;--v2-navy:#111a2f;--v2-bg:#f5f7fb}
body{background:var(--v2-bg);color:var(--v2-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
.container{background:var(--v2-bg)}
.sidebar{width:236px;background:var(--v2-navy);padding:22px 14px 16px;box-shadow:14px 0 38px rgba(13,22,43,.06)}
.sidebar-header{padding:0 10px 18px;border:0;margin:0 0 12px;position:relative;min-height:128px;text-align:center}
.sidebar-header>div:first-child{width:106px!important;height:92px!important;background:#fff!important;border-radius:16px!important;float:none;margin:0 auto 8px!important;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 9px 25px rgba(2,8,24,.3)}
.sidebar-header>div:first-child img{width:100%!important;height:100%!important;object-fit:contain!important;filter:none!important}
.sidebar-header h1{display:none}.sidebar-header p{font-size:11px;color:#9aa5bb;margin:0;text-align:center;letter-spacing:.4px}
.auth-logo{width:104px!important;height:84px!important;object-fit:contain!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.sidebar-user{position:fixed;left:22px;bottom:16px;width:192px;padding:14px 0 0;border-top:1px solid #222c43;color:#dbe2ef;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px}.sidebar-user:before{content:"管";width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#dbe3ff,#aabaff);color:#2444b7;display:grid;place-items:center;font-weight:750;font-size:12px}.sidebar-user span{max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user button{margin:0!important;color:#8490a7!important;font-size:0}.sidebar-user button:after{content:"↪";font-size:17px}.menu{padding-bottom:68px!important}
.menu{padding:0;display:flex;flex-direction:column;gap:3px}.menu-title{padding:8px 12px;font-size:10px;color:#5e6982;letter-spacing:1.3px}.menu-item{min-height:42px;padding:0 12px;margin:0;border-radius:9px;color:#aab3c7;font-size:13px;position:relative}.menu-item svg{width:18px;height:18px;margin-right:11px}.menu-item:hover{background:#19243d;color:#fff}.menu-item.active{background:linear-gradient(90deg,#304fd7,#3d63ec);box-shadow:0 7px 20px rgba(33,61,184,.24);font-weight:600}.menu-item.active:after{content:"";position:absolute;right:-14px;width:3px;height:20px;background:#7690ff;border-radius:3px 0 0 3px}.menu-divider{background:#222c43;margin:17px 8px}
.main-content{margin-left:236px;padding:0;background:var(--v2-bg);min-width:0}.v2-topbar{height:63px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--v2-line);padding:0 34px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}.v2-topbar>div{display:flex;align-items:center;gap:9px;color:#99a2b2;font-size:12px}.v2-topbar strong{color:#3c4659}.v2-topbar b{font-size:17px;font-weight:400}.v2-help{color:#69758a}.v2-service{margin-left:10px;padding-left:18px;border-left:1px solid var(--v2-line);color:#5c687d}.v2-service i{display:inline-block;width:7px;height:7px;background:#2ac278;border-radius:50%;box-shadow:0 0 0 4px #e7f9f0;margin-right:7px}
.section{padding:34px;max-width:1500px;margin:0 auto}.v2-page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}.v2-eyebrow{display:block;color:#6b83e8;font-weight:750;letter-spacing:1.6px;font-size:9px;margin-bottom:8px}.v2-page-head h2{font-size:25px;line-height:1.15;margin:0 0 7px;color:var(--v2-ink);letter-spacing:-.5px}.v2-page-head p{margin:0;color:var(--v2-muted);font-size:12px}.v2-btn{border-radius:8px;height:38px;padding:0 15px;font-weight:650;font-size:12px;display:inline-flex;align-items:center;justify-content:center;transition:.18s}.v2-btn.primary{border:1px solid var(--v2-blue);background:var(--v2-blue);color:#fff;box-shadow:0 6px 14px rgba(54,92,233,.17)}.v2-btn.secondary{border:1px solid #dfe3eb;background:#fff;color:#4f5b6e}.v2-btn:hover{transform:translateY(-1px)}
.v2-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.v2-metrics article{background:#fff;border:1px solid var(--v2-line);border-radius:12px;min-height:114px;padding:20px;display:flex;gap:15px;align-items:flex-start;box-shadow:0 3px 13px rgba(24,35,58,.025)}.v2-metrics article>i{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:18px;font-style:normal;flex:0 0 auto}.v2-metrics .blue{background:#edf2ff;color:#4968e5}.v2-metrics .green{background:#eaf9f2;color:#2aa975}.v2-metrics .purple{background:#f1efff;color:#715bdc}.v2-metrics .amber{background:#fff5e5;color:#d9902d}.v2-metrics article div{display:flex;flex-direction:column;gap:3px}.v2-metrics span{color:#737e92;font-size:11px}.v2-metrics strong{font-size:24px;letter-spacing:-.6px;color:var(--v2-ink)}.v2-metrics small{font-size:10px;color:#929aab;margin-top:3px}
.v2-panel{background:#fff;border:1px solid var(--v2-line);border-radius:12px;box-shadow:0 3px 13px rgba(24,35,58,.02);margin-bottom:17px;overflow:hidden}.v2-panel-head{min-height:69px;padding:14px 18px 14px 21px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--v2-line);gap:18px}.v2-panel-head h3{font-size:14px;margin:0 0 4px}.v2-panel-head>div>span{color:#959eaf;font-size:10px}.v2-toolbar{display:flex;align-items:center;gap:9px}.v2-search{width:270px;height:35px;border:1px solid #e0e4eb;border-radius:8px;display:flex;align-items:center;padding:0 10px;gap:8px;color:#9aa3b4;background:#fbfcfd}.v2-search:focus-within{border-color:#aabaf5;box-shadow:0 0 0 3px #f0f3ff}.v2-search input{width:100%;border:0;outline:0;background:transparent;color:#263145;font-size:11px}.v2-toolbar select{height:35px;border:1px solid #e0e4eb;border-radius:8px;background:#fff;color:#596579;font-size:11px;padding:0 28px 0 10px}.v2-icon-btn{width:35px;height:35px;border:1px solid #e0e4eb;border-radius:8px;background:#fff;color:#68758a}.v2-text-btn{border:0;background:transparent;color:#4261d7;font-size:10px;font-weight:650}
.v2-table-wrap{overflow:auto}.v2-table{width:100%;border-collapse:collapse;min-width:1000px}.v2-table th{text-align:left;height:44px;padding:0 15px;color:#8993a5;font-size:9px;font-weight:680;letter-spacing:.3px;background:#fafbfc;border-bottom:1px solid var(--v2-line);white-space:nowrap}.v2-table th:first-child,.v2-table td:first-child{padding-left:21px}.v2-table td{height:69px;padding:0 15px;border-bottom:1px solid #eef0f4;vertical-align:middle;font-size:11px;color:#334056}.v2-table tbody tr:hover{background:#fbfcff}.v2-user-cell{display:flex;align-items:center;gap:11px}.v2-avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#e5ebff,#cdd8ff);color:#3551b9;display:grid;place-items:center;font-size:12px;font-weight:750;flex:0 0 auto;overflow:hidden}.v2-avatar img{width:100%;height:100%;object-fit:cover}.v2-user-cell strong,.v2-body-copy{display:block;color:#334056;font-weight:650;font-size:11px}.v2-user-cell span,.v2-sub-copy{display:block;color:#9aa3b2;margin-top:4px;font-size:9px}.v2-tag-link{border:0;background:transparent;padding:0;color:#3b5dd6;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.v2-status{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:650;padding:5px 8px;border-radius:99px;white-space:nowrap}.v2-status:before{content:"";width:5px;height:5px;border-radius:50%}.v2-status.green{background:#eaf8f1;color:#258963}.v2-status.green:before{background:#2bb77c}.v2-status.amber{background:#fff6e5;color:#b27725}.v2-status.amber:before{background:#e5a541}.v2-status.gray{background:#f1f3f6;color:#768094}.v2-status.gray:before{background:#a6adba}.v2-status.red{background:#fff0f0;color:#c85252}.v2-status.red:before{background:#e56060}.v2-row-action{width:32px;height:32px;border:1px solid #e1e5ec;background:#fff;border-radius:8px;color:#69758a}.v2-loading{text-align:center!important;color:#98a2b3!important;padding:38px!important}.v2-table-foot{min-height:62px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;color:#9099aa;font-size:10px}.v2-table-foot button{min-width:28px;height:28px;margin-left:4px;border:1px solid #e2e5eb;background:#fff;color:#657185;border-radius:6px;font-size:10px}.v2-table-foot button.active{background:var(--v2-blue);border-color:var(--v2-blue);color:#fff}
.v2-member-summary{display:grid;grid-template-columns:190px 190px 1fr;gap:14px;margin-bottom:18px}.v2-member-summary>article{background:#fff;border:1px solid var(--v2-line);border-radius:12px;padding:18px 20px}.v2-member-summary>article>span{color:#7e899c;font-size:10px}.v2-member-summary>article>strong{display:block;font-size:25px;margin:5px 0 3px}.v2-member-summary p{margin:0;color:#929bab;font-size:9px}.v2-member-summary .security{display:flex;align-items:center;background:linear-gradient(110deg,#17233e,#213054);border:0;color:#fff}.v2-member-summary .security>b{width:41px;height:41px;border-radius:11px;background:rgba(255,255,255,.09);display:grid;place-items:center;margin-right:13px;color:#72dfa8}.v2-member-summary .security div{flex:1}.v2-member-summary .security strong{font-size:12px}.v2-member-summary .security p{color:#aeb8cd;margin-top:5px}.v2-member-list{padding:0 20px}.v2-member-row{min-height:86px;display:grid;grid-template-columns:38px minmax(160px,1.3fr) minmax(115px,.8fr) minmax(220px,1.4fr) 100px 100px;align-items:center;gap:12px;border-bottom:1px solid #edf0f4}.v2-member-row:last-child{border:0}.v2-member-identity strong{font-size:11px}.v2-member-identity span{display:block;color:#929bab;font-size:9px;margin-top:5px}.v2-member-role span,.v2-member-perms span{display:block;color:#939cac;font-size:9px;margin-bottom:6px}.v2-member-role strong{font-size:10px}.v2-member-perms div{display:flex;gap:4px;flex-wrap:wrap}.v2-member-perms i{font-style:normal;font-size:8px;color:#647086;background:#f2f4f7;padding:4px 6px;border-radius:5px}.v2-switch{width:31px;height:18px;border:0;border-radius:99px;background:#cdd3dc;position:relative}.v2-switch:after{content:"";position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;top:2px;left:2px;transition:.18s;box-shadow:0 1px 3px rgba(0,0,0,.15)}.v2-switch.on{background:#47be83}.v2-switch.on:after{left:15px}.v2-switch:disabled{opacity:.45}.v2-role-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:18px}.v2-role-grid article{padding:7px 18px;border-right:1px solid var(--v2-line)}.v2-role-grid article:last-child{border:0}.v2-role-grid b{font-size:11px}.v2-role-grid p{height:30px;color:#818b9d;font-size:9px;line-height:1.6;margin:9px 0}.v2-role-grid span{font-size:9px;color:#9ca5b3}
.v2-overlay{position:fixed;z-index:1000;inset:0;background:rgba(13,20,35,.28);backdrop-filter:blur(2px)}.v2-drawer{position:absolute;right:0;top:0;bottom:0;width:440px;max-width:100%;background:#fff;padding:25px 26px;overflow:auto;box-shadow:-18px 0 55px rgba(16,25,44,.15);animation:v2slide .24s ease}.v2-drawer-head{display:flex;align-items:flex-start;justify-content:space-between}.v2-drawer-head h2{font-size:24px;margin:0;color:var(--v2-ink)}.v2-drawer-head p{font-size:11px;color:#7d879a;margin:7px 0 0}.v2-drawer-head>button{width:34px;height:34px;border:1px solid #e1e5ec;background:#fff;border-radius:8px;color:#69758a;font-size:21px}.v2-profile{display:flex;align-items:center;gap:12px;padding:24px 0}.v2-profile .v2-avatar{width:46px;height:46px;font-size:16px}.v2-profile>div:nth-child(2){flex:1}.v2-profile h3{margin:0;font-size:16px}.v2-profile p{margin:5px 0 0;color:#8d97a8;font-size:10px}.v2-detail-section{border-top:1px solid var(--v2-line);padding:20px 0}.v2-detail-section h4{margin:0 0 14px;font-size:12px}.v2-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.v2-detail-grid span{display:block;color:#959eaf;font-size:9px}.v2-detail-grid strong{display:block;margin-top:5px;font-size:10px;word-break:break-all}.v2-detail-tag{padding:12px;border:1px solid #e3e7ef;background:#fafbfe;border-radius:10px;margin-bottom:8px}.v2-detail-tag strong{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.v2-detail-tag span{display:block;color:#929cab;font-size:9px;margin-top:5px}
.modal-layer{display:grid;place-items:center;padding:20px}.v2-modal{width:500px;max-width:100%;background:#fff;border-radius:15px;padding:25px 27px;box-shadow:0 25px 80px rgba(18,28,50,.2)}.v2-modal form>label{display:block;margin-top:15px}.v2-modal form>label>span{display:block;font-size:10px;color:#5b6678;font-weight:650;margin-bottom:7px}.v2-modal input,.v2-modal select{width:100%;height:41px;border:1px solid #dfe3ea;border-radius:8px;padding:0 12px;outline:0;color:#29364a;background:#fff}.v2-modal input:focus,.v2-modal select:focus{border-color:#8097ed;box-shadow:0 0 0 3px #f0f3ff}.v2-permission-box{padding:13px;background:#f3f6ff;border:1px solid #e5eaff;border-radius:9px;margin-top:16px}.v2-permission-box>strong{font-size:10px;color:#4563d1}.v2-permission-box>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.v2-permission-box label{font-size:9px;color:#65728d;display:flex;align-items:center;gap:6px}.v2-permission-box input{width:auto;height:auto}.v2-switch-label{display:flex!important;align-items:center!important;justify-content:space-between}.v2-switch-label>span{margin:0!important}.v2-switch-label input{width:auto;height:auto}.v2-switch-label i{display:none}.v2-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:23px;padding-top:18px;border-top:1px solid var(--v2-line)}.v2-toast{position:fixed;z-index:1100;bottom:24px;left:50%;transform:translateX(-50%);background:#17233c;color:#fff;padding:12px 17px;border-radius:9px;box-shadow:0 12px 35px rgba(14,24,45,.25);font-size:11px}
/* Bring retained operational modules into the same visual system. */
.v2-section .page-header h2{font-size:25px;color:var(--v2-ink)}.v2-section .page-header p{color:var(--v2-muted);font-size:12px}.v2-section .card{border:1px solid var(--v2-line);border-radius:12px;box-shadow:0 3px 13px rgba(24,35,58,.02)}.v2-section .card-header{border-color:var(--v2-line)}.v2-section .btn-primary{background:var(--v2-blue)}
.v2-table{min-width:1220px}.v2-openid-copy{max-width:210px;border:0;background:transparent;padding:4px 0;color:#53627a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;text-align:left;word-break:break-all;cursor:copy}.v2-openid-copy:hover{color:#365ce9}.v2-btn.danger{margin-right:auto;border:1px solid #f0c8c8;background:#fff5f5;color:#bd3f3f;box-shadow:none}.v2-btn.danger:hover{background:#ffecec;border-color:#e9abab}
.btn-reset{border:1px solid #e6a15e!important;background:#fff7ed!important;color:#a85616!important}.btn-reset:hover{background:#ffedd5!important;border-color:#d98536!important}.btn-reset:disabled{opacity:.55;cursor:not-allowed}
.status-badge{white-space:nowrap}.binding-status{min-width:58px;text-align:center}.binding-bound{background:#fff0f0;color:#c24141}.binding-unbound{background:#f1f2f4;color:#70757d}.binding-unknown{background:#fff7e8;color:#9a6a23}.record-nowrap{white-space:nowrap}.record-actions{display:flex;align-items:center;gap:7px;white-space:nowrap}.record-actions .btn{display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:32px;padding:0 11px;border:1px solid transparent;border-radius:8px;font-size:12px;font-weight:600;line-height:1;box-shadow:none}.record-actions .btn-secondary{border-color:#d9dde3;background:#f7f7f8;color:#555b64}.record-actions .btn-primary{border-color:#9fc2ec;background:#eef6ff;color:#2367ae}.record-actions .btn-danger{border-color:#efc2c2;background:#fff1f1;color:#b84040}.record-actions .btn-reset{border-color:#e6a15e!important;background:#fff7ed!important;color:#a85616!important}#records-table-container{overflow-x:auto}#records-table-container .table{min-width:1510px;table-layout:fixed}#records-table-container .table th,#records-table-container .table td{padding:12px 10px;vertical-align:middle}#records-table-container .table th:nth-child(1){width:44px}#records-table-container .table th:nth-child(2){width:50px}#records-table-container .table th:nth-child(3){width:110px}#records-table-container .table th:nth-child(4){width:90px}#records-table-container .table th:nth-child(5){width:92px}#records-table-container .table th:nth-child(6){width:220px}#records-table-container .table th:nth-child(7){width:235px}#records-table-container .table th:nth-child(8){width:88px}#records-table-container .table th:nth-child(9){width:96px}#records-table-container .table th:nth-child(10){width:96px}#records-table-container .table th:nth-child(11){width:220px}#records-table-container .table th:nth-child(12){width:145px}#records-table-container .table td:nth-child(3){font-weight:650;color:#34383e}#records-table-container .table td:nth-child(6){line-height:1.45;word-break:break-word}#records-table-container .scheme-copy{max-width:215px}.record-remark-editor{display:flex;align-items:center;gap:6px}.record-remark-input{width:150px;min-width:0;height:32px;padding:0 9px;border:1px solid #d9dde3;border-radius:8px;background:#fff;color:#34383e;font:inherit;font-size:12px}.record-remark-input::placeholder{color:#a1a7b0}.record-remark-input:focus{border-color:#78aee8;outline:none;box-shadow:0 0 0 3px rgba(61,130,211,.12)}.record-remark-editor .btn{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:32px;padding:0 9px;white-space:nowrap}
@keyframes v2slide{from{transform:translateX(45px);opacity:0}to{transform:none;opacity:1}}
@media(max-width:1100px){.v2-metrics{grid-template-columns:repeat(2,1fr)}.v2-member-summary{grid-template-columns:1fr 1fr}.v2-member-summary .security{grid-column:1/-1}.v2-member-row{grid-template-columns:38px 1.2fr .8fr 1.2fr 80px 80px}.v2-role-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.sidebar{transform:translateX(-100%)}.main-content{margin-left:0}.v2-topbar{padding:0 16px}.v2-topbar>div:last-child{display:none}.section{padding:22px 15px}.v2-page-head{align-items:flex-start;gap:14px}.v2-page-head h2{font-size:21px}.v2-metrics{grid-template-columns:1fr 1fr;gap:9px}.v2-metrics article{min-height:101px;padding:14px;gap:10px}.v2-panel-head{align-items:flex-start;flex-direction:column}.v2-toolbar{width:100%;flex-wrap:wrap}.v2-search{width:100%}.v2-member-summary{grid-template-columns:1fr 1fr}.v2-member-row{grid-template-columns:38px 1fr 90px 80px;padding:12px 0}.v2-member-perms,.v2-member-role{display:none}.v2-role-grid{grid-template-columns:1fr}.v2-role-grid article{border-right:0;border-bottom:1px solid var(--v2-line)}.v2-drawer{padding:21px 19px}}
@media(max-width:480px){.v2-metrics,.v2-member-summary{grid-template-columns:1fr}.v2-member-summary .security{grid-column:auto}.v2-page-head{flex-direction:column}.v2-detail-grid{grid-template-columns:1fr}}

/* 2026-08 warm editorial refresh — inspired by Zouzhi's restrained travel palette. */
:root {
  --v2-ink: #302c29;
  --v2-muted: #817a73;
  --v2-line: #e8e2db;
  --v2-blue: #c97835;
  --v2-navy: #f1efec;
  --v2-bg: #f6f4f1;
  --v2-card: #fffefa;
  --v2-accent: #c97835;
  --v2-accent-deep: #a95f28;
  --v2-accent-soft: #f7eadc;
  --v2-charcoal: #302c29;
}

body,
.container,
.main-content {
  background: var(--v2-bg);
}

.sidebar {
  width: 228px;
  padding: 24px 16px 18px;
  color: var(--v2-ink);
  background: var(--v2-navy);
  border-right: 1px solid #e3ded7;
  box-shadow: none;
  overflow: hidden auto;
}

.sidebar-header {
  min-height: 126px;
  margin: 0 0 18px;
  padding: 0 8px 20px;
  border-bottom: 1px solid #dfd9d1;
  text-align: center;
}

.sidebar-header > div:first-child {
  width: 92px !important;
  height: 78px !important;
  margin: 0 auto 10px !important;
  background: #fff !important;
  border: 1px solid #e8e1d9;
  border-radius: 15px !important;
  box-shadow: 0 8px 24px rgba(64, 48, 36, .08);
}

.sidebar-header p {
  color: #807870;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
}

.menu {
  padding: 0 0 132px !important;
  gap: 4px;
}

.menu-title {
  padding: 8px 12px 10px;
  color: #a19890;
  font-weight: 650;
  letter-spacing: 1.5px;
}

.menu-item {
  min-height: 44px;
  padding: 0 13px;
  color: #625c56;
  border-radius: 9px;
}

.menu-item svg {
  color: #7b746d;
  opacity: 1;
}

.menu-item:hover {
  color: var(--v2-ink);
  background: #e7e2dc;
}

.menu-item.active {
  color: #fff;
  background: var(--v2-charcoal);
  box-shadow: 0 8px 20px rgba(48, 44, 41, .14);
}

.menu-item.active svg {
  color: #f0b276;
}

.menu-item.active::after {
  right: -16px;
  width: 4px;
  height: 22px;
  background: var(--v2-accent);
}

.sidebar-footer-info {
  position: fixed;
  left: 22px;
  bottom: 20px;
  width: 184px;
  padding: 14px 2px 0;
  border-top: 1px solid #ddd7cf;
  color: #6f6861;
}

.sidebar-help,
.sidebar-service {
  display: flex;
  min-height: 32px;
  align-items: center;
  gap: 10px;
  font-size: 11px;
}

.sidebar-help span {
  display: grid;
  width: 19px;
  height: 19px;
  place-items: center;
  border: 1px solid #9e968e;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
}

.sidebar-help strong {
  font-weight: 600;
}

.sidebar-service {
  color: #777069;
}

.sidebar-service i {
  width: 7px;
  height: 7px;
  margin-left: 6px;
  background: #3cb37b;
  border-radius: 50%;
  box-shadow: 0 0 0 4px #e2f3e9;
}

.main-content {
  margin-left: 228px;
}

.v2-topbar {
  height: 68px;
  padding: 0 34px;
  background: rgba(255, 254, 250, .94);
  border-color: var(--v2-line);
  box-shadow: 0 2px 14px rgba(65, 49, 36, .025);
}

.v2-topbar > div {
  color: #999087;
}

.v2-topbar strong {
  color: var(--v2-ink);
}

.topbar-user {
  display: flex;
  align-items: center;
  gap: 10px !important;
  color: var(--v2-ink) !important;
}

.topbar-avatar {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  overflow: hidden;
  border: 2px solid #fff;
  border-radius: 50%;
  background: linear-gradient(145deg, #ead6c1, #c97835);
  box-shadow: 0 2px 9px rgba(81, 55, 34, .14);
  color: #fff;
  font-size: 12px;
  font-weight: 750;
}

.topbar-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.topbar-user > span {
  max-width: 150px;
  overflow: hidden;
  color: #4b4540;
  font-size: 12px;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.topbar-logout {
  display: grid;
  width: 31px;
  height: 31px;
  margin-left: 3px;
  padding-left: 10px;
  place-items: center;
  border: 0;
  border-left: 1px solid var(--v2-line);
  background: transparent;
  color: var(--v2-accent);
  cursor: pointer;
}

.topbar-logout svg {
  width: 18px;
  height: 18px;
}

.topbar-logout:hover {
  color: var(--v2-accent-deep);
}

.section {
  padding: 32px 34px 38px;
}

.v2-eyebrow {
  color: var(--v2-accent);
}

.v2-page-head h2,
.v2-section .page-header h2,
.v2-drawer-head h2 {
  color: var(--v2-ink);
}

.v2-btn.primary,
.v2-section .btn-primary,
.pagination .active,
.v2-table-foot button.active {
  border-color: var(--v2-accent);
  background: var(--v2-accent);
  box-shadow: 0 6px 14px rgba(201, 120, 53, .16);
}

.v2-btn.secondary,
.v2-icon-btn,
.v2-row-action,
.v2-table-foot button,
.pagination button {
  border-color: #e2dcd5;
  background: var(--v2-card);
  color: #665f58;
}

.v2-panel,
.v2-metrics article,
.v2-member-summary > article,
.v2-section .card,
.v2-modal,
.v2-drawer {
  border-color: var(--v2-line);
  background: var(--v2-card);
  box-shadow: 0 4px 18px rgba(64, 48, 36, .035);
}

.v2-metrics article {
  border-radius: 13px;
}

.v2-metrics .blue {
  color: #8e572d;
  background: #f7eadc;
}

.v2-metrics .green {
  color: #4d846b;
  background: #e8f2ec;
}

.v2-metrics .purple {
  color: #9a6c5f;
  background: #f4e9e5;
}

.v2-metrics .amber {
  color: #b4682c;
  background: #faeddd;
}

.v2-panel-head,
.v2-table th,
.v2-table td,
.v2-member-row,
.v2-detail-section,
.v2-modal-actions {
  border-color: var(--v2-line);
}

.v2-table th {
  color: #8c837a;
  background: #faf8f5;
}

.v2-table tbody tr:hover,
.table tr:hover {
  background: #fbf7f2;
}

.v2-search,
.v2-toolbar select,
.v2-modal input,
.v2-modal select {
  border-color: #e1dbd4;
  background: #fdfbf8;
}

.v2-search:focus-within,
.v2-modal input:focus,
.v2-modal select:focus {
  border-color: #d9a77e;
  box-shadow: 0 0 0 3px #faeee4;
}

.v2-text-btn,
.v2-tag-link,
.scheme-copy,
.v2-openid-copy:hover {
  color: var(--v2-accent-deep);
}

.v2-avatar {
  color: #8d572f;
  background: linear-gradient(145deg, #f6e8da, #e7c5a7);
}

.v2-member-summary .security {
  background: linear-gradient(120deg, #302c29, #4a423c);
}

.v2-member-summary .security > b {
  color: #efb677;
}

.v2-toast {
  background: var(--v2-charcoal);
}

.auth-screen {
  background: radial-gradient(circle at top, #f4e5d6 0%, #f8f5f1 44%, #eee9e3 100%);
}

.auth-card {
  box-shadow: 0 24px 70px rgba(72, 49, 31, .14);
}

.loading {
  border-color: #e7ded5;
  border-top-color: var(--v2-accent);
}

.api-info {
  border-left-color: var(--v2-accent);
  background: #fbf1e7;
}

.api-info code {
  background: rgba(201, 120, 53, .1);
}

@media (max-width: 760px) {
  .main-content {
    margin-left: 0;
  }

  .v2-topbar {
    padding: 0 15px;
  }

  .v2-topbar > .topbar-user {
    display: flex;
  }

  .v2-crumb > span,
  .v2-crumb > b {
    display: none;
  }

  .topbar-user > span {
    max-width: 88px;
  }
}

/* Compact brand lockup while preserving the aligned 228px rail. */
.topbar-logo-wrap {
  justify-content: flex-start;
  gap: 11px;
  padding: 0 20px;
}

.topbar-brand .topbar-logo-wrap img {
  width: 74px;
  height: 58px;
  flex: 0 0 74px;
  transform: none;
  object-fit: contain;
}

.topbar-logo-wrap > span {
  color: #353535;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .5px;
  white-space: nowrap;
}

@media (max-width: 760px) {
  .topbar-logo-wrap {
    width: 126px;
    flex-basis: 126px;
    gap: 7px;
    padding: 0 9px;
  }

  .topbar-brand .topbar-logo-wrap img {
    width: 58px;
    height: 46px;
    flex-basis: 58px;
    transform: none;
  }

  .topbar-logo-wrap > span {
    display: block;
    font-size: 11px;
  }
}

/* 2026-08 functional accents — restrained color on a monochrome foundation. */
:root {
  --ui-orange: #e58a36;
  --ui-orange-dark: #c96f22;
  --ui-orange-soft: #fff4e9;
  --ui-blue: #3478d4;
  --ui-blue-dark: #245fae;
  --ui-blue-soft: #eef5ff;
  --ui-green: #36a774;
  --ui-green-soft: #edf8f2;
  --ui-red: #d85b5b;
  --ui-red-soft: #fff1f1;
}

.v2-topbar {
  padding: 0 34px 0 0;
}

.topbar-brand {
  height: 100%;
  gap: 0 !important;
}

.topbar-logo-wrap {
  display: flex;
  width: 228px;
  height: 82px;
  align-items: center;
  justify-content: center;
  flex: 0 0 228px;
  border-right: 1px solid #e3e3e3;
}

.topbar-brand .topbar-logo-wrap img {
  width: 110px;
  height: 74px;
  object-fit: contain;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  filter: grayscale(1) contrast(1.08);
  mix-blend-mode: multiply;
}

.topbar-brand > span {
  margin-left: 26px;
  padding-left: 0;
  border-left: 0;
  font-size: 15px;
}

.topbar-avatar {
  border-color: #f1dbc7;
  background: linear-gradient(145deg, #e6a15d, #c96f22);
}

.topbar-logout {
  color: var(--ui-orange);
}

.topbar-logout:hover {
  color: var(--ui-orange-dark);
}

.menu-item.active::after {
  display: block;
  right: auto;
  left: 0;
  width: 3px;
  height: 20px;
  background: var(--ui-orange);
  border-radius: 0 3px 3px 0;
}

.menu-item.active svg {
  color: #f1b577;
}

.v2-eyebrow {
  color: var(--ui-orange-dark);
}

.v2-btn.primary,
.v2-section .btn-primary,
.btn-primary {
  border-color: var(--ui-orange);
  background: var(--ui-orange);
  box-shadow: 0 6px 14px rgba(229, 138, 54, .16);
  color: #fff;
}

.v2-btn.primary:hover,
.v2-section .btn-primary:hover,
.btn-primary:hover {
  border-color: var(--ui-orange-dark);
  background: var(--ui-orange-dark);
}

.pagination .active,
.v2-table-foot button.active {
  border-color: var(--ui-blue);
  background: var(--ui-blue);
  box-shadow: none;
  color: #fff;
}

.v2-btn.secondary:hover,
.btn-secondary:hover,
.v2-icon-btn:hover,
.v2-row-action:hover {
  border-color: #b9d2f2;
  background: var(--ui-blue-soft);
  color: var(--ui-blue-dark);
}

.v2-search:focus-within,
.v2-modal input:focus,
.v2-modal select:focus,
.form-input:focus,
.form-select:focus {
  border-color: var(--ui-blue);
  box-shadow: 0 0 0 3px rgba(52, 120, 212, .11);
}

.v2-text-btn,
.v2-tag-link,
.scheme-copy,
.v2-openid-copy:hover {
  color: var(--ui-blue);
}

.scheme-copy:hover,
.v2-tag-link:hover,
.v2-text-btn:hover {
  color: var(--ui-blue-dark);
}

.v2-metrics .blue {
  color: var(--ui-blue-dark);
  background: var(--ui-blue-soft);
}

.v2-metrics .green {
  color: #27835a;
  background: var(--ui-green-soft);
}

.v2-metrics .purple {
  color: #b44343;
  background: var(--ui-red-soft);
}

/* Bound tag lookup and complete support contact details. */
.record-tag-link {
  appearance: none;
  border: 0;
  border-bottom: 1px solid transparent;
  background: transparent;
  padding: 2px 0;
  color: var(--ui-blue);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.record-tag-link:hover,
.record-tag-link:focus-visible {
  color: var(--ui-blue-dark);
  border-bottom-color: currentColor;
  outline: none;
}

.record-tag-id,
.v2-phone-full {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.v2-profile-sync {
  display: inline-flex !important;
  width: max-content;
  margin-top: 4px;
  padding: 2px 6px;
  border-radius: 999px;
  font-size: 9px !important;
  line-height: 1.35;
}

.v2-profile-sync.synced {
  color: #27835a !important;
  background: var(--ui-green-soft);
}

.v2-profile-sync.pending {
  color: #9a6a23 !important;
  background: var(--ui-orange-soft);
}

.v2-region-copy {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}

.v2-region-source {
  display: inline-flex;
  padding: 1px 5px;
  border: 1px solid #dce7f5;
  border-radius: 999px;
  background: var(--ui-blue-soft);
  color: var(--ui-blue-dark);
  font-size: 8px;
  font-style: normal;
  white-space: nowrap;
}

.v2-detail-context {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 16px;
  padding: 11px 13px;
  border: 1px solid #dce9f8;
  border-radius: 10px;
  background: var(--ui-blue-soft);
  color: #667085;
  font-size: 10px;
}

.v2-detail-context strong {
  color: var(--ui-blue-dark);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
}

.v2-drawer-loading,
.v2-drawer-error {
  display: grid;
  place-items: center;
  min-height: 260px;
  padding: 30px;
  text-align: center;
  color: #667085;
}

.v2-drawer-loading span {
  width: 28px;
  height: 28px;
  margin-bottom: 12px;
  border: 3px solid #dbe8f8;
  border-top-color: var(--ui-blue);
  border-radius: 50%;
  animation: v2spin .7s linear infinite;
}

.v2-drawer-error strong { color: #b44343; }
.v2-drawer-error p { margin: 8px 0 0; font-size: 11px; }

@keyframes v2spin { to { transform: rotate(360deg); } }

.v2-metrics .amber {
  color: var(--ui-orange-dark);
  background: var(--ui-orange-soft);
}

.v2-member-summary .security > b {
  color: #7de0ad;
  background: rgba(54, 167, 116, .14);
}

.v2-btn.danger,
.btn-danger {
  border-color: #efc2c2;
  background: var(--ui-red-soft);
  color: #b84040;
  box-shadow: none;
}

.v2-btn.danger:hover,
.btn-danger:hover {
  border-color: var(--ui-red);
  background: #ffe6e6;
  color: #a82f2f;
}

.loading {
  border-top-color: var(--ui-blue);
}

.api-info {
  border-left-color: var(--ui-blue);
  background: var(--ui-blue-soft);
}

.api-info code {
  background: rgba(52, 120, 212, .09);
}

.result-box {
  border-color: #cce8d9;
  background: #f5fbf7;
}

.sidebar-service i,
.v2-service i {
  background: var(--ui-green);
}

@media (max-width: 760px) {
  .v2-topbar {
    padding-right: 14px;
  }

  .topbar-logo-wrap {
    width: 92px;
    height: 72px;
    flex-basis: 92px;
    border-right: 0;
  }

  .topbar-brand .topbar-logo-wrap img {
    width: 74px;
    height: 56px;
  }
}

/* 2026-08 monochrome refinement — logo and account share one global header. */
:root {
  --v2-ink: #252525;
  --v2-muted: #7f7f7f;
  --v2-line: #e5e5e5;
  --v2-blue: #292929;
  --v2-navy: #f2f2f2;
  --v2-bg: #f5f5f5;
  --v2-card: #ffffff;
  --v2-accent: #292929;
  --v2-accent-deep: #111111;
  --v2-accent-soft: #eeeeee;
  --v2-charcoal: #292929;
}

body,
.container,
.main-content {
  background: var(--v2-bg);
  color: var(--v2-ink);
}

.v2-topbar {
  position: fixed;
  z-index: 50;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 82px;
  padding: 0 34px;
  background: rgba(255, 255, 255, .97);
  border-bottom: 1px solid #ededed;
  box-shadow: 0 2px 12px rgba(0, 0, 0, .025);
  backdrop-filter: blur(12px);
}

.topbar-brand {
  display: flex;
  align-items: center;
  gap: 13px !important;
  color: #262626 !important;
}

.topbar-brand img {
  width: 74px;
  height: 58px;
  object-fit: contain;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  filter: grayscale(1) contrast(1.08);
  mix-blend-mode: multiply;
}

.topbar-brand span {
  padding-left: 13px;
  border-left: 1px solid #dedede;
  color: #363636;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .7px;
}

.topbar-user {
  gap: 10px !important;
  color: #262626 !important;
}

.topbar-avatar {
  width: 36px;
  height: 36px;
  border: 1px solid #e3e3e3;
  background: linear-gradient(145deg, #6c6c6c, #272727);
  box-shadow: none;
  color: #fff;
}

.topbar-user > span {
  color: #303030;
}

.topbar-logout {
  border-left-color: #dedede;
  color: #4c4c4c;
}

.topbar-logout:hover {
  color: #000;
}

.sidebar {
  top: 82px;
  width: 228px;
  height: calc(100vh - 82px);
  padding: 28px 16px 18px;
  background: #f1f1f1;
  border-right: 1px solid #e3e3e3;
  box-shadow: none;
}

.menu {
  padding: 0 0 126px !important;
}

.menu-title {
  color: #a0a0a0;
}

.menu-item {
  color: #555;
}

.menu-item svg {
  color: #707070;
}

.menu-item:hover {
  color: #1f1f1f;
  background: #e5e5e5;
}

.menu-item.active {
  color: #fff;
  background: #292929;
  box-shadow: none;
}

.menu-item.active svg {
  color: #fff;
}

.menu-item.active::after {
  display: none;
}

.sidebar-footer-info {
  bottom: 20px;
  border-top-color: #d8d8d8;
  color: #666;
}

.sidebar-help span {
  border-color: #9b9b9b;
}

.sidebar-service {
  color: #777;
}

.main-content {
  margin-left: 228px;
  padding-top: 82px;
}

.section {
  padding: 30px 34px 38px;
}

.v2-eyebrow {
  color: #7c7c7c;
}

.v2-btn.primary,
.v2-section .btn-primary,
.btn-primary,
.pagination .active,
.v2-table-foot button.active {
  border-color: #292929;
  background: #292929;
  box-shadow: none;
  color: #fff;
}

.v2-btn.primary:hover,
.v2-section .btn-primary:hover,
.btn-primary:hover {
  border-color: #111;
  background: #111;
}

.v2-btn.secondary,
.btn-secondary,
.v2-icon-btn,
.v2-row-action,
.v2-table-foot button,
.pagination button {
  border-color: #dedede;
  background: #f8f8f8;
  color: #4d4d4d;
}

.v2-btn.secondary:hover,
.btn-secondary:hover,
.v2-icon-btn:hover,
.v2-row-action:hover {
  background: #ededed;
}

.v2-panel,
.v2-metrics article,
.v2-member-summary > article,
.v2-section .card,
.card,
.v2-modal,
.v2-drawer {
  border-color: #e4e4e4;
  background: #fff;
  box-shadow: 0 3px 15px rgba(0, 0, 0, .025);
}

.v2-metrics .blue,
.v2-metrics .green,
.v2-metrics .purple,
.v2-metrics .amber {
  color: #3f3f3f;
  background: #eeeeee;
}

.v2-table th,
.table th {
  color: #777;
  background: #f7f7f7;
}

.v2-table tbody tr:hover,
.table tr:hover {
  background: #fafafa;
}

.v2-search,
.v2-toolbar select,
.v2-modal input,
.v2-modal select,
.form-input,
.form-select {
  border-color: #dedede;
  background: #fafafa;
}

.v2-search:focus-within,
.v2-modal input:focus,
.v2-modal select:focus,
.form-input:focus,
.form-select:focus {
  border-color: #888;
  box-shadow: 0 0 0 3px #eeeeee;
}

.v2-text-btn,
.v2-tag-link,
.scheme-copy,
.v2-openid-copy:hover {
  color: #333;
}

.scheme-copy:hover,
.v2-tag-link:hover,
.v2-text-btn:hover {
  color: #000;
}

.v2-avatar {
  color: #333;
  background: linear-gradient(145deg, #eeeeee, #d8d8d8);
}

.v2-member-summary .security {
  background: #292929;
}

.v2-member-summary .security > b {
  color: #fff;
  background: rgba(255, 255, 255, .1);
}

.v2-toast {
  background: #292929;
}

.auth-screen {
  background: #f2f2f2;
}

.auth-card {
  box-shadow: 0 22px 60px rgba(0, 0, 0, .1);
}

.loading {
  border-color: #dedede;
  border-top-color: #333;
}

.api-info {
  border-left-color: #333;
  background: #f1f1f1;
}

.api-info code {
  background: #e4e4e4;
}

.result-box {
  border-color: #dedede;
  background: #f5f5f5;
}

@media (max-width: 760px) {
  .v2-topbar {
    height: 72px;
    padding: 0 14px;
  }

  .topbar-brand {
    gap: 7px !important;
  }

  .topbar-brand img {
    width: 58px;
    height: 46px;
  }

  .topbar-brand span {
    display: none;
  }

  .sidebar {
    top: 72px;
    height: calc(100vh - 72px);
  }

  .main-content {
    margin-left: 0;
    padding-top: 72px;
  }
}

/* Final cascade: aligned brand rail and visible, restrained functional color. */
.v2-topbar {
  padding: 0 34px 0 0;
}

.topbar-brand {
  height: 100%;
  gap: 0 !important;
}

.topbar-logo-wrap {
  display: flex;
  width: 228px;
  height: 82px;
  align-items: center;
  justify-content: center;
  flex: 0 0 228px;
  overflow: hidden;
  border-right: 1px solid #e3e3e3;
}

.topbar-brand .topbar-logo-wrap img {
  width: 128px;
  height: 128px;
  object-fit: contain;
  transform: translateY(-3px);
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  filter: grayscale(1) contrast(1.08);
  mix-blend-mode: multiply;
}

.topbar-brand > span {
  margin-left: 26px;
  padding-left: 0;
  border-left: 0;
  font-size: 15px;
}

.topbar-avatar {
  border-color: #f1dbc7;
  background: linear-gradient(145deg, #e6a15d, #c96f22);
}

.topbar-logout {
  color: var(--ui-orange);
}

.topbar-logout:hover {
  color: var(--ui-orange-dark);
}

.menu-item.active::after {
  display: block;
  right: auto;
  left: 0;
  width: 3px;
  height: 20px;
  background: var(--ui-orange);
  border-radius: 0 3px 3px 0;
}

.menu-item.active svg {
  color: #f1b577;
}

.v2-eyebrow {
  color: var(--ui-orange-dark);
}

.v2-btn.primary,
.v2-section .btn-primary,
.btn-primary {
  border-color: var(--ui-orange);
  background: var(--ui-orange);
  box-shadow: 0 6px 14px rgba(229, 138, 54, .16);
  color: #fff;
}

.v2-btn.primary:hover,
.v2-section .btn-primary:hover,
.btn-primary:hover {
  border-color: var(--ui-orange-dark);
  background: var(--ui-orange-dark);
}

.pagination .active,
.v2-table-foot button.active {
  border-color: var(--ui-blue);
  background: var(--ui-blue);
  color: #fff;
}

.v2-btn.secondary:hover,
.btn-secondary:hover,
.v2-icon-btn:hover,
.v2-row-action:hover {
  border-color: #b9d2f2;
  background: var(--ui-blue-soft);
  color: var(--ui-blue-dark);
}

.v2-search:focus-within,
.v2-modal input:focus,
.v2-modal select:focus,
.form-input:focus,
.form-select:focus {
  border-color: var(--ui-blue);
  box-shadow: 0 0 0 3px rgba(52, 120, 212, .11);
}

.v2-text-btn,
.v2-tag-link,
.scheme-copy,
.v2-openid-copy:hover {
  color: var(--ui-blue);
}

.scheme-copy:hover,
.v2-tag-link:hover,
.v2-text-btn:hover {
  color: var(--ui-blue-dark);
}

.v2-metrics .blue {
  color: var(--ui-blue-dark);
  background: var(--ui-blue-soft);
}

.v2-metrics .green {
  color: #27835a;
  background: var(--ui-green-soft);
}

.v2-metrics .purple {
  color: #b44343;
  background: var(--ui-red-soft);
}

.v2-metrics .amber {
  color: var(--ui-orange-dark);
  background: var(--ui-orange-soft);
}

.v2-member-summary .security > b {
  color: #7de0ad;
  background: rgba(54, 167, 116, .14);
}

.v2-btn.danger,
.btn-danger {
  border-color: #efc2c2;
  background: var(--ui-red-soft);
  color: #b84040;
  box-shadow: none;
}

.v2-btn.danger:hover,
.btn-danger:hover {
  border-color: var(--ui-red);
  background: #ffe6e6;
  color: #a82f2f;
}

.loading {
  border-top-color: var(--ui-blue);
}

.api-info {
  border-left-color: var(--ui-blue);
  background: var(--ui-blue-soft);
}

.api-info code {
  background: rgba(52, 120, 212, .09);
}

.result-box {
  border-color: #cce8d9;
  background: #f5fbf7;
}

@media (max-width: 760px) {
  .v2-topbar {
    padding-right: 14px;
  }

  .topbar-logo-wrap {
    width: 92px;
    height: 72px;
    flex-basis: 92px;
    border-right: 0;
  }

  .topbar-brand .topbar-logo-wrap img {
    width: 98px;
    height: 98px;
    transform: translateY(-2px);
  }
}

/* Final compact brand lockup; keep the desktop divider aligned at 228px. */
.topbar-logo-wrap {
  justify-content: flex-start;
  gap: 11px;
  padding: 0 20px;
}

.topbar-brand .topbar-logo-wrap img {
  width: 74px;
  height: 58px;
  flex: 0 0 74px;
  transform: none;
  object-fit: contain;
}

.topbar-logo-wrap > span {
  display: block;
  color: #353535;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .5px;
  white-space: nowrap;
}

@media (max-width: 760px) {
  .topbar-logo-wrap {
    width: 126px;
    flex-basis: 126px;
    gap: 7px;
    padding: 0 9px;
  }

  .topbar-brand .topbar-logo-wrap img {
    width: 58px;
    height: 46px;
    flex-basis: 58px;
    transform: none;
  }

  .topbar-logo-wrap > span {
    display: block;
    font-size: 11px;
  }
}

/* tapit-topbar-avatar-white-v1 */
.topbar-avatar{background:#fff!important;border-color:#e3e3e3!important;color:#222!important}


/* Tag content review and linked-tag navigation. */
.v2-drawer{width:620px}
button.v2-detail-tag{position:relative;display:block;width:100%;padding:12px;text-align:left;border:1px solid #e3e7ef;background:#fafbfe;border-radius:10px;margin-bottom:8px;transition:.18s;cursor:pointer;color:inherit}
button.v2-detail-tag:hover{border-color:#aebff3;background:#f6f8ff;transform:translateY(-1px)}
button.v2-detail-tag.current{border-color:#91a8ed;background:#f3f6ff}
.v2-detail-tag>i{position:absolute;right:12px;top:12px;color:#4664ca;font-size:8px;font-style:normal}
.v2-review-heading{display:flex;align-items:center;justify-content:space-between}
.v2-review-heading>span{font-size:9px;color:#6e7b91;background:#f1f4f8;padding:5px 8px;border-radius:99px}
.v2-review-list{display:flex;flex-direction:column;gap:12px}
.v2-review-card{border:1px solid #e3e7ef;border-radius:12px;background:#fafbfc;padding:11px;overflow:hidden}
.v2-review-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.v2-review-card header span{font-size:9px;font-weight:700;color:#526078}.v2-review-card header i{font-size:8px;font-style:normal;color:#8a95a7}
.v2-review-card>strong{display:block;font-size:11px;margin-top:9px}.v2-review-card>small{display:block;color:#778399;font-size:9px;margin-top:6px}.v2-review-card>p{font-size:9px;color:#68758b;line-height:1.65;margin:7px 0 0;white-space:pre-wrap}
.v2-review-image{display:block;border-radius:9px;overflow:hidden;background:#edf0f4}.v2-review-image img{display:block;width:100%;max-height:330px;object-fit:contain}
.v2-review-video{display:block;width:100%;max-height:360px;border-radius:9px;background:#111}.v2-review-audio{display:block;width:100%;height:36px;margin-top:9px}.v2-review-live{display:grid;grid-template-columns:1fr;gap:8px}
.v2-review-album{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.v2-review-album .v2-review-image{aspect-ratio:1}.v2-review-album .v2-review-image img{height:100%;object-fit:cover}
.v2-review-empty,.v2-review-unavailable{padding:22px 14px;text-align:center;border:1px dashed #dce1e9;border-radius:10px;color:#8b95a6;background:#fafbfc}.v2-review-empty strong,.v2-review-empty span{display:block}.v2-review-empty strong{font-size:10px;color:#5d687a}.v2-review-empty span{font-size:9px;margin-top:6px}.v2-review-unavailable{font-size:9px;padding:16px 10px}

.v2-permanent-scheme-note{display:flex;align-items:center;gap:14px;min-height:52px;padding:0 16px;border:1px solid #a7e8c2;border-radius:9px;background:#f0fcf5;color:#617086}.v2-permanent-scheme-note strong{color:#16834b;font-size:12px;white-space:nowrap}.v2-permanent-scheme-note span{font-size:10px}

/* User list lazy-detail interaction. */
.v2-user-row{cursor:pointer}.v2-user-row:focus{outline:2px solid rgba(238,139,45,.45);outline-offset:-2px}.v2-user-row:hover{background:#fffaf5!important}

/* Permission-gated destructive tag reset in the detail drawer. */
.v2-tag-reset-trigger{display:inline-flex;align-items:center;justify-content:center;min-width:74px;height:31px;padding:0 11px;border:1px solid #e5a266;border-radius:8px;background:#fff8f1;color:#a85616;font-size:10px;font-weight:700;white-space:nowrap;cursor:pointer;transition:.18s}.v2-tag-reset-trigger:hover{border-color:#d98638;background:#ffeddc;color:#8f4512}.v2-reset-modal{width:470px}.v2-reset-warning{margin-top:22px;padding:16px 17px;border:1px solid #efc2c2;border-radius:11px;background:#fff5f5;color:#5b3434}.v2-reset-warning strong{display:block;color:#a93636;font-size:12px}.v2-reset-warning p{margin:8px 0 0;font-size:10px;line-height:1.7}.v2-reset-error{min-height:17px;margin:10px 0 0;color:#b84040;font-size:10px}.v2-reset-modal .v2-modal-actions{margin-top:8px}

@media (max-width:760px){.v2-drawer{width:100%}.v2-profile{align-items:flex-start;flex-wrap:wrap}.v2-profile>div:nth-child(2){min-width:calc(100% - 62px)}.v2-tag-reset-trigger{margin-left:58px}.v2-reset-modal{width:100%}}