/* 往来通 WEB V4.7.7 / UI Build 4.7.7-ui.4
   黑金往来流工作台、统一头像、共享账户明细与响应式布局。 */

body:has(.app-shell){
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 4%,rgba(202,150,56,.10),transparent 24%),
    radial-gradient(circle at 42% 105%,rgba(36,31,24,.04),transparent 32%),
    #f3efe7;
}

.app-shell{
  --sidebar-w:218px;
  height:100vh;
  display:grid;
  grid-template-columns:var(--sidebar-w) minmax(0,1fr);
  gap:14px;
  padding:14px;
  background:transparent;
}
.sidebar{
  position:relative;
  padding:18px 12px 14px;
  border-radius:24px;
  background:
    radial-gradient(circle at 76% 4%,rgba(224,180,86,.16),transparent 24%),
    linear-gradient(180deg,#161513 0%,#11110f 56%,#0c0c0b 100%);
  border:1px solid rgba(219,174,80,.18);
  box-shadow:0 24px 70px rgba(31,25,16,.20);
  overflow:auto;
}
.sidebar:after{
  content:"";
  position:absolute;
  left:18px;right:18px;bottom:82px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(225,182,92,.22),transparent);
  pointer-events:none;
}
.side-brand{padding:0 8px 18px;gap:10px}
.side-brand img{width:48px;height:48px;filter:drop-shadow(0 8px 20px rgba(197,145,43,.20))}
.side-brand .brand-name{font-size:24px;letter-spacing:.10em;font-weight:900;color:#fff8e9}
.side-brand .brand-en{font-size:10px;letter-spacing:.12em;color:#b9ad99;margin-top:3px}
.book-switch{
  margin:2px 2px 14px;
  padding:11px 12px;
  border-radius:14px;
  border:1px solid rgba(225,181,89,.22);
  background:linear-gradient(135deg,rgba(218,169,70,.17),rgba(255,255,255,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.book-switch:hover{border-color:rgba(228,187,100,.42);background:linear-gradient(135deg,rgba(218,169,70,.22),rgba(255,255,255,.035))}
.book-switch .book-icon{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#f0cc78,#9d681a);color:#1a140a}
.book-switch small{color:#928b80;font-size:11px}
.book-switch b{font-size:13px;color:#fff9ee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:112px}
.nav-item{
  height:43px;
  border-radius:12px;
  padding:0 11px;
  margin:3px 0;
  color:#d2cdc4;
  font-size:14px;
  font-weight:700;
  letter-spacing:.01em;
}
.nav-item svg{width:18px;height:18px;color:#aaa397}
.nav-item:hover{background:rgba(255,255,255,.055);color:#fff}
.nav-item.active{
  color:#fff4d6;
  background:linear-gradient(90deg,rgba(191,137,43,.42),rgba(191,137,43,.12));
  box-shadow:inset 3px 0 0 #e8bd64,0 7px 20px rgba(0,0,0,.10);
}
.nav-item.active svg{color:#f0c970}
.nav-badge{background:#5b3f12;color:#ffd982}
.auto-card{
  margin:8px 2px 10px;
  padding:10px 11px;
  border-radius:13px;
  border-color:rgba(224,181,90,.16);
  background:rgba(218,169,70,.055)
}
.auto-card .bubble{width:31px;height:31px;border-radius:9px;background:#2b210f;color:#e5b859}
.auto-card b{font-size:12px;color:#eee8df}.auto-card small{font-size:10px;color:#8f887d}
.profile-card{padding:12px 5px 0;border-top:1px solid rgba(255,255,255,.07)}
.profile-card .avatar{background:linear-gradient(145deg,#f0ca73,#9f691a);color:#1c150a;box-shadow:0 7px 20px rgba(191,137,43,.22)}
.profile-card b{color:#f3ede4}.profile-card small{color:#8f887e}

.workspace{
  min-width:0;
  border:1px solid rgba(188,167,131,.25);
  border-radius:24px;
  overflow:hidden;
  background:#fbfaf7;
  box-shadow:0 18px 60px rgba(50,39,22,.09);
}
.topbar{
  height:68px;
  padding:0 22px;
  border-bottom:1px solid #e9e2d8;
  background:rgba(255,253,249,.94);
  backdrop-filter:blur(16px);
  box-shadow:none;
}
.crumb{gap:8px;color:#a19789;font-size:12px;white-space:nowrap}
.crumb span:first-child{display:none}
.crumb span:nth-child(2){display:none}
.crumb b{font-size:15px;color:#25221d;letter-spacing:.02em}
.search-button{
  max-width:650px;
  height:40px;
  border-radius:12px;
  border:1px solid #e7dfd3;
  background:#f7f4ee;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
  color:#8b8379;
}
.search-button:hover{border-color:#d7b66f;background:#fffdf8}
.search-button kbd{border:1px solid #ded5c7;background:#fff;border-radius:7px;color:#9a9186}
.top-actions{gap:8px}
.top-actions .outline-btn,.top-actions .gold-btn{height:39px;padding:0 14px;border-radius:11px}

.main-scroll{background:linear-gradient(180deg,#faf8f4 0,#f5f1ea 100%)}
.page{max-width:1580px;margin:0 auto;padding:25px 27px 44px}
.page-head{margin-bottom:18px;align-items:flex-end}
.page-head h1{font-size:28px;letter-spacing:-.02em;color:#201e1a;margin:0 0 5px}
.page-head p{font-size:13px;color:#8b8277;line-height:1.7;margin:0;max-width:800px}
.page-actions{display:flex;gap:8px;align-items:center}

.section-card,
.v430-card,
.v430-metrics>button,
.v430-actions>button,
.v430-row,
.table-wrap,
.v430-note,
.v450-query-summary{
  border-color:#e9dfd1!important;
}
.section-card{
  border-radius:18px;
  background:#fffefa;
  box-shadow:0 9px 28px rgba(54,42,24,.045);
  overflow:hidden;
}
.section-card:hover{box-shadow:0 12px 34px rgba(54,42,24,.065)}
.card-head{padding:18px 20px 13px;border-bottom:1px solid #f0e9df}
.card-head h3{font-size:15px;color:#24201b}
.card-head p{font-size:12px;color:#91877b;line-height:1.55}

.v430-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:14px;
}
.v430-metrics>button{
  position:relative;
  min-height:120px;
  padding:18px 18px 16px;
  border:1px solid #e8dfd2;
  border-radius:18px;
  background:linear-gradient(155deg,#fffefb,#fbf7ef);
  text-align:left;
  box-shadow:0 8px 24px rgba(61,46,25,.04);
  overflow:hidden;
}
.v430-metrics>button:before{
  content:"";
  position:absolute;right:-30px;top:-34px;width:92px;height:92px;border-radius:50%;
  border:16px solid rgba(204,151,53,.08);
}
.v430-metrics>button:hover{transform:translateY(-2px);border-color:#d9bb7d;box-shadow:0 14px 30px rgba(65,47,19,.075)}
.v430-metrics>button small{display:block;font-size:12px;color:#8d8478}
.v430-metrics>button b{display:block;margin-top:12px;font-size:24px;letter-spacing:-.02em;color:#241e16;font-variant-numeric:tabular-nums}
.v430-metrics>button em{display:block;margin-top:12px;color:#a97522;font-size:11px;font-style:normal;font-weight:800}

.v430-two{gap:14px}
.v430-actions{gap:9px;padding:16px 18px 19px}
.v430-actions>button{
  min-height:98px;
  border:1px solid #e9dfd1;
  border-radius:16px;
  background:#fff;
  box-shadow:none;
  transition:.17s ease;
}
.v430-actions>button:hover{transform:translateY(-2px);border-color:#d8b66e;background:#fffcf5;box-shadow:0 10px 24px rgba(70,50,18,.065)}
.v430-actions>button span{background:#f8edda;color:#a46e18;border-radius:12px}
.v430-actions>button b{font-size:13px}.v430-actions>button small{color:#978d81;font-size:11px}

.v430-list{padding:6px 14px 12px}
.v430-row{min-height:58px;padding:11px 8px;border-bottom:1px solid #f1ebe3!important;background:transparent!important;border-left:0!important;border-right:0!important;border-top:0!important;border-radius:0!important;box-shadow:none!important}
.v430-row:hover{background:#fbf7ef!important}
.v430-row b{font-size:13px}.v430-row small{font-size:11px;color:#91887c}
.v430-row em{background:#fff2d6;color:#986418;border-radius:999px;padding:5px 8px;font-size:10px}

.gold-btn{
  background:linear-gradient(135deg,#e5bb62,#b67b21);
  color:#19140b;
  border:1px solid #bd8530;
  box-shadow:0 7px 18px rgba(167,112,28,.18);
  font-weight:850;
}
.gold-btn:hover{filter:brightness(1.035);box-shadow:0 10px 24px rgba(167,112,28,.23)}
.outline-btn{border-color:#e1d7c8;background:#fffefa;color:#332e27}
.outline-btn:hover{border-color:#d1ae66;background:#fffaf0}
.soft-btn{background:#f7efe0;color:#815919;border-color:#ead4ac}
.text-link{color:#9f6e21;font-weight:800}
.dark-btn{background:#171613;border-color:#171613;color:#fff}

.v430-table{border-collapse:separate;border-spacing:0;width:100%}
.v430-table thead th{position:sticky;top:0;background:#f7f3ec;color:#756c61;font-size:11px;font-weight:800;border-bottom:1px solid #e9dfd1;padding:11px 12px}
.v430-table tbody td{padding:12px;border-bottom:1px solid #f0e9df;font-size:12px;background:#fffefa}
.v430-table tbody tr:hover td{background:#fffaf0}
.v430-table td b{font-size:12px;color:#2b2721}.v430-table td small{display:block;margin-top:4px;color:#92887c;font-size:10px}
.table-wrap{border:1px solid #e9dfd1;border-radius:15px;overflow:auto;background:#fff}

.v430-filter,.v450-query-bar{background:#f7f3ec!important;border-color:#e8ded0!important;border-radius:15px!important}
.v430-input{border-radius:11px!important;border-color:#ddd1c0!important;background:#fffefa!important}
.v430-input:focus{border-color:#c79539!important;box-shadow:0 0 0 3px rgba(199,149,57,.10)!important}

.modal-shell{background:rgba(20,18,14,.56);backdrop-filter:blur(6px)}
.modal-card{border:1px solid rgba(219,184,115,.35);border-radius:22px;background:#fffdf9;box-shadow:0 34px 100px rgba(25,20,13,.28)}
.modal-head{padding:19px 21px;border-bottom:1px solid #ece4d9}.modal-head h2{font-size:18px}
.modal-body{padding:20px 21px 23px}
.v430-note{background:#faf5eb!important;color:#75634b!important;border:1px solid #ead9b8!important;border-radius:13px!important}
.v430-code{background:linear-gradient(145deg,#171613,#242019)!important;color:#fff;border-color:#4e3a19!important}
.v430-code small,.v430-code span{color:#cfc5b5!important}.v430-code b{color:#f2c972!important;letter-spacing:.22em}

/* 关系/联系人/协同：强调“人 + 关系 + 事情”，避免后台表格感 */
.relationship-card,.contact-card,.collab-card,.hf3-contact-card{
  border-radius:16px!important;
  border-color:#eadfce!important;
  background:linear-gradient(155deg,#fffefa,#fbf7ef)!important;
}
.relationship-card:hover,.contact-card:hover,.hf3-contact-card:hover{border-color:#d7b36c!important;box-shadow:0 10px 26px rgba(67,48,17,.06)!important}

/* 查询：第一层尽量轻，复杂筛选保持可用但视觉降噪 */
.v450-query-shell,.v450-query-advanced{border-color:#e8ddce!important;background:#fffefa!important}
.v450-query-summary{background:linear-gradient(90deg,#fcf7ed,#fffefa)!important;border-radius:13px!important}

/* Footer remains accessible but visually quiet inside app */
body:has(.app-shell) .site-beian{background:transparent;color:#9a9186}

@media(max-width:1280px){
  .app-shell{--sidebar-w:196px;gap:10px;padding:10px}
  .side-brand .brand-en{display:none}.side-brand .brand-name{font-size:21px}.side-brand img{width:42px;height:42px}
  .v430-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
  .app-shell{grid-template-columns:82px minmax(0,1fr)}
  .side-brand>div,.book-switch>span:not(.book-icon),.nav-item span,.auto-card>span:last-child,.profile-card>span:last-child{display:none}
  .side-brand{justify-content:center}.book-switch{justify-content:center}.book-switch .book-icon{margin:0}
  .nav-item{justify-content:center}.nav-item svg{width:20px;height:20px}
  .auto-card{justify-content:center}.profile-card{justify-content:center}
  .topbar{padding:0 14px}.crumb{display:none}.search-button{max-width:none}
}

/* 双人共享 / 往来关系：使用“往来轨”而不是普通后台列表 */
.v430-network{
  display:grid;
  grid-template-columns:minmax(210px,.7fr) repeat(2,minmax(0,1fr));
  gap:10px;
  padding:16px 18px 19px;
  position:relative;
}
.v430-network:before{
  content:"";
  position:absolute;
  left:28%;right:8%;top:50%;height:1px;
  background:linear-gradient(90deg,rgba(190,132,34,.08),rgba(190,132,34,.32),rgba(190,132,34,.08));
  pointer-events:none;
}
.v430-combined,.v430-person{
  position:relative;z-index:1;
  border:1px solid #eadfce;
  border-radius:15px;
  background:#fffefa;
  padding:14px 15px;
  box-shadow:0 7px 20px rgba(54,42,24,.035);
}
.v430-combined{
  background:linear-gradient(145deg,#1a1814,#2c251b);
  border-color:#4d391a;
  color:#fff;
}
.v430-combined small{color:#bfb4a3}.v430-combined b{display:block;margin-top:8px;font-size:20px;color:#f0c871}
.v430-person>span{display:block;font-weight:850;color:#2a251f}.v430-person>span small{display:block;margin-top:4px;color:#958a7c;font-size:10px;font-weight:500}
.v430-person>b{display:block;margin-top:10px;font-size:17px;color:#8b5b17}.v430-person>small{display:block;margin-top:7px;color:#978d81;line-height:1.5}
.v430-person .text-link{margin-top:9px;margin-right:10px;padding:0}

/* 页面标题增加轻量品牌轨迹，不改变 DOM/功能 */
.page-head>div:first-child{position:relative;padding-left:13px}
.page-head>div:first-child:before{content:"";position:absolute;left:0;top:5px;bottom:4px;width:3px;border-radius:3px;background:linear-gradient(180deg,#e4b85e,#a56b18)}

@media(max-width:1150px){.v430-network{grid-template-columns:1fr 1fr}.v430-combined{grid-column:1/-1}.v430-network:before{display:none}}

/* =========================================================
   早期往来流工作台结构（兼容样式）
   仍为纯 UI 层：保留既有 data-nav / id / API / 权限能力契约。
   ========================================================= */
.v476-flow-shell{--sidebar-w:204px;gap:12px;padding:12px}
.v476-flow-rail{padding:17px 11px 13px;border-radius:22px;overflow:hidden;display:flex;flex-direction:column}
.v476-flow-rail:before{
  content:"";position:absolute;left:33px;top:105px;bottom:164px;width:1px;
  background:linear-gradient(180deg,rgba(232,190,103,.04),rgba(232,190,103,.30) 20%,rgba(232,190,103,.10) 78%,transparent);
  pointer-events:none
}
.v476-brand-lock{position:relative;z-index:1;padding:0 8px 13px!important;align-items:center}
.v476-brand-lock img{width:43px!important;height:43px!important;object-fit:contain;border-radius:50%}
.v476-brand-lock .brand-name{font-size:22px!important;letter-spacing:.13em!important}
.v476-brand-lock .brand-en{font-size:9px!important;letter-spacing:.10em!important;color:#ad9e88!important}
.v476-rail-caption{position:relative;z-index:1;margin:4px 5px 9px;padding:8px 8px 8px 34px;min-height:36px;color:#8f877b}
.v476-rail-caption>span{position:absolute;left:10px;top:14px;width:8px;height:8px;border:2px solid #d9aa50;border-radius:50%;box-shadow:0 0 0 5px rgba(217,170,80,.08)}
.v476-rail-caption b{display:block;color:#c9bda9;font-size:10px;letter-spacing:.16em}
.v476-rail-caption small{display:block;margin-top:3px;color:#716b62;font-size:9px;letter-spacing:.04em}
.v476-side-nav{position:relative;z-index:1}
.v476-side-nav .nav-item{position:relative;padding-left:45px!important;margin:1px 0!important;height:42px!important;border-radius:11px!important}
.v476-side-nav .nav-item svg{position:absolute;left:20px;width:17px;height:17px}
.v476-side-nav .nav-item:before{content:"";position:absolute;left:18px;top:50%;width:5px;height:5px;transform:translate(-50%,-50%);border-radius:50%;background:#4b463e;border:2px solid #171513;transition:.18s ease}
.v476-side-nav .nav-item.active:before{background:#edc76e;border-color:#3a2b12;box-shadow:0 0 0 5px rgba(224,177,82,.10)}
.v476-side-nav .nav-item.active{background:linear-gradient(90deg,rgba(188,132,35,.33),rgba(188,132,35,.09))!important;box-shadow:inset 2px 0 0 #e3b75e!important}
.v476-flow-note{position:relative;z-index:1;margin:8px 4px 10px;padding:10px 10px 10px 12px;border:1px solid rgba(226,184,95,.14);border-radius:13px;background:rgba(216,166,67,.055);display:flex;align-items:flex-start;gap:9px}
.v476-flow-dot{width:8px;height:8px;margin-top:4px;border-radius:50%;background:#e6ba61;box-shadow:0 0 0 5px rgba(226,181,87,.08);flex:none}
.v476-flow-note b{display:block;color:#eee4d6;font-size:11px}.v476-flow-note small{display:block;margin-top:3px;color:#887f72;font-size:9px;line-height:1.45}

.v476-context-bar{display:grid;grid-template-columns:minmax(230px,auto) auto minmax(280px,1fr) auto;gap:12px;height:70px;padding:0 18px}
.v476-top-book{height:46px;min-width:235px;max-width:360px;padding:5px 9px 5px 7px;display:flex;align-items:center;gap:9px;border:1px solid #e7ded2;border-radius:13px;background:linear-gradient(145deg,#fffefa,#f8f2e8);color:#2b2721;box-shadow:0 4px 14px rgba(52,40,22,.035);text-align:left}
.v476-top-book:hover{border-color:#d7b36d;background:#fffaf0}
.v476-top-book .book-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#1a1814,#312717);color:#edc46d;flex:none}
.v476-top-book .book-icon svg{width:17px;height:17px}.v476-top-book-copy{min-width:0;flex:1}
.v476-top-book-copy small{display:block;color:#918579;font-size:9px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v476-top-book-copy b{display:block;margin-top:2px;color:#28231d;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v476-role-pill{padding:4px 7px;border-radius:999px;background:#f4ead7;color:#8c5d18;font-size:9px;white-space:nowrap}
.v476-top-book .chev{color:#9c8d7a;display:flex}.v476-top-book .chev svg{width:14px;height:14px}
.v476-page-label{padding-left:0!important}.v476-page-label b{font-size:13px!important;color:#7f766a!important;white-space:nowrap}
.v476-context-bar .search-button{width:100%;max-width:none!important;justify-self:stretch}
.v476-top-record{height:40px!important;border-radius:11px!important;padding:0 15px!important;white-space:nowrap}
.v476-top-record svg{width:16px;height:16px}.v476-exit{height:40px!important;white-space:nowrap}

/* 工作台内容：让“当前上下文 → 数字 → 动作 → 待办 → 往来”更清晰 */
.v476-flow-shell .page-head{padding:3px 1px 0;margin-bottom:16px}
.v476-flow-shell .page-head h1{font-size:29px!important;font-weight:950;letter-spacing:-.025em}
.v476-flow-shell .page-head p{max-width:900px}
.v476-flow-shell .v430-metrics{gap:10px}
.v476-flow-shell .v430-metrics>button{min-height:112px;border-radius:16px}
.v476-flow-shell .v430-two{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:stretch}
.v476-flow-shell .v430-two>.section-card{height:100%}
.v476-flow-shell .v430-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.v476-flow-shell .v430-actions>button{min-width:0;min-height:92px}
.v476-flow-shell .v430-actions>button b{font-size:12px}.v476-flow-shell .v430-actions>button small{line-height:1.35}
.v476-flow-shell .v430-network{grid-template-columns:minmax(220px,.8fr) repeat(2,minmax(0,1fr))}
.v476-flow-shell .section-card>.card-head{background:linear-gradient(180deg,#fffefa,#fffdf9)}

@media(max-width:1340px){
  .v476-context-bar{grid-template-columns:minmax(210px,290px) minmax(240px,1fr) auto}.v476-page-label{display:none}
  .v476-flow-shell .v430-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1120px){
  .v476-flow-shell{--sidebar-w:82px;gap:9px;padding:9px}
  .v476-brand-lock>div,.v476-rail-caption b,.v476-rail-caption small,.v476-side-nav .nav-item span,.v476-flow-note>div,.profile-card>span:last-child{display:none!important}
  .v476-brand-lock{justify-content:center!important;padding:0 0 12px!important}.v476-brand-lock img{width:42px!important;height:42px!important}
  .v476-rail-caption{height:34px;padding:0;margin:0 0 6px}.v476-rail-caption>span{left:50%;top:13px;transform:translateX(-50%)}
  .v476-flow-rail:before{left:50%;top:96px;bottom:154px}
  .v476-side-nav .nav-item{padding:0!important;justify-content:center!important}.v476-side-nav .nav-item svg{position:static!important;width:20px;height:20px}.v476-side-nav .nav-item:before{display:none}
  .v476-flow-note{justify-content:center;padding:10px}.v476-flow-dot{margin:0}
  .profile-card{justify-content:center!important}
  .v476-context-bar{grid-template-columns:minmax(190px,250px) minmax(220px,1fr) auto;padding:0 12px}
  .v476-role-pill{display:none}
  .v476-flow-shell .v430-two{grid-template-columns:1fr}
}
@media(max-width:760px){
  .v476-context-bar{grid-template-columns:minmax(145px,190px) minmax(0,1fr) auto;gap:7px;padding:0 8px}
  .v476-top-book{min-width:0;width:100%;padding-right:7px}.v476-top-book-copy small{display:none}.v476-top-book .chev{display:none}.v476-top-book .book-icon{width:31px;height:31px}
  .v476-context-bar .search-button span{font-size:0}.v476-context-bar .search-button span:after{content:"搜索";font-size:12px}.v476-context-bar .search-button kbd{display:none}
  .v476-exit{display:none}.v476-top-record{padding:0 11px!important}.v476-top-record{font-size:0}.v476-top-record svg{margin:0!important}.v476-top-record:after{content:"记";font-size:12px;margin-left:4px}
  .v476-flow-shell .v430-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){
  .v476-flow-shell{grid-template-columns:64px minmax(0,1fr);padding:5px;gap:5px}.v476-flow-rail{padding:12px 6px;border-radius:17px}.v476-brand-lock img{width:36px!important;height:36px!important}
  .v476-context-bar{grid-template-columns:minmax(118px,1fr) minmax(88px,.7fr) 42px;height:60px}.v476-top-book{height:40px}.v476-top-book .book-icon{display:none}.v476-top-book-copy b{font-size:11px}.v476-context-bar .search-button{height:38px;padding:0 9px}.v476-top-record{width:40px!important;height:38px!important;padding:0!important;justify-content:center}.v476-top-record:after{display:none}
  .v476-flow-shell .page{padding:19px 13px 34px}.v476-flow-shell .page-head h1{font-size:23px!important}.v476-flow-shell .v430-metrics{grid-template-columns:1fr}.v476-flow-shell .v430-actions{grid-template-columns:1fr 1fr}
}

/* =========================================================
   V4.7.7 · confirmed preview implementation foundation
   ========================================================= */
body.wlt-app-active{height:100vh;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}
body.wlt-app-active #app{min-height:0;overflow:hidden}
body.wlt-app-active .app-shell{height:100%;min-height:0}
body.wlt-app-active .site-beian{position:static;z-index:1;min-height:30px;background:#15130f;color:#8f887e;border-color:#2e281e}
body.wlt-app-active .site-beian a,body.wlt-app-active .site-beian button{color:#a49b8f}
body.wlt-app-active .main-scroll{padding-bottom:38px}
.v477-design-shell .v476-flow-rail{height:calc(100% - 20px);max-height:calc(100% - 20px);min-height:0;margin:10px 0 10px 10px;box-sizing:border-box;overflow:hidden}.v477-design-shell .v476-side-nav{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:none}.v477-design-shell .side-spacer{display:none}.v477-design-shell .v476-side-nav::-webkit-scrollbar{display:none}
.profile-card{position:relative;display:grid!important;grid-template-columns:42px minmax(0,1fr) 14px;gap:10px;min-height:62px;color:inherit}.profile-card .profile-chevron{color:#7f776b;font-size:20px}.profile-card>span:nth-child(2){min-width:0}.profile-card>span:nth-child(2) b,.profile-card>span:nth-child(2) small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wlt-real-avatar{position:relative;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#211d17}.wlt-real-avatar>img{position:absolute;inset:0;z-index:3;width:100%;height:100%;object-fit:cover}.wlt-avatar-default{position:absolute;inset:0;z-index:1;overflow:hidden;border-radius:inherit;background:linear-gradient(145deg,#40372c,#181612)}.wlt-avatar-default b{position:absolute;left:50%;top:18%;width:30%;height:30%;transform:translateX(-50%);border-radius:50%;background:#d7ad55}.wlt-avatar-default em{position:absolute;left:18%;right:18%;bottom:-12%;height:53%;border-radius:50% 50% 20% 20%;background:#d7ad55}.wlt-real-avatar>small{display:none}
.profile-card .avatar{width:42px;height:42px;box-shadow:0 7px 20px rgba(191,137,43,.22)}
.v477-contact-row{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;padding:15px 18px!important}.v477-contact-avatar{width:46px;height:46px}.v477-contact-row>span:nth-child(2){min-width:0}.v477-contact-row b{display:flex!important;align-items:center;gap:8px}.v477-user-badge{padding:3px 7px;border-radius:999px;background:#252018;color:#dcb35b;font-size:10px;font-style:normal;font-weight:700;white-space:nowrap}.v477-contact-row em{color:#9e6b1c!important;font-style:normal;font-weight:700;white-space:nowrap}.v477-contact-panel{overflow:hidden}
.v477-readonly-badge{padding:8px 12px;border:1px solid #d5b36e;border-radius:999px;background:#272219;color:#e1ba64;font-size:12px;font-weight:750}.v477-account-filters{grid-template-columns:repeat(4,minmax(130px,1fr)) auto!important}
@media(max-width:1120px){.profile-card{grid-template-columns:42px}.profile-card .profile-chevron{display:none}.v477-account-filters{grid-template-columns:repeat(2,minmax(150px,1fr))!important}.v477-account-filters .hf3-filter-actions{grid-column:1/-1}}
@media(max-width:680px){body.wlt-app-active .site-beian{min-height:48px}.v477-contact-row{grid-template-columns:42px minmax(0,1fr)!important}.v477-contact-row>em{grid-column:2}.v477-account-filters{grid-template-columns:1fr!important}}

/* V4.7.7 · preview-faithful workbench */
.v477-design-shell .workspace{background:#f8f5ef}
.v477-design-shell .page{max-width:none;padding:16px 18px 36px}
.v477-workbench-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 1px 13px}
.v477-workbench-title span{display:block;color:#a37223;font-size:10px;font-weight:800;letter-spacing:.14em}
.v477-workbench-title h1{margin:3px 0 0;color:#28231d;font-size:22px;line-height:1.15;letter-spacing:-.02em}
.v477-readonly-banner{display:flex;align-items:center;gap:14px;margin-bottom:12px;padding:10px 14px;border:1px solid #ddc38f;border-radius:10px;background:#fff9ec;color:#655438;font-size:12px}.v477-readonly-banner b{color:#8f5e0d}
.v477-preview-grid{display:grid;grid-template-columns:minmax(210px,.86fr) minmax(235px,1fr) minmax(330px,1.32fr) minmax(260px,1.05fr);gap:12px;align-items:stretch}
.v477-preview-grid>.section-card{min-width:0;margin:0;padding:0;border:1px solid #e8e0d4;border-radius:13px;background:rgba(255,255,255,.84);box-shadow:0 5px 18px rgba(65,48,24,.03);overflow:hidden}
.v477-preview-grid .card-head,.v477-bottom-grid .card-head{min-height:44px;padding:12px 13px 8px;border:0;background:transparent!important}
.v477-preview-grid .card-head h3,.v477-bottom-grid .card-head h3{margin:0;color:#2c2823;font-size:14px}.v477-preview-grid .card-head p{margin:3px 0 0;font-size:10px}
.v477-preview-grid .card-head h3 em{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-left:4px;padding:0 5px;border-radius:999px;background:#b87816;color:#fff;font-size:10px;font-style:normal}
.v477-task-list{padding:0 10px}.v477-task-list>button{display:grid;grid-template-columns:30px minmax(0,1fr) 26px;align-items:center;gap:8px;width:100%;min-height:47px;padding:4px 7px;border:0;border-top:1px solid #eee7dd;background:transparent;color:#3c3731;text-align:left}.v477-task-list>button:hover{background:#fcf7ed}.v477-task-list>button b{font-size:11px}.v477-task-list>button em{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f3eee5;color:#332c23;font-size:10px;font-style:normal}
.v477-task-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#fbf4e5;color:#ba7d18}.v477-task-icon svg{width:15px;height:15px}
.v477-card-link{width:100%;height:38px;border:0;border-top:1px solid #eee7dd;background:#fffaf1;color:#9b6717;font-size:10px;font-weight:750}
.v477-contact-compact{padding:0 10px 10px}.v477-contact-compact>button{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:51px;padding:6px 4px;border:0;border-top:1px solid #eee7dd;background:transparent;text-align:left}.v477-contact-compact>button:hover{background:#fcf8f0}.v477-contact-compact .v477-contact-avatar{width:34px;height:34px}.v477-contact-compact span{min-width:0}.v477-contact-compact b,.v477-contact-compact small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v477-contact-compact b{color:#312d28;font-size:11px}.v477-contact-compact small{margin-top:2px;color:#978c7d;font-size:9px}.v477-contact-compact strong{color:#675b4c;font-size:9px;font-weight:650;text-align:right;white-space:nowrap}
.v477-chart-legend{display:flex;align-items:center;gap:5px;color:#877c6f;font-size:9px}.v477-chart-legend i{width:6px;height:6px;border-radius:50%;background:#b98220}.v477-chart-legend i:nth-of-type(2){background:#d09a37}.v477-chart-legend i:nth-of-type(3){background:#242321}
.v477-trend-card canvas{display:block;width:100%;height:156px;padding:0 8px;box-sizing:border-box}
.v477-trend-summary{display:grid;grid-template-columns:repeat(3,1fr);margin:0 12px 12px;padding-top:9px;border-top:1px solid #eee7dc}.v477-trend-summary span{padding:0 9px;border-left:1px solid #eee7dc}.v477-trend-summary span:first-child{border:0;padding-left:0}.v477-trend-summary small,.v477-trend-summary b{display:block}.v477-trend-summary small{color:#948879;font-size:9px}.v477-trend-summary b{margin-top:3px;color:#312c26;font-size:13px}
.v477-quick-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin:0 11px;padding:3px;border:1px solid #e8dfd2;border-radius:8px;background:#faf7f2}.v477-quick-tabs button{min-width:0;height:29px;padding:0 4px;border:0;border-radius:6px;background:transparent;color:#625b52;font-size:10px}.v477-quick-tabs button.active{background:linear-gradient(135deg,#d2a54d,#9f6515);color:white;box-shadow:0 3px 8px rgba(157,101,21,.2)}
.v477-quick-amount{padding:14px 14px 7px}.v477-quick-amount small{display:block;color:#9b8f80;font-size:9px}.v477-quick-amount label{display:flex;align-items:center;margin-top:2px;color:#2d2823;font-size:20px;font-weight:800}.v477-quick-amount input{min-width:0;width:100%;padding:0 6px;border:0;outline:0;background:transparent;color:#25211d;font-size:27px;font-weight:800}
.v477-quick-select{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;min-height:38px;margin:0 12px;border-top:1px solid #eee7dd;color:#8e8375;font-size:10px}.v477-quick-select select{min-width:0;border:0;outline:0;background:transparent;color:#3a352f;font-size:10px;text-align:right}
.v477-quick-submit{display:block;width:calc(100% - 24px);height:39px;margin:9px 12px 6px;border:0;border-radius:8px;background:linear-gradient(135deg,#bd8931,#25211b 88%);color:#fff;font-size:12px;font-weight:800}.v477-quick-tools{display:grid;grid-template-columns:repeat(3,1fr);margin:0 12px 10px}.v477-quick-tools button{height:25px;border:0;border-left:1px solid #e8e0d5;background:transparent;color:#8e8375;font-size:9px}.v477-quick-tools button:first-child{border:0}
.v477-bottom-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(240px,1fr);gap:12px;margin-top:12px}.v477-bottom-grid>.section-card{margin:0;padding:0;border:1px solid #e8e0d4;border-radius:13px;background:rgba(255,255,255,.84);overflow:hidden}
.v477-flow-card{min-width:0}.v477-flow-card .card-head small{margin-left:7px;color:#9f9485;font-size:10px;font-weight:500}.v477-flow-track{display:flex;align-items:stretch;gap:7px;min-width:0;padding:0 12px 13px;overflow-x:auto}.v477-flow-person{flex:1 0 130px;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:2px 8px;min-width:130px;padding:9px;border:1px solid #e5dbcc;border-radius:10px;background:#fffdf9;color:#312c26;text-align:left}.v477-flow-person .v477-contact-avatar{grid-row:1/3;width:32px;height:32px}.v477-flow-person b,.v477-flow-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v477-flow-person b{font-size:10px}.v477-flow-person small{color:#8d8274;font-size:8px}.v477-flow-person.self{background:#faf4e6}.v477-flow-arrow{align-self:center;color:#bc8a36;font-size:17px}.v477-flow-add{flex:0 0 72px;border:1px dashed #d8c49d;border-radius:10px;background:#fffaf0;color:#9b681c;font-size:19px}.v477-flow-add small{display:block;font-size:8px}
.v477-donut-wrap{display:flex;align-items:center;justify-content:center;gap:18px;padding:4px 14px 18px}.v477-donut{position:relative;width:84px;height:84px;border-radius:50%;background:var(--donut)}.v477-donut:after{content:"";position:absolute;inset:16px;border-radius:50%;background:#fff}.v477-donut span{position:absolute;z-index:1;inset:0;display:grid;place-items:center;color:#29251f;font-size:18px;font-weight:850}.v477-donut-wrap>div:last-child>b,.v477-donut-wrap small{display:block}.v477-donut-wrap>div:last-child>b{margin-bottom:7px;color:#40392f;font-size:11px}.v477-donut-wrap small{margin:4px 0;color:#84796b;font-size:9px}.v477-donut-wrap i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%}.v477-donut-wrap i.gold{background:#b88931}.v477-donut-wrap i.sand{background:#d4ae63}.v477-donut-wrap i.dark{background:#282623}
.v477-metric-strip{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:8px;margin-top:12px}.v477-metric-strip>button{min-width:0;padding:11px 12px;border:1px solid #e8e0d4;border-radius:10px;background:#fff;color:#352f27;text-align:left}.v477-metric-strip small,.v477-metric-strip b,.v477-metric-strip em{display:block}.v477-metric-strip small{color:#948879;font-size:9px}.v477-metric-strip b{margin-top:5px;overflow:hidden;text-overflow:ellipsis;font-size:13px;white-space:nowrap}.v477-metric-strip em{margin-top:4px;color:#a16e1d;font-size:8px;font-style:normal}
.v477-share-card{margin-top:12px}.v477-share-state{display:flex;justify-content:space-between;gap:12px;padding:11px 15px;border:1px solid #eddfc5;border-radius:10px;background:#fff8ea;color:#6e5b3a;font-size:11px}.v477-share-person{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:12px;padding:11px 15px;border-top:1px solid #eee7dc}.v477-share-person span b,.v477-share-person span small{display:block}.v477-share-person span small{margin-top:2px;color:#948879;font-size:9px}
@media(max-width:1450px){.v477-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v477-trend-card{grid-column:1/2}.v477-quick-card{grid-column:2/3}.v477-metric-strip{grid-template-columns:repeat(4,minmax(110px,1fr))}}
@media(max-width:1050px){.v477-preview-grid{grid-template-columns:1fr}.v477-trend-card,.v477-quick-card{grid-column:auto}.v477-bottom-grid{grid-template-columns:1fr}.v477-metric-strip{grid-template-columns:repeat(2,minmax(110px,1fr))}}
@media(max-width:680px){.v477-design-shell .page{padding:12px 9px 28px}.v477-workbench-title h1{font-size:19px}.v477-trend-card canvas{height:130px}.v477-trend-summary b{font-size:11px}.v477-metric-strip{grid-template-columns:1fr}.v477-share-person{grid-template-columns:1fr auto}.v477-share-person button{grid-column:auto}.v477-chart-legend{display:none}}
@media(max-width:900px){.v477-design-shell{grid-template-columns:minmax(0,1fr)!important;padding:0!important;gap:0!important}.v477-design-shell .v476-flow-rail{display:none!important}.v477-design-shell .workspace{min-height:0}.v477-design-shell .main-scroll{overflow:auto}}

/* =========================================================
   V4.7.7-ui.2 · black-gold product shell
   ========================================================= */
body.wlt-dark-product{--v477-bg:#080909;--v477-panel:#151616;--v477-panel-2:#1b1c1c;--v477-line:#282929;--v477-gold:#e1ae43;--v477-gold-2:#b47a19;--v477-text:#f4f2ed;--v477-muted:#878987;background:#080909;color:var(--v477-text)}
body.wlt-dark-product .site-beian{min-height:29px;background:#0b0c0c;border-color:#1f2020;color:#6f7270;font-size:10px}
body.wlt-dark-product .site-beian a,body.wlt-dark-product .site-beian button{color:#777a78}
.v477-dark-shell{display:grid!important;grid-template-columns:205px minmax(0,1fr)!important;gap:0!important;padding:0!important;background:radial-gradient(circle at 68% 18%,rgba(70,61,38,.11),transparent 31%),#090a0a!important}
.v477-dark-sidebar{position:relative;display:flex;flex-direction:column;min-height:0;padding:0 13px 14px!important;border:0!important;border-right:1px solid #202121!important;border-radius:0!important;background:linear-gradient(180deg,#070808 0%,#101111 62%,#0a0b0b 100%)!important;box-shadow:none!important;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.v477-dark-sidebar::-webkit-scrollbar{display:none}
.v477-dark-brand{display:flex;align-items:center;gap:10px;height:58px;margin:0 -13px 14px;padding:0 23px;border-bottom:1px solid #202121}.v477-dark-brand img{width:32px!important;height:32px!important;border-radius:9px}.v477-dark-brand .brand-name{color:#f1c766!important;font-size:18px!important;font-weight:850;letter-spacing:.08em}.v477-dark-brand .brand-en{display:block;margin-top:2px;color:#806a3e!important;font-size:8px!important;letter-spacing:.12em}
.v477-dark-nav{display:flex;flex-direction:column;gap:5px}.v477-dark-nav .nav-item{position:relative;display:flex;align-items:center;gap:13px;width:100%;height:44px;padding:0 15px;border:0;border-radius:7px;background:transparent;color:#b8bab8;font-size:12px;font-weight:680;text-align:left;transition:.18s ease}.v477-dark-nav .nav-item svg{width:16px;height:16px;stroke-width:2;color:#9b9e9b}.v477-dark-nav .nav-item:hover{background:#171817;color:#fff}.v477-dark-nav .nav-item.active{background:linear-gradient(90deg,rgba(121,88,30,.53),rgba(76,59,28,.48));color:#f2c660;box-shadow:inset 0 0 0 1px rgba(223,174,72,.07)}.v477-dark-nav .nav-item.active svg{color:#e0ad45}
.v477-side-status{display:flex;align-items:center;justify-content:space-between;margin:10px -13px -14px;padding:15px 22px;border-top:1px solid #202121;color:#777a78;font-size:9px}.v477-side-status b{display:flex;align-items:center;gap:5px;color:#61bb70;font-weight:600}.v477-side-status i{width:6px;height:6px;border-radius:50%;background:#55c06b;box-shadow:0 0 8px rgba(85,192,107,.7)}
.v477-dark-shell .workspace{min-width:0;background:transparent!important}.v477-dark-topbar{display:grid!important;grid-template-columns:290px minmax(220px,1fr) minmax(300px,420px) auto!important;align-items:center;gap:15px!important;height:58px!important;padding:0 21px!important;border:0!important;border-bottom:1px solid #202121!important;background:rgba(8,9,9,.92)!important;box-shadow:none!important;backdrop-filter:blur(18px)}
.v477-top-book{display:flex;align-items:center;gap:9px;min-width:0;height:34px;padding:0 12px;border:1px solid #222323;border-radius:9px;background:#131414;color:#ddd;text-align:left}.v477-top-book>span{display:flex;align-items:center;gap:8px;min-width:0}.v477-top-book small{color:#d5a843;font-size:9px;white-space:nowrap}.v477-top-book b{max-width:135px;overflow:hidden;color:#e8e5df;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.v477-top-book>svg{width:12px;height:12px;transform:rotate(90deg);color:#b68b39}.v477-top-book em{padding-left:8px;border-left:1px solid #292a2a;color:#737674;font-size:8px;font-style:normal;white-space:nowrap}.v477-page-name{overflow:hidden;color:#5d605e;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.v477-dark-search{justify-self:end;width:min(100%,420px)!important;height:34px!important;padding:0 13px!important;border:1px solid #202121!important;border-radius:10px!important;background:#141515!important;color:#666a67!important;box-shadow:none!important}.v477-dark-search svg{width:15px!important;height:15px!important}.v477-dark-search span{font-size:10px!important}.v477-dark-actions{display:flex;align-items:center;gap:8px}.v477-top-record{height:36px!important;padding:0 20px!important;border-radius:8px!important;background:linear-gradient(135deg,#f1c75e,#d69c2c)!important;color:#17120a!important;font-size:12px!important;box-shadow:0 5px 14px rgba(205,147,36,.2)!important}.v477-top-record svg{width:15px;height:15px}.v477-top-icon{position:relative;display:grid;place-items:center;width:35px;height:35px;border:0;border-left:1px solid #202121;background:transparent;color:#d9dbd8;font-size:15px}.v477-top-icon svg{width:16px;height:16px}.v477-top-icon i{position:absolute;right:1px;top:1px;display:grid;place-items:center;min-width:13px;height:13px;padding:0 2px;border-radius:999px;background:#d96935;color:#fff;font-size:7px;font-style:normal}.v477-top-user{display:flex;align-items:center;gap:8px;min-width:105px;padding:0 0 0 9px;border:0;border-left:1px solid #202121;background:transparent;color:#eee;text-align:left}.v477-top-avatar{width:29px;height:29px;flex:0 0 auto}.v477-top-user span:last-child{min-width:0}.v477-top-user b,.v477-top-user small{display:block;max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v477-top-user b{font-size:9px}.v477-top-user small{margin-top:2px;color:#777a78;font-size:7px}
.v477-dark-shell .main-scroll{background:transparent!important}.v477-dark-shell .page{max-width:none!important;padding:21px 24px 34px!important;color:var(--v477-text)}
.v477-dark-greeting{margin-bottom:17px}.v477-dark-greeting h1{margin:0;color:#f4f3ef;font-size:20px;line-height:1.2}.v477-dark-greeting h1 span{font-size:16px}.v477-dark-greeting p{margin:8px 0 0;color:#777a78;font-size:9px}
.v477-dark-readonly{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:10px 13px;border:1px solid #604b22;border-radius:8px;background:#1f1a11;color:#b8aa8b;font-size:10px}.v477-dark-readonly b{color:#e4b755}
.v477-dark-metrics{display:grid;grid-template-columns:1.35fr repeat(5,1fr);gap:9px}.v477-dark-metric{position:relative;min-width:0;height:137px;padding:17px 15px;border:1px solid #252626;border-radius:10px;background:linear-gradient(145deg,#191a1a,#131414);color:#ecebe6;text-align:left;overflow:hidden;box-shadow:0 7px 24px rgba(0,0,0,.14)}.v477-dark-metric:hover{border-color:#554522;transform:translateY(-1px)}.v477-dark-metric>span{display:flex;align-items:center;gap:6px;color:#a5a7a4;font-size:10px}.v477-dark-metric>span svg{width:11px;height:11px;color:#bd8c2f}.v477-dark-metric>strong{display:block;margin-top:17px;overflow:hidden;color:#f3f1ec;font-size:18px;font-weight:780;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap}.v477-dark-metric>strong em{font-size:10px;font-style:normal;font-weight:650}.v477-dark-metric>small{display:block;margin-top:10px;overflow:hidden;color:#858885;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.v477-dark-metric>small.is-up{color:#6ebd73}.v477-dark-metric>i{position:absolute;right:14px;top:17px;color:#5d4a24;font-style:normal}.v477-dark-metric>i svg{width:17px;height:17px}.v477-dark-metric.is-balance{border-color:#4a3a1c;background:radial-gradient(circle at 88% 10%,rgba(187,135,37,.18),transparent 35%),linear-gradient(145deg,#1c1b17,#171713)}.v477-dark-metric.is-balance>span{color:#d5a843}.v477-dark-metric.is-balance>strong{font-size:19px}.v477-dark-metric.is-balance canvas{position:absolute;left:0;right:0;bottom:0;width:100%;height:49px}
.v477-dark-main-grid{display:grid;grid-template-columns:1.2fr .95fr;gap:10px;margin-top:13px}.v477-dark-panel{min-width:0;min-height:284px;border:1px solid #242525;border-radius:10px;background:linear-gradient(145deg,#151616,#121313);overflow:hidden}.v477-dark-panel-head{display:flex;align-items:center;justify-content:space-between;height:47px;padding:0 16px;border-bottom:1px solid #242525}.v477-dark-panel-head h2{margin:0;color:#ecebe7;font-size:14px}.v477-dark-panel-head button{border:0;background:transparent;color:#777a78;font-size:9px}
.v477-dark-activity-list{padding:0 16px}.v477-dark-activity-list>button{display:grid;grid-template-columns:31px minmax(0,1fr) auto 58px;align-items:center;gap:10px;width:100%;min-height:57px;padding:4px 0;border:0;border-top:1px solid #252626;background:transparent;color:#e7e5df;text-align:left}.v477-dark-activity-list>button:first-child{border-top:0}.v477-activity-avatar{width:29px;height:29px}.v477-dark-activity-list span{min-width:0}.v477-dark-activity-list b,.v477-dark-activity-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v477-dark-activity-list b{font-size:10px}.v477-dark-activity-list small{margin-top:4px;color:#777a78;font-size:8px}.v477-dark-activity-list strong{font-size:10px;white-space:nowrap}.v477-dark-activity-list strong.is-positive{color:#65b76b}.v477-dark-activity-list strong.is-negative{color:#e1b44f}.v477-dark-activity-list em{color:#646764;font-size:8px;font-style:normal;text-align:right;white-space:nowrap}
.v477-dark-common-grid{display:grid;grid-template-columns:repeat(4,1fr);height:236px;padding:16px 20px;gap:14px 19px}.v477-dark-common-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:0;background:transparent;color:#deddd8}.v477-dark-common-grid button>span{display:grid;place-items:center;width:48px;height:48px;border:1px solid #3d3524;border-radius:14px;background:radial-gradient(circle at 70% 20%,rgba(218,167,64,.17),transparent 45%),linear-gradient(145deg,#292821,#1b1c1b);color:#e4b54e;box-shadow:inset 0 0 18px rgba(217,166,64,.04)}.v477-dark-common-grid button:hover>span{border-color:#8f6a25;transform:translateY(-1px)}.v477-dark-common-grid svg{width:23px;height:23px}.v477-dark-common-grid b{font-size:10px;font-weight:650}
body.wlt-dark-product .empty{color:#737673}
@media(max-width:1380px){.v477-dark-topbar{grid-template-columns:245px minmax(80px,1fr) minmax(260px,350px) auto!important}.v477-dark-metrics{grid-template-columns:repeat(3,1fr)}.v477-dark-metric{height:124px}}
@media(max-width:1080px){.v477-dark-shell{grid-template-columns:76px minmax(0,1fr)!important}.v477-dark-brand{justify-content:center;padding:0}.v477-dark-brand>div,.v477-dark-nav .nav-item span,.v477-side-status{display:none}.v477-dark-nav .nav-item{justify-content:center;padding:0}.v477-dark-nav .nav-item svg{width:19px;height:19px}.v477-dark-topbar{grid-template-columns:210px minmax(220px,1fr) auto!important}.v477-page-name,.v477-top-user span:last-child{display:none}.v477-dark-main-grid{grid-template-columns:1fr}.v477-dark-panel{min-height:260px}}
@media(max-width:760px){.v477-dark-shell{grid-template-columns:minmax(0,1fr)!important}.v477-dark-sidebar{display:none}.v477-dark-topbar{grid-template-columns:minmax(135px,1fr) minmax(120px,1fr) auto!important;padding:0 9px!important;gap:7px!important}.v477-top-book em,.v477-top-icon,.v477-top-user{display:none}.v477-dark-search{justify-self:stretch}.v477-top-record{width:38px;padding:0!important;font-size:0!important}.v477-top-record svg{margin:0}.v477-dark-shell .page{padding:15px 10px 28px!important}.v477-dark-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.v477-dark-metric{height:118px}.v477-dark-main-grid{grid-template-columns:1fr}.v477-dark-activity-list>button{grid-template-columns:31px minmax(0,1fr) auto}.v477-dark-activity-list em{display:none}.v477-dark-common-grid{grid-template-columns:repeat(4,1fr);padding:12px 8px;gap:11px 5px}.v477-dark-common-grid button>span{width:43px;height:43px}}
@media(max-width:430px){.v477-dark-greeting h1{font-size:17px}.v477-dark-metrics{grid-template-columns:1fr}.v477-dark-metric{height:108px}.v477-dark-common-grid{grid-template-columns:repeat(3,1fr);height:auto}.v477-dark-common-grid button{min-height:82px}}

/* Dark system surfaces: every authenticated route, form and dialog */
body.wlt-dark-product .page-head{margin-bottom:17px}body.wlt-dark-product .page-head h1{color:#f0eee8!important;font-size:24px!important}body.wlt-dark-product .page-head h1:before{background:linear-gradient(#f0c35b,#a66d16)!important}body.wlt-dark-product .page-head p{color:#7f827f!important}body.wlt-dark-product .page-head small{color:#747774!important}
body.wlt-dark-product .section-card,body.wlt-dark-product .v430-section,body.wlt-dark-product .hf3-panel,body.wlt-dark-product .v450-panel,body.wlt-dark-product .v442-panel,body.wlt-dark-product .v430-card{border-color:#282929!important;background:linear-gradient(145deg,#171818,#121313)!important;color:#deddd8!important;box-shadow:0 8px 24px rgba(0,0,0,.16)!important}
body.wlt-dark-product .card-head,body.wlt-dark-product .v430-card-head{border-color:#282929!important;background:rgba(22,23,23,.88)!important}body.wlt-dark-product .card-head h2,body.wlt-dark-product .card-head h3,body.wlt-dark-product .card-head h4,body.wlt-dark-product .v430-card-head h2,body.wlt-dark-product .v430-card-head h3{color:#ebe9e3!important}body.wlt-dark-product .card-head p,body.wlt-dark-product .card-head small{color:#777a77!important}
body.wlt-dark-product .v430-input,body.wlt-dark-product input:not([type=checkbox]):not([type=radio]),body.wlt-dark-product select,body.wlt-dark-product textarea{border-color:#323333!important;background:#111212!important;color:#e2e1dc!important;box-shadow:none!important;color-scheme:dark}body.wlt-dark-product input::placeholder,body.wlt-dark-product textarea::placeholder{color:#5f625f!important}body.wlt-dark-product label>span,body.wlt-dark-product .v430-field>span{color:#969996!important}
body.wlt-dark-product .outline-btn{border-color:#3b3c3c!important;background:#171818!important;color:#c9c8c3!important;box-shadow:none!important}body.wlt-dark-product .outline-btn:hover{border-color:#816529!important;color:#e6b84f!important}body.wlt-dark-product .text-link{color:#d1a343!important}body.wlt-dark-product .gold-btn{border-color:#e2b34c!important;background:linear-gradient(135deg,#edc15a,#c68b24)!important;color:#17120a!important;box-shadow:0 5px 15px rgba(200,143,35,.16)!important}
body.wlt-dark-product .v430-note,body.wlt-dark-product .v450-note,body.wlt-dark-product .hf3-note{border-color:#51411f!important;background:#211c12!important;color:#b9ac8e!important}body.wlt-dark-product .v430-note b,body.wlt-dark-product .v450-note b{color:#e2b653!important}
body.wlt-dark-product .v430-table,body.wlt-dark-product table{color:#d6d5d0!important}body.wlt-dark-product .table-wrap{border-color:#292a2a!important;background:#141515!important}body.wlt-dark-product table thead,body.wlt-dark-product table th{border-color:#2b2c2c!important;background:#1b1c1c!important;color:#888b88!important}body.wlt-dark-product table td{border-color:#282929!important;background:#141515!important;color:#c8c8c3!important}body.wlt-dark-product table tr:hover td{background:#1c1d1c!important}body.wlt-dark-product table td b{color:#efede7!important}body.wlt-dark-product table td small{color:#777a77!important}
body.wlt-dark-product .v430-row,body.wlt-dark-product .v442-row,body.wlt-dark-product .v450-row,body.wlt-dark-product .v477-contact-row,body.wlt-dark-product .v430-list>button{border-color:#292a2a!important;background:#151616!important;color:#d8d7d2!important}body.wlt-dark-product .v430-row:hover,body.wlt-dark-product .v442-row:hover,body.wlt-dark-product .v450-row:hover,body.wlt-dark-product .v477-contact-row:hover{background:#1d1e1d!important}body.wlt-dark-product .v430-row b,body.wlt-dark-product .v442-row b,body.wlt-dark-product .v450-row b,body.wlt-dark-product .v477-contact-row b{color:#e8e6e0!important}body.wlt-dark-product .v430-row small,body.wlt-dark-product .v442-row small,body.wlt-dark-product .v450-row small,body.wlt-dark-product .v477-contact-row small{color:#777a77!important}
body.wlt-dark-product .v430-metrics>button,body.wlt-dark-product .hf3-click-metrics>button,body.wlt-dark-product .v442-metric,body.wlt-dark-product .v450-metric{border-color:#2c2d2d!important;background:linear-gradient(145deg,#191a1a,#131414)!important;color:#eeeae3!important}body.wlt-dark-product .v430-metrics small,body.wlt-dark-product .v430-metrics em{color:#838683!important}body.wlt-dark-product .v430-metrics b{color:#f0eee8!important}
body.wlt-dark-product .v430-actions>button,body.wlt-dark-product .hf3-action-card,body.wlt-dark-product .v450-action{border-color:#343124!important;background:linear-gradient(145deg,#211f19,#171818)!important;color:#ddd9cf!important}body.wlt-dark-product .v430-actions>button span{background:#2a2519!important;color:#e4b54e!important}body.wlt-dark-product .v430-actions>button b{color:#e9e6de!important}body.wlt-dark-product .v430-actions>button small{color:#777a77!important}
body.wlt-dark-product .v450-query-grid,body.wlt-dark-product .v450-query-advanced,body.wlt-dark-product .hf3-filter-bar,body.wlt-dark-product .v430-toolbar{border-color:#292a2a!important;background:#151616!important}body.wlt-dark-product .v450-filter-chip,body.wlt-dark-product .hf3-filter-chip{border-color:#373838!important;background:#1a1b1b!important;color:#a9aaa7!important}body.wlt-dark-product .active.v450-filter-chip,body.wlt-dark-product .active.hf3-filter-chip{border-color:#8b6a27!important;background:#2b2416!important;color:#e3b651!important}
body.wlt-dark-product .v430-filter,body.wlt-dark-product .v430-filter-row,body.wlt-dark-product .filter-bar{border-color:#292a2a!important;background:#151616!important}body.wlt-dark-product .soft-btn{border-color:#4b3c1e!important;background:#211c12!important;color:#d8aa47!important}body.wlt-dark-product .v430-filter .outline-btn{background:#1a1b1b!important}
body.wlt-dark-product .v430-tabs,body.wlt-dark-product .hf3-tabs{border-color:#292a2a!important;background:#121313!important}body.wlt-dark-product .v430-tabs button,body.wlt-dark-product .hf3-tabs button{color:#858885!important}body.wlt-dark-product .v430-tabs button.active,body.wlt-dark-product .hf3-tabs button.active{background:#292317!important;color:#e1b34e!important}
body.wlt-dark-product .v430-badge,body.wlt-dark-product .v442-badge,body.wlt-dark-product .status-pill{border-color:#564520!important;background:#282113!important;color:#d7aa45!important}
body.wlt-dark-product .modal-shell{background:rgba(0,0,0,.72)!important;backdrop-filter:blur(7px)}body.wlt-dark-product .modal-card{border:1px solid #333434!important;background:#151616!important;color:#deddd8!important;box-shadow:0 28px 70px rgba(0,0,0,.55)!important}body.wlt-dark-product .modal-head{border-color:#2c2d2d!important;background:#191a1a!important}body.wlt-dark-product .modal-head h2{color:#eeeae3!important}body.wlt-dark-product .modal-body{background:#151616!important}body.wlt-dark-product .icon-btn{border-color:#353636!important;background:#1d1e1e!important;color:#aaa!important}
body.wlt-dark-product .v430-person,body.wlt-dark-product .v430-network,body.wlt-dark-product .v477-share-person,body.wlt-dark-product .v430-combined,body.wlt-dark-product .v442-detail-block,body.wlt-dark-product .v450-detail-block{border-color:#292a2a!important;background:#151616!important;color:#d7d6d1!important}body.wlt-dark-product hr{border-color:#292a2a!important}
body.wlt-dark-product .v477-contact-panel{background:#141515!important}body.wlt-dark-product .v477-user-badge{background:#2b2315!important;color:#e0b04a!important}body.wlt-dark-product .v477-contact-row em{color:#d6a542!important}

/* UI Build 4.7.7-ui.4 · dual-theme final reference alignment */
.v477-brand-mark{display:block;width:32px;height:32px;flex:0 0 auto}.v477-brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.v477-side-user{display:grid;grid-template-columns:38px minmax(0,1fr) 14px;align-items:center;gap:10px;width:100%;min-height:64px;padding:10px 9px;border:1px solid #292a2a;border-radius:9px;background:linear-gradient(145deg,#171818,#111212);color:#e8e6e0;text-align:left}.v477-side-user:hover{border-color:#554522;background:#1c1d1c}.v477-side-avatar{width:38px;height:38px;border:2px solid #8f6a27}.v477-side-user span{min-width:0}.v477-side-user b,.v477-side-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v477-side-user b{font-size:11px}.v477-side-user small{margin-top:4px;color:#777a78;font-size:8px}.v477-side-user>svg{width:13px;height:13px;color:#8e6b2c}.v477-side-status{margin-top:9px}.v477-dark-shell{grid-template-rows:minmax(0,1fr)!important;overflow:hidden}.v477-dark-shell .workspace{height:100%;min-height:0;grid-template-rows:58px minmax(0,1fr)}.v477-dark-shell .main-scroll{padding-bottom:0!important}
@media (min-width:901px) and (max-width:1380px){.v477-dark-metrics{grid-template-columns:1.35fr repeat(5,minmax(0,1fr))}.v477-dark-metric{height:137px}.v477-dark-main-grid{grid-template-columns:1.2fr .95fr}}
@media (min-width:901px) and (max-width:1080px){.v477-dark-shell{grid-template-columns:158px minmax(0,1fr)!important}.v477-dark-sidebar{padding-left:10px!important;padding-right:10px!important}.v477-dark-brand{justify-content:flex-start;margin-left:-10px;margin-right:-10px;padding:0 14px}.v477-dark-brand>div,.v477-dark-nav .nav-item span{display:block}.v477-dark-brand .brand-name{font-size:16px!important}.v477-dark-nav .nav-item{justify-content:flex-start;padding:0 10px}.v477-dark-nav .nav-item svg{width:16px;height:16px}.v477-side-status{display:flex;margin-left:-10px;margin-right:-10px;padding-left:13px;padding-right:13px}.v477-side-user{grid-template-columns:34px minmax(0,1fr) 11px;gap:7px;padding:8px 7px}.v477-side-avatar{width:34px;height:34px}.v477-dark-topbar{grid-template-columns:190px minmax(180px,1fr) auto!important}.v477-page-name{display:none}.v477-dark-shell .page{padding:18px 16px 30px!important}.v477-dark-metric{padding-left:8px;padding-right:8px}.v477-dark-metric>strong{font-size:15px}.v477-dark-metric.is-balance>strong{font-size:16px}.v477-dark-main-grid{grid-template-columns:1.2fr .95fr}.v477-dark-panel{min-height:284px}}
body.wlt-dark-product ::-webkit-scrollbar{width:8px;height:8px}body.wlt-dark-product ::-webkit-scrollbar-track{background:#0e0f0f}body.wlt-dark-product ::-webkit-scrollbar-thumb{border:2px solid #0e0f0f;border-radius:999px;background:#343535}

/* V4.7.7: restore the professional WEB order workspace inside the black-gold shell. */
.v477-dark-nav{flex:0 1 auto;min-height:0;overflow-y:auto;scrollbar-width:none}.v477-dark-nav::-webkit-scrollbar{display:none}
body.wlt-dark-product #orderForm{padding:20px}body.wlt-dark-product #orderForm>.v430-form-grid{padding-bottom:4px}body.wlt-dark-product #orderForm .v430-table{min-width:1120px}body.wlt-dark-product #orderLines td{vertical-align:top}body.wlt-dark-product #orderLines td:nth-child(1){width:42px}body.wlt-dark-product #orderLines td:nth-child(2){min-width:230px}body.wlt-dark-product #orderLines td:nth-child(3){min-width:150px}body.wlt-dark-product #orderLines td:nth-child(4){min-width:260px}body.wlt-dark-product #orderLines td:nth-child(5){min-width:90px}body.wlt-dark-product #orderLines td:nth-child(6){min-width:140px}body.wlt-dark-product #orderLines .v430-input+ .v430-input{margin-top:7px}body.wlt-dark-product #orderTotal{color:#efc35e}
@media(max-width:760px){body.wlt-dark-product #orderForm{padding:14px}body.wlt-dark-product #orderForm .v430-table{min-width:980px}}

/* =========================================================
   V4.7.7-ui.4 · complete product themes and lifecycle views
   The two authenticated themes share every layout rule. Only
   colors, borders and shadows differ.
   ========================================================= */
.v477-status-tabs{display:flex;align-items:center;gap:7px;padding:14px 18px;border-bottom:1px solid var(--line)}
.v477-status-tabs button{min-height:36px;padding:0 14px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);font-weight:750}
.v477-status-tabs button.active{border-color:#ad7d28;background:#2a2317;color:#e3b754}
.v477-archive-badge{padding:3px 7px;border-radius:999px;background:#3b2f1c;color:#ddb35d;font-size:10px;font-style:normal;white-space:nowrap}
.v477-profile-avatar-row{display:flex;align-items:center;gap:16px;margin-bottom:18px}.v477-profile-avatar{width:72px;height:72px;border:2px solid #aa7b29;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.v477-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(210px,1fr));gap:12px;padding:20px}
.v477-setting-tile{position:relative;min-height:106px;padding:17px 44px 17px 17px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);text-align:left}
.v477-setting-tile:hover{border-color:#b88831;transform:translateY(-1px)}.v477-setting-tile b,.v477-setting-tile small{display:block}.v477-setting-tile b{font-size:14px}.v477-setting-tile small{margin-top:7px;color:var(--muted);font-size:12px;line-height:1.55}.v477-setting-tile em{position:absolute;right:15px;top:17px;color:#b48634;font-size:11px;font-style:normal}
.v477-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px;padding:20px}.v477-theme-grid>button{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:16px;min-height:94px;padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--surface);color:var(--text);text-align:left}.v477-theme-grid>button.active{border-color:#c39239;box-shadow:0 0 0 3px rgba(195,146,57,.12)}.v477-theme-grid span b,.v477-theme-grid span small{display:block}.v477-theme-grid span small{margin-top:6px;color:var(--muted);font-size:12px}.v477-theme-preview{display:block;width:92px;height:64px;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(180,135,51,.28)}.v477-theme-preview.is-dark{background:linear-gradient(90deg,#0b0c0c 0 25%,#181919 25% 100%)}.v477-theme-preview.is-warm{background:linear-gradient(90deg,#f3eadc 0 25%,#fffaf2 25% 100%)}
.wlt-app-active .v430-actions-row{flex-wrap:wrap}.wlt-app-active .v430-actions-row>*{max-width:100%}.wlt-app-active .modal-body,.wlt-app-active .v430-row>span{min-width:0}.wlt-app-active .v430-row small{overflow-wrap:anywhere}
@media(max-width:1050px){.v477-settings-grid{grid-template-columns:repeat(2,minmax(190px,1fr))}}
@media(max-width:680px){.v477-settings-grid,.v477-theme-grid{grid-template-columns:1fr}.v477-theme-grid>button{grid-template-columns:78px minmax(0,1fr)}.v477-theme-preview{width:78px}}
@media(max-width:1280px) and (min-width:761px){.v477-dark-topbar{grid-template-columns:minmax(180px,220px) minmax(170px,1fr) auto!important}.v477-page-name{display:none}.v477-top-user{min-width:40px}.v477-top-user span:last-child{display:none}}

/* Dark theme: close every legacy light surface on authenticated routes. */
body.wlt-dark-product{
 --paper:#080909;--paper-2:#101111;--surface:#151616;--surface-2:#1a1b1b;--line:#2c2d2d;--line-2:#383939;
 --text:#ebe9e3;--muted:#858885;--muted-2:#686b68;--shadow:0 12px 36px rgba(0,0,0,.2);--shadow-lg:0 28px 90px rgba(0,0,0,.48);
 color-scheme:dark
}
body.wlt-dark-product .v430-metrics>div,
body.wlt-dark-product .hf3-account-summary,
body.wlt-dark-product .v450-query-summary,
body.wlt-dark-product .v430-status-grid span,
body.wlt-dark-product .v430-module-grid label,
body.wlt-dark-product .hf3-setup-foot,
body.wlt-dark-product .v453-transfer-preview,
body.wlt-dark-product .v453-transfer-preview b,
body.wlt-dark-product .v450-pending-revision,
body.wlt-dark-product .v430-space,
body.wlt-dark-product .contact-card,
body.wlt-dark-product .hf3-contact-card,
body.wlt-dark-product .v420-account-pill,
body.wlt-dark-product .account-overview-card,
body.wlt-dark-product .account-overview-hero,
body.wlt-dark-product .settings-account-row,
body.wlt-dark-product .wlt-account-mini-list button,
body.wlt-dark-product .workspace-option,
body.wlt-dark-product .v477-setting-tile,
body.wlt-dark-product .v477-theme-grid>button{border-color:#2c2d2d!important;background:#151616!important;color:#deddd8!important;box-shadow:none!important}
body.wlt-dark-product .v430-metrics>div b,
body.wlt-dark-product .v430-status-grid b,
body.wlt-dark-product .hf3-account-summary b,
body.wlt-dark-product .v453-transfer-preview em{color:#efede7!important}
body.wlt-dark-product .v430-kv{border-color:#303131!important;background:#141515!important}
body.wlt-dark-product .v430-kv span,body.wlt-dark-product .v430-kv b{border-color:#303131!important;background:#141515!important;color:#deddd8!important}
body.wlt-dark-product .v430-kv span{background:#1a1b1b!important;color:#858885!important}
body.wlt-dark-product .v430-space:hover,body.wlt-dark-product .v430-space.active{border-color:#806226!important;background:#211c12!important}
body.wlt-dark-product .v430-space-icon,body.wlt-dark-product .hf3-setup-badge{background:#2b2416!important;color:#e1b34e!important}
body.wlt-dark-product .v430-space em,body.wlt-dark-product .v430-row em{background:#282113!important;color:#d7aa45!important}
body.wlt-dark-product .v430-module-grid label:has(input:checked){border-color:#816529!important;background:#242014!important}
body.wlt-dark-product .v450-query-shell,body.wlt-dark-product .v450-query-advanced{border-color:#292a2a!important;background:#151616!important}
body.wlt-dark-product .v450-query-summary{border-bottom:1px solid #292a2a!important}
body.wlt-dark-product .v450-pending-revision{border-color:#5a4721!important;background:#211c12!important}
body.wlt-dark-product .v450-pending-revision>div:not(.v430-actions-row){border-color:#51411f!important}
body.wlt-dark-product .v453-transfer-preview{border-color:#51411f!important;background:#211c12!important}body.wlt-dark-product .v453-transfer-preview b{background:#171818!important}
body.wlt-dark-product .hf3-account-summary,body.wlt-dark-product .hf3-setup-foot{border-color:#292a2a!important;background:#171818!important}
body.wlt-dark-product .danger-btn{border-color:#683b36!important;background:#211514!important;color:#e18a7e!important}
body.wlt-dark-product .danger-btn:hover{border-color:#95544b!important;background:#2a1816!important}
body.wlt-dark-product input:-webkit-autofill,body.wlt-dark-product input:-webkit-autofill:hover,body.wlt-dark-product input:-webkit-autofill:focus{-webkit-text-fill-color:#e2e1dc!important;-webkit-box-shadow:0 0 0 1000px #111212 inset!important;caret-color:#e2e1dc!important}
body.wlt-dark-product .v477-status-tabs{border-color:#292a2a}body.wlt-dark-product .v477-setting-tile:hover,body.wlt-dark-product .v477-theme-grid>button.active{border-color:#856728!important;background:#1c1b17!important}
body.wlt-dark-product .v477-card-link,
body.wlt-dark-product .v477-flow-person,
body.wlt-dark-product .v477-flow-add,
body.wlt-dark-product .v477-metric-strip>button,
body.wlt-dark-product .v477-share-state,
body.wlt-dark-product .v477-quick-tabs{border-color:#2c2d2d!important;background:#151616!important;color:#d8d7d2!important}
body.wlt-dark-product .v477-task-list>button,body.wlt-dark-product .v477-contact-compact>button{border-color:#292a2a!important;color:#d8d7d2!important}body.wlt-dark-product .v477-task-list>button:hover,body.wlt-dark-product .v477-contact-compact>button:hover{background:#1d1e1d!important}
body.wlt-dark-product .v477-contact-compact b,body.wlt-dark-product .v477-flow-person b,body.wlt-dark-product .v477-metric-strip b{color:#ebe9e3!important}body.wlt-dark-product .v477-contact-compact small,body.wlt-dark-product .v477-flow-person small,body.wlt-dark-product .v477-metric-strip small{color:#7f827f!important}
body.wlt-dark-product .v477-quick-tabs button{color:#858885!important}body.wlt-dark-product .v477-quick-tabs button.active{background:linear-gradient(135deg,#d2a54d,#9f6515)!important;color:#15110a!important}
body.wlt-dark-product .v477-quick-amount label,body.wlt-dark-product .v477-quick-amount input,body.wlt-dark-product .v477-quick-select select{color:#eceae5!important}body.wlt-dark-product .v477-quick-select,body.wlt-dark-product .v477-quick-tools button,body.wlt-dark-product .v477-trend-summary{border-color:#292a2a!important;color:#858885!important}
body.wlt-dark-product .v477-donut:after{background:#151616!important}body.wlt-dark-product .v477-donut span,body.wlt-dark-product .v477-trend-summary b{color:#e8e6e0!important}

/* Warm-white gold theme: same DOM and exact geometry as the black-gold shell. */
body.wlt-warm-product{
 --paper:#f6efe5;--paper-2:#fbf6ee;--surface:#fffdf9;--surface-2:#f8f1e7;--line:#e9dfd1;--line-2:#dacbb7;
 --text:#2a251f;--muted:#81776c;--muted-2:#a09589;--v477-text:#2a251f;--v477-muted:#81776c;
 background:#f6efe5;color:var(--text);color-scheme:light
}
body.wlt-warm-product .site-beian{min-height:29px;background:#f4eadc;border-color:#dfd1bf;color:#807569;font-size:10px}
body.wlt-warm-product .site-beian a,body.wlt-warm-product .site-beian button{color:#776b60}
body.wlt-warm-product .v477-dark-shell{background:radial-gradient(circle at 68% 18%,rgba(213,164,71,.12),transparent 32%),#f7f0e6!important}
body.wlt-warm-product .v477-dark-sidebar{border-right-color:#e4d8c8!important;background:linear-gradient(180deg,#fffaf3 0%,#f7efe4 65%,#f2e8da 100%)!important}
body.wlt-warm-product .v477-dark-brand{border-color:#e8ddce}body.wlt-warm-product .v477-dark-brand .brand-name{color:#9a6412!important}body.wlt-warm-product .v477-dark-brand .brand-en{color:#a38b66!important}
body.wlt-warm-product .v477-dark-nav .nav-item{color:#655e55}body.wlt-warm-product .v477-dark-nav .nav-item svg{color:#847c72}body.wlt-warm-product .v477-dark-nav .nav-item:hover{background:#f2e7d7;color:#2f2923}body.wlt-warm-product .v477-dark-nav .nav-item.active{background:linear-gradient(90deg,#ecd7ae,#f7ead3);color:#88570c;box-shadow:inset 0 0 0 1px rgba(172,116,27,.12)}body.wlt-warm-product .v477-dark-nav .nav-item.active svg{color:#ad741b}
body.wlt-warm-product .v477-side-user{border-color:#e2d5c4;background:linear-gradient(145deg,#fffdf9,#f7eee1);color:#312b25}body.wlt-warm-product .v477-side-user:hover{border-color:#caa45e;background:#fff8ed}body.wlt-warm-product .v477-side-user small{color:#8d8276}body.wlt-warm-product .v477-side-status{border-color:#e3d6c4;color:#978b7e}body.wlt-warm-product .v477-side-status b{color:#37814b}
body.wlt-warm-product .v477-dark-topbar{border-bottom-color:#e7dccd!important;background:rgba(255,251,245,.94)!important}
body.wlt-warm-product .v477-top-book{border-color:#e5d9c9;background:#fffdf9;color:#38312a;box-shadow:0 3px 12px rgba(73,50,21,.04)}body.wlt-warm-product .v477-top-book small{color:#9c6511}body.wlt-warm-product .v477-top-book b{color:#302a24}body.wlt-warm-product .v477-top-book>svg{color:#a97420}body.wlt-warm-product .v477-top-book em{border-color:#e9dfd2;color:#8e8479}body.wlt-warm-product .v477-page-name{color:#948a7e}
body.wlt-warm-product .v477-dark-search{border-color:#eadfd2!important;background:#f8f2e9!important;color:#968b7f!important}body.wlt-warm-product .v477-top-icon,body.wlt-warm-product .v477-top-user{border-color:#e8ded1;background:transparent;color:#514a42}body.wlt-warm-product .v477-top-user b{color:#342e28}body.wlt-warm-product .v477-top-user small{color:#8b8176}
body.wlt-warm-product .v477-dark-shell .main-scroll{background:linear-gradient(180deg,#faf5ed,#f5ede2)!important}body.wlt-warm-product .v477-dark-shell .page{color:var(--text)}
body.wlt-warm-product .v477-dark-greeting h1{color:#2b2620}body.wlt-warm-product .v477-dark-greeting p{color:#887e72}body.wlt-warm-product .v477-dark-readonly{border-color:#e1c58f;background:#fff6e4;color:#6f5d40}body.wlt-warm-product .v477-dark-readonly b{color:#925f0e}
body.wlt-warm-product .v477-dark-metric{border-color:#eadfd2;background:linear-gradient(145deg,#fffefa,#faf4eb);color:#332d27;box-shadow:0 7px 24px rgba(72,48,20,.055)}body.wlt-warm-product .v477-dark-metric:hover{border-color:#caa65f}body.wlt-warm-product .v477-dark-metric>span{color:#887e72}body.wlt-warm-product .v477-dark-metric>strong{color:#2d2822}body.wlt-warm-product .v477-dark-metric>small{color:#91877c}body.wlt-warm-product .v477-dark-metric>i{color:#bd8b30}body.wlt-warm-product .v477-dark-metric.is-balance{border-color:#ddc185;background:radial-gradient(circle at 88% 10%,rgba(207,157,57,.16),transparent 35%),linear-gradient(145deg,#fffaf0,#f7eddd)}body.wlt-warm-product .v477-dark-metric.is-balance>span{color:#9b6818}
body.wlt-warm-product .v477-dark-panel{border-color:#e8ddcf;background:linear-gradient(145deg,#fffefa,#faf5ed);box-shadow:0 7px 24px rgba(72,48,20,.045)}body.wlt-warm-product .v477-dark-panel-head{border-color:#ece3d7}body.wlt-warm-product .v477-dark-panel-head h2{color:#302a24}body.wlt-warm-product .v477-dark-panel-head button{color:#8b8176}
body.wlt-warm-product .v477-dark-activity-list>button{border-color:#eee5da;color:#39332d}body.wlt-warm-product .v477-dark-activity-list>button:hover{background:#fff8ed}body.wlt-warm-product .v477-dark-activity-list b{color:#302a24}body.wlt-warm-product .v477-dark-activity-list small,body.wlt-warm-product .v477-dark-activity-list em{color:#8d8378}
body.wlt-warm-product .v477-dark-common-grid button{color:#403931}body.wlt-warm-product .v477-dark-common-grid button>span{border-color:#e2d2b5;background:radial-gradient(circle at 70% 20%,rgba(218,167,64,.16),transparent 45%),linear-gradient(145deg,#fff8e9,#f1e4cf);color:#a86e13;box-shadow:inset 0 0 18px rgba(190,126,23,.035)}body.wlt-warm-product .v477-dark-common-grid button:hover>span{border-color:#bd8b31}
body.wlt-warm-product .page-head h1{color:#2c2721!important}body.wlt-warm-product .page-head p,body.wlt-warm-product .page-head small{color:#847a6f!important}
body.wlt-warm-product .section-card,body.wlt-warm-product .v430-section,body.wlt-warm-product .hf3-panel,body.wlt-warm-product .v450-panel,body.wlt-warm-product .v442-panel,body.wlt-warm-product .v430-card{border-color:#e8ddcf!important;background:linear-gradient(145deg,#fffefa,#fbf6ef)!important;color:#332d27!important;box-shadow:0 8px 24px rgba(67,45,20,.05)!important}
body.wlt-warm-product .card-head,body.wlt-warm-product .v430-card-head{border-color:#ebe1d5!important;background:rgba(255,252,247,.9)!important}body.wlt-warm-product .card-head h2,body.wlt-warm-product .card-head h3,body.wlt-warm-product .card-head h4{color:#332d27!important}body.wlt-warm-product .card-head p,body.wlt-warm-product .card-head small{color:#887e73!important}
body.wlt-warm-product .v430-input,body.wlt-warm-product input:not([type=checkbox]):not([type=radio]),body.wlt-warm-product select,body.wlt-warm-product textarea{border-color:#ded1c0!important;background:#fffefa!important;color:#332d27!important;box-shadow:none!important;color-scheme:light}body.wlt-warm-product input::placeholder,body.wlt-warm-product textarea::placeholder{color:#aaa095!important}body.wlt-warm-product label>span,body.wlt-warm-product .v430-field>span{color:#6f665d!important}
body.wlt-warm-product .outline-btn{border-color:#dfd2c1!important;background:#fffefa!important;color:#3b342d!important;box-shadow:none!important}body.wlt-warm-product .outline-btn:hover{border-color:#c89f56!important;background:#fff8eb!important;color:#8c5a0d!important}body.wlt-warm-product .text-link{color:#9f6815!important}body.wlt-warm-product .soft-btn{border-color:#ead4ac!important;background:#f7efe0!important;color:#815919!important}
body.wlt-warm-product .v430-note,body.wlt-warm-product .v450-note,body.wlt-warm-product .hf3-note{border-color:#ead9b8!important;background:#faf5eb!important;color:#75634b!important}
body.wlt-warm-product .table-wrap{border-color:#e9dfd1!important;background:#fffefa!important}body.wlt-warm-product table{color:#38322b!important}body.wlt-warm-product table thead,body.wlt-warm-product table th{border-color:#e9dfd1!important;background:#f7f3ec!important;color:#756c61!important}body.wlt-warm-product table td{border-color:#f0e9df!important;background:#fffefa!important;color:#443d35!important}body.wlt-warm-product table tr:hover td{background:#fff8ea!important}
body.wlt-warm-product .v430-row,body.wlt-warm-product .v442-row,body.wlt-warm-product .v450-row,body.wlt-warm-product .v477-contact-row,body.wlt-warm-product .v430-list>button{border-color:#eee5d8!important;background:#fffefa!important;color:#38322c!important}body.wlt-warm-product .v430-row:hover,body.wlt-warm-product .v442-row:hover,body.wlt-warm-product .v450-row:hover,body.wlt-warm-product .v477-contact-row:hover{background:#fff8ec!important}body.wlt-warm-product .v430-row b,body.wlt-warm-product .v477-contact-row b{color:#302a24!important}body.wlt-warm-product .v430-row small,body.wlt-warm-product .v477-contact-row small{color:#81776c!important}
body.wlt-warm-product .v430-metrics>button,body.wlt-warm-product .v430-metrics>div,body.wlt-warm-product .hf3-click-metrics>button,body.wlt-warm-product .v442-metric,body.wlt-warm-product .v450-metric{border-color:#e9dfd1!important;background:linear-gradient(145deg,#fffefa,#fbf6ed)!important;color:#302a24!important;box-shadow:0 7px 22px rgba(62,42,18,.04)!important}body.wlt-warm-product .v430-metrics b{color:#2f2923!important}
body.wlt-warm-product .v430-actions>button,body.wlt-warm-product .hf3-action-card,body.wlt-warm-product .v450-action{border-color:#e9dfcf!important;background:linear-gradient(145deg,#fffefa,#fbf6ed)!important;color:#3a342d!important}body.wlt-warm-product .v430-actions>button span{background:#f7e7bf!important;color:#9b6818!important}
body.wlt-warm-product .v430-filter,body.wlt-warm-product .v430-filter-row,body.wlt-warm-product .filter-bar,body.wlt-warm-product .v450-query-grid,body.wlt-warm-product .v450-query-advanced,body.wlt-warm-product .hf3-filter-bar,body.wlt-warm-product .v430-toolbar{border-color:#e8ded0!important;background:#f7f3ec!important}
body.wlt-warm-product .v430-kv{border-color:#eee5d8!important;background:#fffefa!important}body.wlt-warm-product .v430-kv span,body.wlt-warm-product .v430-kv b{border-color:#eee5d8!important;background:#fffefa!important;color:#3a342d!important}body.wlt-warm-product .v430-kv span{background:#fbf8f2!important;color:#81776c!important}
body.wlt-warm-product .v430-space,body.wlt-warm-product .hf3-account-summary,body.wlt-warm-product .v430-status-grid span,body.wlt-warm-product .v430-module-grid label,body.wlt-warm-product .hf3-setup-foot,body.wlt-warm-product .v453-transfer-preview,body.wlt-warm-product .v450-pending-revision,body.wlt-warm-product .v477-setting-tile,body.wlt-warm-product .v477-theme-grid>button{border-color:#e7dccb!important;background:#fffdfa!important;color:#342e28!important}body.wlt-warm-product .v430-space:hover,body.wlt-warm-product .v430-space.active,body.wlt-warm-product .v430-module-grid label:has(input:checked){border-color:#d0a85d!important;background:#fff9ea!important}body.wlt-warm-product .v453-transfer-preview,body.wlt-warm-product .v450-pending-revision{background:#fff9eb!important}
body.wlt-warm-product .modal-shell{background:rgba(54,42,24,.45)!important}body.wlt-warm-product .modal-card{border-color:#ddcdaf!important;background:#fffdfa!important;color:#332d27!important;box-shadow:0 28px 70px rgba(40,28,12,.25)!important}body.wlt-warm-product .modal-head{border-color:#e9dfd2!important;background:rgba(255,253,250,.96)!important}body.wlt-warm-product .modal-head h2{color:#302a24!important}body.wlt-warm-product .modal-body{background:#fffdfa!important}body.wlt-warm-product .icon-btn{background:#f4eee4!important;color:#6f665d!important}
body.wlt-warm-product .v477-status-tabs{border-color:#e8ded0}body.wlt-warm-product .v477-status-tabs button.active{border-color:#d0a85d;background:#fff3d8;color:#8f5c0d}body.wlt-warm-product .v477-archive-badge{background:#f4e5c8;color:#8e5b0c}body.wlt-warm-product .v477-user-badge{background:#f1e4cf!important;color:#8e5d11!important}
body.wlt-warm-product .danger-btn{border-color:#e1b8b1!important;background:#fff7f5!important;color:#a54439!important}body.wlt-warm-product .danger-btn:hover{background:#fff0ed!important}
body.wlt-warm-product .wlt-real-avatar{background:#f2dfbb!important}body.wlt-warm-product .wlt-avatar-default{background:linear-gradient(145deg,#f6e8cd,#d8b56f)!important}body.wlt-warm-product .wlt-avatar-default b,body.wlt-warm-product .wlt-avatar-default em{background:#996311!important}
body.wlt-warm-product ::-webkit-scrollbar{width:8px;height:8px}body.wlt-warm-product ::-webkit-scrollbar-track{background:#f3eadf}body.wlt-warm-product ::-webkit-scrollbar-thumb{border:2px solid #f3eadf;border-radius:999px;background:#cfc0ae}

/* V4.8.29: metric cards grow with multi-currency balances and wrapped labels. */
.v477-dark-metrics{grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr))!important}
.v477-dark-metric{height:auto!important;min-height:137px}
.v477-dark-metric>strong{white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
.v477-dark-metric>small{white-space:normal;overflow:visible;padding-right:22px}

/* Focused account ledger and current-book management. */
.wlt-account-overview .card-head{align-items:flex-start}.wlt-account-overview h2{margin:8px 0 0}.wlt-account-overview .hf3-account-summary{margin:0;padding:20px 24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.wlt-account-overview .hf3-account-summary b{overflow-wrap:anywhere;max-width:100%}.wlt-account-query{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.wlt-account-query>label{flex:1 1 150px;min-width:0}.wlt-account-query>label[hidden]{display:none!important}.wlt-account-query>.wlt-account-keyword{flex:2 1 220px}.wlt-book-shortcuts{flex-wrap:wrap;justify-content:flex-start;margin-top:16px}.wlt-contact-modes{display:grid;gap:16px;margin-bottom:16px}.wlt-contact-modes .v430-row{gap:16px}.wlt-contact-modes .v430-row>span{min-width:0;overflow-wrap:anywhere}.wlt-contact-modes .v430-row button{flex-shrink:0}
#accountLedger{min-width:0;max-width:100%}#accountLedger .table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}#accountLedger .v430-table{min-width:720px}#accountLedger .v430-table th{white-space:nowrap}#accountLedger .v430-table td{word-break:normal;overflow-wrap:break-word}#accountLedger .v430-table th:first-child{min-width:110px}#accountLedger .v430-table th:nth-child(2){min-width:115px}#accountLedger .v430-table th:nth-child(3){min-width:180px}

.wlt-shared-query{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.wlt-shared-query label{flex:1 1 160px;min-width:0}#sharedRecordsRows{min-width:0;max-width:100%}#sharedRecordsRows .table-wrap{overflow-x:auto;max-width:100%}#sharedRecordsRows table{min-width:600px}#sharedRecordsRows th{white-space:nowrap}