/* 12S Xanh ngọc — approved 2026-09-23. See DESIGN_SYSTEM.md.
   !important is confined to the compatibility bridge for legacy page styles. */
:root{--bg:#f3f7f5;--panel:#fff;--ink:#203830;--muted:#536b62;--soft:#5f736a;--line:#d9e5df;--accent:#147d73;--accent-soft:#e4f2ed;--nav:#fff;--nav2:#e4f2ed;--blue:#086f67;--blue-bg:#edf7f3;--good:#176641;--good-bg:#e5f5eb;--warn:#855900;--warn-bg:#fff5d9;--violet:#7135a3;--violet-bg:#f2eafb;--danger:#b52e35;--danger-bg:#fcebed;--row-even:#f0f7f3;--row-hover:#e5f2ec;--ui-font:18px;--ui-code:19px;--ui-radius:10px}
body.ui12{font-family:'Segoe UI',Arial,sans-serif;font-size:var(--ui-font);line-height:1.55;color:var(--ink);background:var(--bg);font-variant-numeric:tabular-nums}
body.ui12 *{box-sizing:border-box}
body.ui12 :focus-visible{outline:3px solid #239a8b!important;outline-offset:3px}
body.ui12 ::selection{background:#c8e8dc;color:#143c32}
body.ui12 .sidebar{width:244px;background:#fff;border-right:1px solid var(--line);padding:24px 16px;overflow-y:auto;z-index:100;color:var(--ink)}
body.ui12 .main{margin-left:244px;width:calc(100% - 244px);min-width:0}
body.ui12 .brand{padding:0 10px 24px;gap:12px}.ui12 .logo{background:var(--accent)!important;color:white;border-radius:12px;box-shadow:none!important}
body.ui12 .brand-copy strong{font-size:22px;color:var(--ink)}body.ui12 .brand-copy span{font-size:14px;color:var(--muted);letter-spacing:.05em}
body.ui12 .nav{gap:5px}body.ui12 .nav-link{display:flex;align-items:center;gap:13px;min-height:48px;padding:11px 14px;color:#3f5b50;font-size:18px;font-weight:600;border-radius:10px}
body.ui12 .nav-link:hover{background:#f0f7f3;color:#08695e}body.ui12 .nav-link.active{background:var(--accent-soft);color:#08695e;font-weight:750}
.ui12-nav-icon{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.ui12 .nav-link:before{content:none}.ui12-menu-toggle{display:none!important}
body.ui12 .topbar{min-height:76px;height:auto;padding:12px 30px;background:#fff;border-color:var(--line);z-index:90;gap:16px}
body.ui12 .top-title{font-size:21px;font-weight:700}body.ui12 .operator{font-size:17px;color:var(--muted)}body.ui12 .top-actions{gap:16px}
body.ui12 .content{max-width:1920px;padding:30px 30px 64px;width:100%;min-width:0}
body.ui12 h1,body.ui12 .detail-title{font-size:32px!important;line-height:1.3;color:#183c30;font-weight:750;letter-spacing:-.02em;margin:0 0 24px}
body.ui12 h2{font-size:24px!important;line-height:1.4;color:#234638}body.ui12 h3{font-size:21px!important;line-height:1.4}
body.ui12 :where(.page-head,.detail-head,.sync-page-head){align-items:center;gap:20px;margin-bottom:24px}
body.ui12 .page-head h1{margin-bottom:6px}
body.ui12 :where(p,.page-head p,.sync-page-head p,.detail-sub,.result-meta,.toolbar-info,.muted,.note,.notice,.kv,.product-info-value,.duyet-page,#receiving,#purchasing){font-size:18px!important;line-height:1.55}
body.ui12 :where(.muted,.metric-sub,.shop-meta,.manual-shop-meta,.detail-sub,.section-title p,.bt-status,.period-caption,.quick-edit-help,.shop-foot){color:var(--muted)!important;font-size:16px!important;line-height:1.5}
body.ui12 :where(label,.bt-field,.field label,.period-field label,.quick-edit-field label,.metric-label,.detail-card>span,.column-option,.column-group h4){font-size:16px!important;line-height:1.5;letter-spacing:0!important;text-transform:none!important;color:#435d51}
body.ui12 :where(.card,.panel,.section-card,.shop-card,.detail-card,.search-panel,.manual-board,.table-wrap,.order-summary-card){border-color:var(--line)!important;background:#fff;border-radius:14px!important;box-shadow:0 1px 3px #163b2705}
body.ui12 :where(.card,.panel,.section-card,.shop-card){padding:22px!important}
body.ui12 :where(.grid,.sync-grid,.shop-grid,.detail-grid,.two-col,.dashboard-row){gap:20px}
body.ui12 .metric-value{font-size:32px!important;font-weight:750;color:#24483a}
body.ui12 .shop-name{font-size:21px}.ui12 .shop-metric span,.ui12 .status-chip span{font-size:16px!important;color:var(--muted)}
body.ui12 :where(button,.btn,.purchase-nav,.filter-chip,.mini-link,.sync-mode-btn,.period-link,.pager a,.pager span,.column-picker summary,.period-picker summary){font-family:inherit!important;font-size:18px!important;line-height:1.35;letter-spacing:0;border-radius:var(--ui-radius)!important}
body.ui12 :where(button,.btn,.purchase-nav,.filter-chip,.sync-mode-btn,.period-link,.column-picker summary,.period-picker summary){min-height:48px;height:auto;padding:11px 17px!important;border:1px solid var(--line)!important;background:#fff!important;color:#2e5748!important;font-weight:650;box-shadow:none;cursor:pointer;text-decoration:none}
body.ui12 :where(button,.btn,.purchase-nav,.filter-chip,.sync-mode-btn,.period-link):hover{background:var(--accent-soft)!important;border-color:#94c7b5!important}
body.ui12 :where(.btn:not(.secondary),button[type=submit],.ui12-primary,#new-r,#make-receipt,#r-pick-memo,#assign-code,#bt-save-video,#bt-save-listings,.period-apply,.sync-mode-btn.active,.filter-chip.active,.pager .active){background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}
body.ui12 :where(.btn:not(.secondary),button[type=submit],.ui12-primary,#new-r,#make-receipt,#r-pick-memo,#assign-code):hover{background:#0e695f!important}
body.ui12 :where(button:disabled,input:disabled,select:disabled,.disabled){opacity:.55!important;cursor:not-allowed!important}
body.ui12 :where(input,select,textarea,.control){font-family:inherit!important;font-size:18px!important;line-height:1.5;color:var(--ink)!important;border:1px solid #bdcfc5!important;border-radius:var(--ui-radius)!important;background:#fff!important;accent-color:var(--accent)}
body.ui12 :where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,.control){min-height:48px;height:auto;padding:10px 13px!important}
body.ui12 textarea{padding:13px 15px!important;resize:vertical;min-height:112px}
body.ui12 :where(input,select,textarea):focus{border-color:#239a8b!important;box-shadow:0 0 0 3px #e0f1e9!important}
body.ui12 ::placeholder{color:#65796f!important;opacity:1}
body.ui12 :where(input[type=checkbox],input[type=radio]){width:22px;height:22px;min-height:0;padding:0!important;vertical-align:middle;flex:none}
body.ui12 .search-panel{padding:16px!important}.ui12 .search-form{gap:12px}.ui12 .search-panel .code-search-control{min-width:110px!important}
body.ui12 :where(.toolbar,.bar,.duyet-tabs,.duyet-actions,.bt-save-actions){gap:12px}
body.ui12 #purchasing nav{margin-bottom:18px}body.ui12 #purchasing nav a{background:#fff;color:#2e5748;border:1px solid var(--line);border-radius:10px;font-size:18px;padding:11px 17px;min-height:48px}
body.ui12 :where(#purchasing nav a.ui12-active,#receiving>.bar>.ui12-active){background:var(--accent-soft)!important;color:#08695e!important;border-color:#b5d8c9!important}
body.ui12 table{width:100%;border-collapse:separate!important;border-spacing:0;font-size:18px!important;color:var(--ink);font-variant-numeric:tabular-nums}
body.ui12 :where(table th,table td){font-size:18px!important;line-height:1.5;padding:16px!important;border-bottom:1px solid #e0eae4!important;vertical-align:middle}
body.ui12 table th{font-size:16px!important;font-weight:750;color:#496256!important;background:#eaf3ee!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap}
body.ui12 table tbody>tr>td{background:#fff;color:var(--ink)}
body.ui12 table tbody>tr:nth-child(even)>td,body.ui12 table tbody>tr.ui12-even>td{background:var(--row-even)!important}
body.ui12 table tbody>tr:hover>td{background:var(--row-hover)!important}
body.ui12 .code-detail-cell{padding:0!important}body.ui12 .sku-detail-box{padding:18px 20px!important}body.ui12 .sku-detail-table{min-width:900px}
body.ui12 :where(.table-wrap,.scroll,.manual-board){overflow:auto;max-width:100%}
body.ui12 .manual-table{table-layout:auto!important;min-width:1150px}.ui12 .manual-table th:first-child{min-width:210px}
body.ui12 .manual-shop-name{font-size:20px!important}.ui12 .manual-time-link{font-size:18px!important;color:#1b6655}
body.ui12 :where(.entity-link,.mini-link,.back-link,.sku-main a,.manual-time-link,.sort-link.active){color:var(--blue)!important}
body.ui12 :where(td a:not(.btn),.ui12-sku,.sku-edit-button,.return-sku,.code-toggle,[data-open],[data-history]){font-size:var(--ui-code)!important;line-height:1.5;font-weight:650;letter-spacing:.01em}
body.ui12 :where(td a:not(.btn),.entity-link,.mini-link,.back-link){text-decoration:none}
body.ui12 :where(.sku-edit-button,.return-sku,.code-toggle,[data-open],[data-history]){background:transparent!important;border:0!important;box-shadow:none!important;border-radius:4px!important;color:var(--blue)!important;padding:3px 0!important;min-height:32px!important;height:auto!important;text-align:left}
body.ui12 :where(.ui12-code,.mono,.tracking-cell,.sku-main){font-family:'Segoe UI',Arial,sans-serif!important;font-size:var(--ui-code)!important;font-weight:650;letter-spacing:.015em;font-variant-numeric:tabular-nums}
body.ui12 .ui12-code{overflow-wrap:normal;word-break:normal;white-space:nowrap}body.ui12 .ui12-number{text-align:right!important}
body.ui12 .ui12-sku{display:inline-block;color:var(--blue);text-decoration:none;cursor:help;white-space:nowrap}
body.ui12 .ui12-code .muted{font-size:16px!important;font-weight:400;white-space:normal}
body.ui12 :where(.badge,.status,.pill,.manual-shop-state,.duyet-state){font-size:16px!important;font-weight:650;padding:6px 11px!important;border-radius:8px;line-height:1.4;letter-spacing:0!important}
body.ui12 :where(.DRAFT,.parcel-mark.missing,.status.warn,.badge.warn){background:var(--warn-bg)!important;color:var(--warn)!important;border-color:#e6ce85!important}
body.ui12 :where(.COMPLETED,.parcel-mark.received,.badge.good){background:var(--good-bg)!important;color:var(--good)!important;border-color:#a6d3b7!important}
body.ui12 :where(.ATTENTION,.parcel-mark.dispute,.badge.error,.btn.danger,button.danger,[data-remove]){background:var(--danger-bg)!important;color:var(--danger)!important;border-color:#e7b4ba!important}
body.ui12 :where(.MISSING_CODE,.badge.violet){background:var(--violet-bg)!important;color:var(--violet)!important;border-color:#ceb4e7!important}
body.ui12 .badge.blue{background:var(--blue-bg)!important;color:var(--blue)!important}
body.ui12 .returned-today{gap:32px}.ui12 .returned-today .today-missing{color:var(--warn)}.ui12 .returned-today .today-received{color:var(--good)}.ui12 .returned-today .today-dispute{color:var(--danger)}
body.ui12 .parcel-mark{min-width:130px;white-space:nowrap}.ui12 .parcel-options{z-index:1100}.ui12 .parcel-options button{width:100%;margin:3px 0}
body.ui12 .pager :where(a,span){height:46px;min-width:46px;font-size:18px;padding:8px 13px}
body.ui12 dialog{max-height:90dvh;max-width:calc(100vw - 32px);overflow:auto;border:1px solid var(--line);border-radius:16px;color:var(--ink)}
body.ui12 dialog::backdrop{background:#183e3259}
body.ui12 :where(.quick-edit-modal,.listing-delete-modal){max-height:90dvh;overflow:auto;border-color:var(--line);border-radius:16px}
body.ui12 :where(.column-menu,.period-menu){top:calc(100% + 8px);max-width:calc(100vw - 32px);border-color:var(--line);box-shadow:0 12px 34px #173e321a}
body.ui12 .period-link.active{background:var(--accent-soft)!important;border-color:#9fcab8!important;color:var(--accent)!important}
body.ui12 .bt-fields{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}.ui12 .bt-buttons{gap:12px}
body.ui12 #purchasing img{width:120px;height:140px;object-fit:contain}.ui12 #purchasing img.ship-supported{border:2px solid #cc0000!important}
body.ui12 #receiving img{width:80px;height:90px;object-fit:contain}.ui12 #receiving .sku-hit{padding:12px!important}
body.ui12 #purchasing .receipt-button-floating{box-shadow:0 6px 24px #123e3433!important;z-index:85}
body.ui12 #r-audit{margin-top:20px;font-size:16px}.ui12 #r-audit details{padding:10px;border-bottom:1px solid var(--line)}
body.ui12 #ui12-sku-preview{position:fixed;z-index:5000;width:300px;max-width:calc(100vw - 24px);padding:16px;background:#fff;border:1px solid #adcdbf;border-radius:14px;box-shadow:0 10px 40px #183e3226;color:var(--ink);font:18px/1.5 'Segoe UI',Arial,sans-serif}
body.ui12 #ui12-sku-preview[hidden]{display:none!important}
body.ui12 #ui12-sku-preview strong{display:block;font-size:20px;color:#0e675c;overflow-wrap:anywhere}
body.ui12 #ui12-sku-preview .ui12-preview-name{font-size:17px;margin:6px 0;color:#334f42}
body.ui12 #ui12-sku-preview img{display:block;width:266px!important;height:266px!important;max-width:100%;max-height:42dvh;object-fit:contain;background:#f6f9f7;border-radius:8px;margin-top:10px}
body.ui12 #ui12-sku-preview .ui12-preview-stock{font-size:17px;font-weight:600}
body.ui12 #ui12-sku-preview .ui12-preview-empty{background:#f1f6f3;padding:28px 12px;text-align:center;color:var(--muted);margin-top:12px;border-radius:8px}
body.ui12-login{display:grid;place-items:center;min-height:100vh;padding:24px}.ui12-login .login{width:min(480px,100%);padding:32px;border:1px solid var(--line);border-radius:16px;background:white;box-shadow:0 8px 32px #204b3410}
body.ui12-login .brand strong{font-size:24px}.ui12-login .brand span{font-size:16px;color:var(--muted)}.ui12-login .field{margin:18px 0}.ui12-login .field label{display:block;margin-bottom:8px}.ui12-login input{width:100%}.ui12-login button{width:100%}.ui12-login .foot{font-size:16px;color:var(--muted);text-align:center}
@media(max-width:1400px){body.ui12 .content{padding:24px 24px 60px}.ui12 .grid,.ui12 .sync-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ui12 .search-panel{flex-wrap:wrap!important}.ui12 .products-controls{flex-wrap:wrap;justify-content:flex-start!important}.ui12 .column-menu{min-width:0!important}}
@media(max-width:900px){body.ui12 .sidebar{transform:translateX(-100%);transition:transform .18s;background:#fff;width:244px;box-shadow:6px 0 30px #173e3220}body.ui12.ui12-menu-open .sidebar{transform:translateX(0)}body.ui12 .main{margin-left:0;width:100%}body.ui12 .ui12-menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:48px;flex:none}body.ui12 .topbar{padding:12px 16px;min-height:72px}body.ui12 .top-title{font-size:19px}.ui12 .top-actions{margin-left:auto}body.ui12 .operator{display:none}body.ui12 .content{padding:22px 16px 64px}body.ui12 h1{font-size:28px!important}body.ui12 .search-form{flex-wrap:wrap!important}.ui12 .two-col,.ui12 .dashboard-row{grid-template-columns:1fr}.ui12 .column-groups{grid-template-columns:1fr 1fr}.ui12 .column-menu,.ui12 .period-menu{position:fixed!important;left:16px!important;right:16px!important;top:90px!important;width:auto!important;min-width:0!important}.ui12 .returned-receipts .search-panel form{flex-wrap:wrap!important}.ui12 .returned-receipts .search-panel input{flex-basis:100%!important}.ui12 .returned-receipts .search-panel select{flex:1!important;width:auto!important}}
@media(max-width:520px){body.ui12 .top-title{font-size:17px}.ui12 .topbar{gap:8px}.ui12 .logout{padding:10px!important;font-size:16px!important}.ui12 .grid,.ui12 .sync-grid,.ui12 .detail-grid{grid-template-columns:1fr}.ui12 .bt-buttons{grid-template-columns:repeat(2,1fr)}.ui12 .bt-fields{grid-template-columns:1fr}.ui12 .column-groups{grid-template-columns:1fr}.ui12 .returned-today{gap:24px}.ui12 .result-meta{flex-wrap:wrap}.ui12 .memo-row{flex-wrap:wrap}.ui12 .memo-row textarea{flex-basis:100%!important}}
@media(prefers-reduced-motion:reduce){body.ui12 *{animation:none!important;transition:none!important}}
body.ui12 .ui12-table-scroll{width:100%;max-width:100%;overflow-x:auto;border-radius:12px;border:1px solid var(--line)}
body.ui12 table tbody>tr:not(.ui12-even)>td{background:#fff!important}
body.ui12 table tbody>tr:hover>td{background:var(--row-hover)!important}
body.ui12 .logout{background:#fff!important;color:#3f5b50!important;border-color:var(--line)!important}
body.ui12 .brand-copy{font-size:18px}
body.ui12 :where(.manual-btn.primary,.quick-edit-submit,.bt-button.primary){background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}
body.ui12 :where(.manual-dialog-info,.manual-dialog-sub,.manual-cell-note,.auto-cell-note,.auto-strategy span,.manual-dialog-field label,.auto-dialog-status,.sync-toast,.sync-placeholder p){font-size:16px!important;line-height:1.55}
body.ui12 :where(.auto-link,.shop-v2-head p,.shop-card-title,.detail-card strong){font-size:19px!important}
body.ui12 :where(.returned-table,.returned-receipts table){min-width:1320px}

/* Consistent priority across legacy components. */
body.ui12 .sidebar{padding:20px 16px}
body.ui12 .brand{padding-bottom:20px}
body.ui12 .nav{gap:3px}
body.ui12 .nav-link{padding:9px 14px;min-height:48px}
body.ui12 :where(.sku-edit-button,.return-sku,.code-toggle,[data-open],[data-history]){font-size:19px!important}
body.ui12 .purchase-nav{display:inline-flex;align-items:center;justify-content:center;margin:0}
body.ui12 .ui12-code{font-size:19px!important}
body.ui12 #make-receipt{white-space:nowrap;min-width:190px}
body.ui12 #purchasing table{min-width:980px}
body.ui12 #purchasing td.info{min-width:140px}
body.ui12 #purchasing .toolbar{justify-content:flex-start}
body.ui12 #p-count{margin-left:auto}
body.ui12 #purchasing .sr-only{min-height:0!important;padding:0!important}
/* Remaining module components share the same readable type and controls. */
body.ui12 :where(small,.small-muted,.muted2,.finance-meta,.finance-meta strong,.finance-note,.finance-note strong,.finance-kpi .kicker,.finance-kpi .kicker span,.finance-fee span,.finance-flow,.shop-metric-v2 span,.shop-metric-v2 small,.shop-result-meta,.shop-result-meta span,.shop-name-sub,.system-note,.ads-kpi span,.ads-kpi small,.metric-mini span,.ads-period,.ads-product-sub,.ads-recon-note,.ads-split-meta,.ads-result-meta,.ads-result-meta strong,.ads-sync-off,.ads-historical,.order-list-more,.order-metrics,.order-metrics strong,.column-menu-head strong,.direct-card-label,.direct-card-note,.direct-mini){font-size:16px!important;line-height:1.5;letter-spacing:0;color:var(--muted)}
body.ui12 :where(.finance-fee strong,.metric-mini strong,.order-table td strong,.order-status-pill span,.order-status-pill strong){font-size:18px!important;line-height:1.5}
body.ui12 :where(.finance-action,.shop-view-tab,.shop-period summary,.shop-period-link,.ads-tab,.ads-range,.order-status-pill){font-family:inherit;font-size:18px!important;min-height:48px;height:auto!important;display:inline-flex;align-items:center;padding:10px 15px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:#fff!important;color:#365b4b!important;font-weight:650;line-height:1.4;text-decoration:none;gap:8px}
body.ui12 :where(.finance-action,.shop-view-tab.active,.shop-period-link.active,.ads-tab.active,.ads-range.active,.order-status-pill.active){background:var(--accent-soft)!important;color:#08695e!important;border-color:#b5d8c9!important}
body.ui12 .order-status-pill strong{height:auto;min-height:28px}.ui12 .order-status-pill.active strong{background:var(--accent);color:#fff!important}
body.ui12 :where(.finance-kpi,.ads-kpi,.metric-mini,.shop-metric-v2,.ads-split-card){border-color:var(--line);border-radius:14px;padding:20px}
body.ui12 :where(.finance-kpi strong,.ads-kpi strong,.shop-metric-v2 strong){font-size:28px!important;line-height:1.3;overflow-wrap:anywhere;white-space:normal}
body.ui12 .finance-kpi.blue strong{color:var(--accent)}.ui12 .ads-share-fill{background:var(--accent)}.ui12 .ads-share-fill.manual{background:#86b8a8}
body.ui12 :where(.finance-two,.ads-split,.dashboard-row){min-width:0}body.ui12 :where(.finance-two,.ads-split,.dashboard-row)>*{min-width:0}
body.ui12 .finance-kpis{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
body.ui12 .finance-two{grid-template-columns:repeat(2,minmax(0,1fr))}
body.ui12 .finance-panel.flush{overflow:auto}
body.ui12 .ads-kpis,body.ui12 .ads-secondary{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}
body.ui12 .shop-metrics-v2{gap:18px}
@media(max-width:1050px){body.ui12 .finance-two{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){body.ui12 .finance-kpis,body.ui12 .ads-kpis,body.ui12 .ads-secondary{grid-template-columns:minmax(0,1fr)}body.ui12 .shop-view-tabs{flex-wrap:wrap}body.ui12 .finance-section-head{flex-wrap:wrap}}

/* Workflow navigation: common structure, server-filtered by page permissions. */
body.ui12 .ui12-nav-group{margin:0;border:0;padding:0}
body.ui12 .ui12-nav-group>summary{list-style:none;cursor:pointer;user-select:none}
body.ui12 .ui12-nav-group>summary::-webkit-details-marker{display:none}
body.ui12 .ui12-nav-group.has-active>summary{color:var(--accent);font-weight:750}
body.ui12 .ui12-nav-group>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ui12-nav-chevron{width:16px;height:16px;margin-left:auto;flex:none;fill:none;stroke:currentColor;stroke-width:1.8}
.ui12-nav-group[open] .ui12-nav-chevron{transform:rotate(90deg)}
body.ui12 .ui12-nav-children{margin:3px 0 8px 12px;padding-left:8px;border-left:1px solid var(--line)}
body.ui12 .ui12-nav-child{padding:9px 10px;gap:10px;font-weight:500}
body.ui12 .ui12-nav-child .ui12-nav-icon{width:19px;height:19px}
body.ui12 .ui12-nav-block+.ui12-nav-block{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}

/* Product hover previews are allowed only on Returns. Keep real actions clickable. */
body.ui12.ui12-sku-tooltips-off :where(.ui12-sku,[data-ui-sku]){cursor:inherit;text-decoration:none}
body.ui12.ui12-sku-tooltips-off :where(a,button)[data-ui-sku]{cursor:pointer}

/* Preserve the existing phone workspace name for laptop-only renaming. */
.r-phone-name{display:none}html.ui12-phone .r-phone-name{display:inline}html.ui12-phone .r-desktop-name{display:none}

body.ui12 .operator-wallet{white-space:nowrap;color:var(--ink);font-weight:600}
@media(max-width:767px),(max-width:1023px) and (hover:none) and (pointer:coarse){body.ui12 .m-account .operator-wallet{display:block;white-space:normal;overflow-wrap:anywhere;margin-top:5px;font-size:16px}}

@media(max-width:767px),(max-width:1023px) and (hover:none) and (pointer:coarse){body.ui12 .m-account .operator-wallet-separator{display:none}}

/* Links stay identifiable by color and keyboard focus, without underlines. */
body.ui12 a,body.ui12 a:link,body.ui12 a:visited,body.ui12 a:hover,body.ui12 a:focus,body.ui12 a:active,body.ui12 .ui12-sku{text-decoration:none!important}
