/* 共享工作空间基础样式。个人钱包布局由wallet.css和wallet-experience.css唯一维护。 */
:root {--ink: #183a3d; --muted: #748581; --bg: #f1f5f3; --green: #205d53; --line: #e1e8e4;}
body {font-size: 14px;}
.sidebar {width: 238px; padding: 35px 22px; background: #153337;}
.main {margin-left: 238px;}
.sidebar .brand {padding-left: 11px;}
.sidebar .brand-symbol {background: #d2e5d7;}
.sidebar .brand small {color: #a7c2b2; opacity: .75;}
.nav-label {font-size: 10px; color: #87a39c; margin-top: 44px;}
.nav-item {font-size: 14px; padding: 15px 17px; margin: 6px 0; color: #9eb8b0; border-radius: 10px;}
.nav-item .ico {width: 19px; height: 19px;}
.nav-item.active {background: #dbeadd; color: #204e40;}
.sidebar-footer {border-top-color: #ffffff16;}
.sidebar-footer .muted {font-size: 11px;}
.sidebar-footer .user-name {font-size: 13px;}
.topbar {height: 80px; padding: 0 38px; background: #fff;}
.breadcrumb {font-size: 13px;}
.breadcrumb strong {font-weight: 500;}
.top-status {font-size: 12px;}
.top-status .status-dot {background: #a9915f;}
.content {padding: 37px 38px 28px; max-width: 1550px;}
.btn {font-size: 13px; border-radius: 9px; min-height: 42px; padding: 11px 17px; font-weight: 500;}
.btn .ico {width: 17px; height: 17px;}
.btn.primary {box-shadow: 0 3px 10px #174c3f0c;}
.btn.small {font-size: 12px;}
.muted {font-size: 13px; color: #748581;}
.card {box-shadow: none; border-radius: 15px;}
.page-head h1 {font-size: 31px;}
.page-head .muted {font-size: 13px;}
.form-section h3 {font-size: 15px;}
.form-section .helper {font-size: 12px; line-height: 1.8;}
input:not([type=checkbox]),select {font-size: 13px; border-radius: 8px; min-height: 42px; border-color: #dfe7e1;}
input::placeholder {color: #96a59d;}
label {font-size: 13px;}
.form-section {margin-bottom: 27px;}
.form-section:last-child {margin-bottom: 0;}
.toggle-row {font-size: 13px;}
.user-limit label.limit-choice {font-size: 12px;}
.badge {font-size: 12px;}
th,td {font-size: 13px;}
.modal {border-radius: 18px; box-shadow: 0 24px 100px #0d302d30;}
.modal.large {width: 850px;}
.modal-head {padding-bottom: 20px; border-bottom: 1px solid #e6ece7; margin-bottom: 25px;}
.modal-head h2 {font-size: 20px; font-weight: 550;}
.modal-head .close {background: #f0f5f1; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center;}
.modal-head .close .ico {width: 17px; height: 17px;}
.merchant-heading {display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 29px;}
.merchant-kicker {font-size: 10px; font-weight: 550; letter-spacing: 2px; color: #8a9e90; margin-bottom: 11px;}
.merchant-heading h1 {font-size: 32px; font-weight: 600; line-height: 1.4; letter-spacing: -.8px;}
.merchant-heading p {font-size: 13px; line-height: 1.8; color: #748780; margin-top: 10px;}
.merchant-heading>.actions {gap: 11px;}
.merchant-overview {display: grid; grid-template-columns: 1.35fr 1fr 1fr 1fr auto; background: linear-gradient(108deg,#174438,#24564b); color: #eaf2e9; border-radius: 15px; padding: 27px 29px; margin-bottom: 28px; gap: 25px; align-items: center; box-shadow: 0 6px 18px #1741390b;}
.merchant-overview>div:not(:first-child):not(:last-child) {padding-left: 26px; border-left: 1px solid #a8c2b02e;}
.merchant-overview>div>span,.overview-main>div>span {display: flex; align-items: center; font-size: 12px; color: #adc5b6; gap: 7px; letter-spacing: .3px;}
.merchant-overview strong {display: block; font-size: 34px; font-weight: 500; font-variant-numeric: tabular-nums; margin-top: 11px; letter-spacing: -.5px;}
.merchant-overview strong small {font-size: 12px; font-weight: 400; color: #a6c0b0; margin-left: 8px;}
.overview-main {display: flex; align-items: center; gap: 19px;}
.overview-symbol {display: grid !important; place-items: center; flex-shrink: 0; width: 52px; height: 52px; border: 1px solid #bdd5bd36; border-radius: 15px; background: #ffffff06;}
.overview-symbol .ico {width: 25px; height: 25px; color: #d6debf;}
.overview-dot {width: 5px; height: 5px; border-radius: 50%; background: #b9d4ad;}
.overview-caption {font-size: 10px; line-height: 1.9; color: #89ae9c; text-align: right; letter-spacing: .4px;}
.merchant-tabs {display: flex; align-items: center; gap: 31px; border-bottom: 1px solid #dce6df; margin: 0 0 24px;}
.merchant-tabs button {position: relative; font-size: 14px; padding: 0 0 15px; border: 0; background: none; color: #7c9187;}
.merchant-tabs button.active {color: #205b48; font-weight: 600;}
.merchant-tabs button.active:after {content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 3px; background: #2b6752; border-radius: 3px 3px 0 0;}
.merchant-directory {border: 1px solid #dfe7e1; border-radius: 15px; background: #fff; overflow: hidden; box-shadow: 0 3px 18px #183f2b03;}
.directory-top {padding: 23px 25px; display: flex; justify-content: space-between; gap: 22px; align-items: center;}
.directory-top h2 {font-size: 16px; font-weight: 550; margin-bottom: 7px;}
.directory-top>div>span {font-size: 11px; color: #8a9b90;}
.directory-top form {display: flex; align-items: center; gap: 10px;}
.directory-top input {width: 270px; background: #fcfdfb; border: 1px solid #dfe7df; padding-left: 37px; font-size: 12px;}
.directory-top select {font-size: 12px; width: 117px; background-color: #fff; min-height: 41px;}
.directory-top .btn {font-size: 12px; min-height: 41px; padding: 10px 17px;}
.directory-search {position: relative; display: block; margin: 0; min-width: 0;}
.directory-search .ico {position: absolute; left: 13px; top: 50%; transform: translateY(-50%); pointer-events: none; width: 15px; height: 15px; color: #829b8b;}
.merchant-table-scroll {overflow-x: auto;}
.merchant-table {width: 100%; border-collapse: collapse; white-space: nowrap; font-size: 13px;}
.merchant-table thead {background: #f6f9f5; border-top: 1px solid #e8eee7; border-bottom: 1px solid #e8eee7;}
.merchant-table th {color: #6e8677; font-size: 12px; font-weight: 500; letter-spacing: .4px; padding: 16px 24px;}
.merchant-table td {padding: 20px 24px; border-bottom: 1px solid #edf1eb; font-size: 13px; color: #516f60;}
.merchant-table tbody tr:last-child td {border-bottom: 0;}
.merchant-table tbody tr:hover {background: #fcfdfa;}
.merchant-table td:first-child {min-width: 230px;}
.merchant-name {display: flex; align-items: center; gap: 13px;}
.shop-avatar {flex: none; width: 41px; height: 43px; border: 1px solid #e1eade; background: #eef4eb; color: #598569; border-radius: 11px; display: grid; place-items: center;}
.shop-avatar .ico {width: 21px; height: 21px;}
.shop-avatar.inactive {background: #f4f4ee; color: #9aa594; border-color: #e7e8df;}
.merchant-name strong {font-size: 14px; font-weight: 550; color: #284e3e; display: block; line-height: 1.5;}
.merchant-name small {display: block; font-size: 10px; color: #92a58f; margin-top: 6px; font-family: ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing: .3px;}
.owner-cell {display: flex; align-items: center; gap: 9px; font-size: 13px; color: #4c6c5b;}
.owner-avatar {display: grid; place-items: center; flex: none; width: 29px; height: 29px; background: #f0f4ee; border-radius: 50%; font-size: 11px; color: #7b967a;}
.owner-cell small {display: block; font-size: 10px; color: #95a88f; margin-top: 5px;}
.cert-label {display: inline-flex; align-items: center; gap: 5px; color: #98a48d; font-size: 12px;}
.cert-label .ico {width: 14px; height: 14px;}
.cert-label.verified {color: #6a8867;}
.cashier-number {font-size: 14px; font-variant-numeric: tabular-nums; color: #466a4f;}
.unit {font-size: 11px; color: #9aaa91;}
.merchant-state {display: inline-flex; gap: 6px; align-items: center; background: #eef5e9; color: #658551; border: 1px solid #e3eddb; border-radius: 5px; padding: 5px 9px; font-size: 11px; line-height: 1.5; white-space: nowrap;}
.merchant-state i {width: 5px; height: 5px; border-radius: 50%; background: #7da35f;}
.merchant-state.paused {background: #f8f2e9; color: #ae925f; border-color: #f0e6d4;}
.merchant-state.paused i {background: #bca26c;}
.merchant-actions {display: flex; align-items: center; gap: 13px;}
.merchant-view {display: flex; align-items: center; gap: 8px; background: #f0f6ed; border: 1px solid #e4ecde; color: #3d6c45; padding: 8px 11px; border-radius: 7px; font-size: 11px; font-weight: 500;}
.merchant-view:hover {background: #e7f0e1;}
.merchant-view .ico {width: 13px; height: 13px;}
.merchant-settings {display: flex; align-items: center; gap: 5px; color: #8ba07f; border: 0; background: none; font-size: 11px; padding: 6px 0;}
.merchant-settings .ico {width: 14px; height: 14px;}
.merchant-settings:hover {color: #315f3b;}
.directory-footer {display: flex; justify-content: space-between; align-items: center; padding: 16px 24px; border-top: 1px solid #e5ecdf; gap: 20px;}
.directory-footer>span {font-size: 10px; color: #96a98b; display: flex; align-items: center; gap: 6px;}
.directory-footer>span .ico {width: 12px; height: 12px;}
.directory-footer .pagination {margin: 0; gap: 20px; font-size: 11px; color: #93a68a;}
.directory-footer .pagination .btn {min-height: 31px; padding: 6px 10px; font-size: 10px;}
.merchant-page-footer {display: flex; align-items: center; justify-content: space-between; font-size: 10px; color: #96aa8c; padding: 25px 2px 0; letter-spacing: .3px;}
.merchant-dossier {padding: 25px 28px 0 !important; width: 860px !important;}
.merchant-dossier>.modal-head {margin-bottom: 24px;}
.dossier-identity {display: flex; align-items: center; gap: 16px; margin-bottom: 29px;}
.dossier-avatar {display: grid; place-items: center; width: 57px; height: 59px; border-radius: 14px; background: #e9f1e3; color: #5a8154; border: 1px solid #dde9d4; flex: none;}
.dossier-avatar .ico {width: 29px; height: 29px;}
.dossier-identity h2 {font-size: 21px; line-height: 1.5; font-weight: 550; letter-spacing: -.4px;}
.dossier-identity p {font-size: 11px; color: #8ea083; line-height: 1.8; margin-top: 7px;}
.dossier-identity p>span {margin: 0 7px;}
.dossier-identity>.merchant-state {margin-left: auto;}
.dossier-tabs {display: flex; align-items: center; gap: 29px; border-bottom: 1px solid #dfe8d8; margin-bottom: 28px;}
.dossier-tabs button {position: relative; padding: 0 0 14px; background: none; border: 0; font-size: 13px; color: #8fa17f;}
.dossier-tabs button.active {color: #416e39; font-weight: 550;}
.dossier-tabs button.active:after {position: absolute; content: ""; left: 0; right: 0; bottom: -1px; height: 2px; border-radius: 2px; background: #638d49;}
.dossier-content {min-height: 270px; padding-bottom: 25px;}
.dossier-section-title {display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 21px;}
.dossier-section-title h3 {font-size: 14px; font-weight: 550;}
.dossier-section-title>span {font-size: 9px; color: #9cac8b; letter-spacing: 1px;}
.dossier-section-title .dossier-policy {font-size: 11px; letter-spacing: 0; color: #80996a; background: #f3f7ed; padding: 6px 9px; border-radius: 5px;}
.dossier-facts {display: grid; grid-template-columns: 1fr 1fr; border: 1px solid #e3ebdc; border-radius: 9px; overflow: hidden; background: #fdfefa;}
.dossier-facts>div {display: flex; flex-direction: column; gap: 10px; padding: 19px 22px; border-bottom: 1px solid #e8eee1; min-width: 0;}
.dossier-facts>div:nth-child(odd) {border-right: 1px solid #e8eee1;}
.dossier-facts>div:nth-last-child(-n+2) {border-bottom: 0;}
.dossier-facts span {font-size: 11px; color: #95a783;}
.dossier-facts strong {font-size: 13px; line-height: 1.7; font-weight: 500; color: #526f40; overflow-wrap: anywhere;}
.dossier-note {display: flex; align-items: flex-start; gap: 7px; line-height: 1.8; font-size: 11px; color: #9aab88; margin-top: 21px;}
.dossier-note .ico {width: 14px; height: 14px; flex: none; margin-top: 3px;}
.dossier-footer {border-top: 1px solid #e1ead7; display: flex; justify-content: space-between; align-items: center; padding: 20px 0; gap: 15px;}
.dossier-footer>span {display: flex; align-items: center; gap: 5px; font-size: 10px; color: #a0b08d;}
.dossier-footer>span .ico {width: 12px; height: 12px;}
.dossier-footer .btn {font-size: 12px; min-height: 38px; padding: 10px 14px;}
.dossier-cert {display: flex; align-items: center; gap: 17px; background: #f4f8ee; border: 1px solid #e3edd8; padding: 22px; border-radius: 10px; margin-bottom: 23px;}
.dossier-cert>span {display: grid; place-items: center; width: 43px; height: 45px; background: #e5efd9; color: #71964d; border-radius: 10px;}
.dossier-cert .ico {width: 24px; height: 24px;}
.dossier-cert strong {font-size: 15px; font-weight: 550; color: #527a39;}
.dossier-cert p {font-size: 12px; color: #95a77d; line-height: 1.8; margin-top: 7px;}
.merchant-edit-modal {width: 820px !important;}
.editor-identity {display: flex; align-items: center; gap: 12px; background: #f3f7ee; border: 1px solid #e3ecda; border-radius: 9px; padding: 15px 17px; margin: -3px 0 27px;}
.editor-identity>span {color: #6e9056;}
.editor-identity>span .ico {width: 24px; height: 24px;}
.editor-identity strong {font-size: 14px; font-weight: 550; color: #52723f;}
.editor-identity small {display: block; font-size: 10px; color: #99ab87; margin-top: 5px;}
.merchant-edit-modal .section-head p {color: #899f78; font-size: 12px;}
.merchant-edit-modal label {color: #657f51;}
.merchant-edit-modal .independent-limit-control>.helper {font-size: 12px;}
.merchant-edit-modal .quota-grid {margin-top: 19px;}
.merchant-dossier .quota-grid {grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px;}
.merchant-dossier .quota-cell {padding: 18px 14px;}
.merchant-dossier .quota-cell strong {font-size: 19px; overflow-wrap: anywhere;}
.merchant-dossier .quota-cell small {font-size: 10px; line-height: 1.9;}
@media (min-width:1600px) {.content {padding-top: 0;}.merchant-overview {padding: 30px 35px;}.merchant-table td {padding-top: 23px; padding-bottom: 23px;}}
@media (max-width:1250px) {.sidebar {width: 212px; padding: 33px 17px;}.main {margin-left: 212px;}.content {padding: 30px 27px;}.topbar {padding: 0 27px;}.merchant-overview {grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 20px; padding: 25px;}.overview-caption {display: none;}.merchant-overview>div:not(:first-child):not(:last-child) {padding-left: 21px;}.directory-top {align-items: flex-start; gap: 18px;}.directory-top input {width: 235px;}.directory-top form {gap: 8px;}.directory-top h2 {font-size: 15px;}.merchant-table th,.merchant-table td {padding-left: 20px; padding-right: 20px;}.merchant-heading>.actions .btn {font-size: 12px; padding: 10px 13px;}}
@media (max-width:1000px) {.directory-top {flex-direction: column; align-items: stretch;}.directory-top>div {display: flex; justify-content: space-between; align-items: center;}.directory-top h2 {margin: 0;}.directory-top form {width: 100%;}.directory-search {flex: 1;}.directory-top input {width: 100%;}.merchant-heading {align-items: flex-start;}.merchant-heading>.actions {align-items: flex-end; flex-direction: column;}.merchant-heading>.actions>.btn:not(.primary) {display: none;}.overview-main {gap: 12px;}.overview-symbol {width: 42px; height: 44px;}.merchant-overview strong {font-size: 30px;}.merchant-overview>div>span,.overview-main>div>span {font-size: 11px;}.merchant-overview {gap: 15px;}.merchant-overview>div:not(:first-child):not(:last-child) {padding-left: 16px;}}
@media (max-width:680px) {.sidebar {width: 235px;}.main {margin-left: 0;}.topbar {height: 67px; padding: 0 18px;}.breadcrumb {font-size: 11px; gap: 9px;}.breadcrumb>span:nth-child(2) {display: none;}.top-status {font-size: 10px;}.content {padding: 25px 17px;}.merchant-heading {margin-bottom: 23px; gap: 14px;}.merchant-kicker {font-size: 8px; letter-spacing: 1.5px; margin-bottom: 8px;}.merchant-heading h1 {font-size: 27px;}.merchant-heading p {font-size: 11px; max-width: 220px; line-height: 1.9;}.merchant-heading>.actions {padding-top: 14px;}.merchant-heading>.actions .btn {font-size: 11px; padding: 10px 12px; min-height: 39px; gap: 6px;}.merchant-heading>.actions .btn .ico {width: 14px; height: 14px;}.merchant-overview {grid-template-columns: 1fr 1fr; gap: 23px 18px; padding: 23px 24px; margin-bottom: 25px; border-radius: 13px;}.overview-main {gap: 12px;}.overview-symbol {width: 38px; height: 40px; border-radius: 10px;}.overview-symbol .ico {width: 20px; height: 20px;}.merchant-overview>div:not(:first-child):not(:last-child) {padding-left: 0; border: 0;}.merchant-overview>div:nth-child(3) {padding-left: 0;}.merchant-overview>div:nth-child(4) {padding-left: 0;}.merchant-overview strong {font-size: 29px; margin-top: 8px;}.merchant-overview strong small {font-size: 10px; margin-left: 6px;}.merchant-overview>div>span,.overview-main>div>span {font-size: 10px;}.merchant-tabs {gap: 25px; margin-bottom: 20px;}.merchant-tabs button {font-size: 12px; padding-bottom: 13px;}.merchant-directory {border-radius: 13px;}.directory-top {padding: 20px 18px; gap: 18px;}.directory-top h2 {font-size: 15px;}.directory-top>div>span {font-size: 10px;}.directory-top form {display: grid; grid-template-columns: 1fr 91px; gap: 9px;}.directory-search {grid-column: 1/-1;}.directory-top input {width: 100%; font-size: 12px;}.directory-top select {width: 100%; font-size: 11px; min-height: 39px;}.directory-top form .btn {min-height: 39px; font-size: 11px;}.merchant-table td,.merchant-table th {padding: 17px 18px;}.merchant-table td:first-child {min-width: 225px;}.merchant-name strong {font-size: 13px;}.shop-avatar {width: 35px; height: 38px; border-radius: 9px;}.shop-avatar .ico {width: 18px; height: 18px;}.merchant-table td {font-size: 12px;}.merchant-table th {font-size: 11px;}.owner-cell {font-size: 12px;}.directory-footer {padding: 15px 17px; flex-direction: column; gap: 12px; align-items: stretch;}.directory-footer .pagination {justify-content: space-between; font-size: 10px;}.directory-footer>span {font-size: 9px;}.merchant-page-footer {font-size: 9px; justify-content: center; padding-top: 21px;}.merchant-page-footer>span:last-child {display: none;}.modal.large {width: 100% !important;}.merchant-dossier {padding: 21px 19px 0 !important;}.modal-head h2 {font-size: 18px;}.merchant-dossier .modal-head {margin-bottom: 21px;}.dossier-identity {gap: 11px; flex-wrap: wrap; margin-bottom: 23px;}.dossier-avatar {width: 43px; height: 46px; border-radius: 11px;}.dossier-avatar .ico {width: 23px; height: 23px;}.dossier-identity>div {flex: 1; min-width: 0;}.dossier-identity h2 {font-size: 17px; line-height: 1.6; overflow-wrap: anywhere;}.dossier-identity p {font-size: 10px;}.dossier-identity>.merchant-state {margin-left: 54px;}.dossier-tabs {gap: 22px; margin-bottom: 23px;}.dossier-tabs button {font-size: 12px; padding-bottom: 12px;}.dossier-section-title h3 {font-size: 13px;}.dossier-section-title>span {font-size: 8px; letter-spacing: .5px;}.dossier-facts {grid-template-columns: 1fr;}.dossier-facts>div {padding: 17px 18px;}.dossier-facts>div:nth-child(odd) {border-right: 0;}.dossier-facts>div:nth-last-child(2) {border-bottom: 1px solid #e8eee1;}.dossier-facts span {font-size: 11px;}.dossier-facts strong {font-size: 13px;}.dossier-note {font-size: 10px; line-height: 1.9; margin-top: 17px;}.dossier-footer {flex-direction: column; align-items: stretch; padding: 17px 0; gap: 15px;}.dossier-footer>.actions {justify-content: flex-end; gap: 9px;}.dossier-footer .btn {font-size: 11px; padding: 9px 12px;}.dossier-footer>span {font-size: 9px;}.merchant-dossier .quota-grid {grid-template-columns: 1fr 1fr;}.merchant-dossier .quota-cell strong {font-size: 18px;}.dossier-cert {padding: 17px; gap: 12px;}.dossier-cert p {font-size: 11px;}.merchant-edit-modal {padding: 22px !important;}.editor-identity {margin-bottom: 24px;}.merchant-edit-modal .form-section {margin-bottom: 25px;}.merchant-edit-modal .helper {font-size: 11px;}.merchant-edit-modal label {font-size: 12px;}.merchant-edit-modal input {font-size: 13px;}}
@media (max-width:360px) {.content {padding-left: 14px; padding-right: 14px;}.merchant-heading>.actions .btn {padding-left: 10px; padding-right: 10px;}.merchant-heading p {max-width: 175px;}.merchant-tabs {gap: 20px;}.merchant-tabs button {font-size: 11px;}.merchant-overview {padding: 22px 20px;}.overview-symbol {display: none !important;}.merchant-heading h1 {font-size: 25px;}.dossier-tabs {gap: 17px;}.dossier-tabs button {font-size: 11px;}}
:root {--accent: #1b786d; --ink: #173d35; --muted: #83958e; --line: #e3ebe6; --green: #216e5b; --gap: 24px;}
* {box-sizing: border-box;}
.experience {background: #f4f7f5; color: #21483b; font-family: Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; font-size: 14px;}
.sidebar {top: 0; width: 230px; height: 100dvh; padding: 31px 18px 0; background: #153731; display: flex; flex-direction: column;}
.sidebar .brand {padding: 0 12px;}
.sidebar .brand-symbol {background: #d7e9df; border-radius: 11px; font-size: 25px;}
.sidebar .brand small {font-size: 9px; letter-spacing: 2px; margin-top: 5px;}
.sidebar .nav-label {margin: 38px 12px 16px; font-size: 9px; letter-spacing: 1.4px; color: #749f8b;}
.sidebar .nav-item {padding: 14px 15px; margin: 4px 0; font-size: 13px; border-radius: 9px; gap: 13px;}
.sidebar .nav-item.active {background: #dcebe2; color: #254e3d;}
.sidebar .nav-item .ico {width: 19px; height: 19px;}
.sidebar-footer {position: static; margin-top: auto; padding: 23px 10px; flex: none;}
.sidebar-service {display: flex; gap: 10px; padding: 18px 10px; margin-top: auto; border-top: 1px solid #ffffff15; color: #8fb6a2;}
.sidebar-service>.ico {width: 25px; height: 25px; flex: none;}
.sidebar-service strong {font-size: 11px; font-weight: 500; display: block;}
.sidebar-service span {font-size: 10px; display: block; margin-top: 7px; color: #638e79;}
.sidebar-service+.sidebar-footer {margin-top: 0;}
.sidebar-footer .avatar {background: #345b49; color: #d6e7dc; width: 34px; height: 34px;}
.main {margin-left: 230px;}
.topbar {height: 76px; padding: 0 34px; border-bottom: 1px solid #e4ebe6; background: #fff; position: sticky; top: 0; z-index: 20;}
.breadcrumb {font-size: 12px; color: #8da194;}
.breadcrumb strong {font-weight: 500; color: #3b604c;}
.header-tools {display: flex; align-items: center; gap: 20px;}
.header-date {font-size: 11px; color: #8d9f91; letter-spacing: .8px;}
.operating {font-size: 11px; color: #789785; display: flex; gap: 7px; align-items: center;}
.operating i,.live-dot {display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #56a17a; flex: none;}
.icon-btn {border: 0; background: none; color: #7e9988; padding: 7px; position: relative; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px;}
.icon-btn .ico {width: 20px; height: 20px;}
.icon-btn:hover {background: #edf3ee;}
.icon-btn>b {position: absolute; right: 8px; top: 7px; width: 5px; height: 5px; border-radius: 50%; background: #cfaa67; border: 1px solid white;}
.content {padding: 32px 34px; max-width: 1600px; margin: 0 auto;}
.section-heading {display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 28px;}
.section-heading .eyebrow {font-size: 9px; color: #9bac9b; letter-spacing: 2px; margin-bottom: 12px;}
.section-heading h1 {font-size: 29px; line-height: 1.4; font-weight: 600; letter-spacing: -.6px; color: #244b39;}
.section-heading p {font-size: 12px; color: #8b9e8d; margin-top: 12px; line-height: 1.8;}
.btn {font-size: 12px; min-height: 40px; border-radius: 8px; gap: 8px; padding: 10px 15px;}
.btn .ico {width: 16px; height: 16px;}
.btn.primary {background: #226c52; color: white; border-color: #226c52; box-shadow: 0 3px 10px #235d4210;}
.btn:hover {filter: brightness(.97);}
.actions {gap: 10px;}
.data-panel {background: #fff; border: 1px solid var(--line); border-radius: 13px; margin-bottom: var(--gap); overflow: hidden; padding: 24px; min-width: 0;}
.data-panel>.card-title {display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 25px;}
.data-panel h2 {font-size: 15px; font-weight: 550; color: #2d533e; line-height: 1.5;}
.data-panel>.card-title p {font-size: 11px; line-height: 1.8; color: #93a28e; margin-top: 7px;}
.data-panel>.card-title .btn {font-size: 11px; min-height: 33px; padding: 8px 10px; white-space: nowrap;}
.data-metrics {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; margin-bottom: var(--gap);}
.data-metric {background: white; border: 1px solid var(--line); border-radius: 12px; padding: 21px 22px; min-width: 0;}
.data-metric>div {display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.data-metric span {font-size: 12px; color: #7f977f;}
.data-metric i {width: 29px; height: 29px; background: #f1f6ec; border-radius: 7px; display: grid; place-items: center; color: #6b9160;}
.data-metric .ico {width: 16px; height: 16px;}
.data-metric>strong {display: block; font-size: 26px; letter-spacing: -.7px; font-weight: 550; line-height: 1.5; color: #2a553a; font-variant-numeric: tabular-nums; margin: 14px 0 9px; overflow-wrap: anywhere;}
.data-metric p {font-size: 10px; color: #9daa92; line-height: 1.7;}
.overview-toolbar,.business-welcome {display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 22px; font-size: 11px; color: #8ca083;}
.overview-toolbar>span {display: flex; align-items: center; gap: 9px;}
.overview-toolbar small {font-size: 10px; color: #aab59e;}
.segmented {display: flex; align-items: center; border: 1px solid #dfe8db; background: #edf3e8; border-radius: 7px; padding: 3px; gap: 3px; flex: none;}
.segmented button {border: 0; background: none; padding: 7px 15px; color: #91a481; font-size: 11px; border-radius: 5px; white-space: nowrap;}
.segmented button.active {background: #fff; color: #4c783e; box-shadow: 0 1px 4px #3f5a3420;}
.segmented.small button {padding: 5px 10px; font-size: 10px;}
.two-col {display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap);}
.wide-grid {display: grid; grid-template-columns: minmax(0,1.75fr) minmax(0,1fr); gap: var(--gap);}
.trend-chart {width: 100%; padding: 8px 0 0;}
.trend-chart svg {width: 100%; height: auto; min-height: 150px; display: block; overflow: visible;}
.chart-point {opacity: 0; transition: .2s;}
.trend-chart:hover .chart-point {opacity: 1;}
.chart-point:hover {r: 6;}
.donut-layout {display: flex; align-items: center; gap: 22px; justify-content: center; min-height: 192px;}
.donut-wrap {position: relative; width: 157px; height: 157px; flex: none;}
.donut-wrap>svg {width: 100%; height: 100%; display: block;}
.donut-wrap>div {position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; pointer-events: none;}
.donut-wrap strong {font-size: 27px; font-weight: 500; color: #3f6545;}
.donut-wrap span {font-size: 10px; color: #95a78c; margin-top: 7px;}
.chart-legend {min-width: 105px; flex: 1; max-width: 160px;}
.chart-legend>div {display: flex; align-items: center; gap: 7px; font-size: 10px; margin: 18px 0; color: #8da17e;}
.chart-legend i {width: 6px; height: 6px; border-radius: 50%; flex: none;}
.chart-legend strong {margin-left: auto; font-size: 11px; font-weight: 500; color: #6e8d5d; white-space: nowrap;}
.ranking>div {display: flex; align-items: center; gap: 12px; padding: 17px 0; border-bottom: 1px solid #edf2e8;}
.ranking>div:last-child {border: 0; padding-bottom: 0;}
.rank-number {font-size: 11px; font-family: ui-monospace,monospace; color: #a3b295; width: 20px; flex: none;}
.rank-avatar {width: 33px; height: 33px; border-radius: 9px; background: #f0f5e9; color: #7b9b65; display: grid; place-items: center; font-size: 12px; flex: none;}
.rank-copy {display: flex; flex-direction: column; gap: 7px; flex: 1;}
.rank-copy strong,.ranking>div>strong {font-size: 12px; font-weight: 500; color: #5d7c4f;}
.rank-copy small {font-size: 10px; color: #a0af8d;}
.merchant-ranking>div {display: flex; gap: 12px; align-items: center; margin-bottom: 23px;}
.merchant-ranking>div:last-child {margin-bottom: 0;}
.merchant-ranking>div>div {flex: 1; min-width: 0;}
.merchant-ranking strong {font-size: 12px; font-weight: 500; color: #597746; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.merchant-ranking b {font-size: 12px; font-weight: 500; color: #53723e; white-space: nowrap; margin-left: 12px;}
.meter {height: 5px; background: #eef3e8; border-radius: 5px; overflow: hidden; margin-top: 11px;}
.meter i {display: block; height: 100%; background: #7ca56b; border-radius: 5px; transition: .3s;}
.queue-item {display: flex; align-items: center; width: 100%; background: none; border: 0; border-bottom: 1px solid #edf1e7; text-align: left; padding: 18px 0; gap: 13px;}
.queue-item:last-child {border: 0;}
.queue-item>span {display: grid; place-items: center; width: 36px; height: 36px; border-radius: 9px; background: #f2f6ec; color: #7fa166; flex: none;}
.queue-item>span .ico {width: 18px; height: 18px;}
.queue-item>div {flex: 1;}
.queue-item strong {font-size: 12px; font-weight: 500; color: #5b7c47;}
.queue-item small {font-size: 10px; color: #a0ae8f; display: block; margin-top: 7px;}
.queue-item b {font-size: 20px; font-weight: 500; color: #668a50; margin-right: 6px;}
.queue-item>.ico {width: 14px; color: #a0b18d;}
.integrity-strip {display: flex; align-items: center; gap: 18px; background: #e9f1e3; border: 1px solid #dce8d3; padding: 24px; border-radius: 12px; margin-bottom: 24px;}
.integrity-strip>span {width: 45px; height: 45px; border-radius: 50%; display: grid; place-items: center; background: #dbead0; color: #709752; flex: none;}
.integrity-strip>span .ico {width: 23px; height: 23px;}
.integrity-strip strong {font-size: 14px; font-weight: 500; color: #5a7d3c;}
.integrity-strip p {font-size: 11px; color: #91a47b; margin-top: 8px; line-height: 1.8;}
.integrity-actions {display: flex; gap: 9px; margin-left: auto; flex: none;}
.integrity-actions .btn {font-size: 11px;}
.business-welcome {border-bottom: 1px solid #dde7d7; padding-bottom: 18px;}
.business-welcome>div {display: flex; gap: 10px; align-items: center;}
.business-welcome strong {font-size: 12px; color: #6b8d55; font-weight: 500;}
.business-welcome>div>span:last-child {font-family: ui-monospace,monospace; font-size: 10px; color: #a8b49b; margin-left: 7px;}
.transaction-row {width: 100%; display: flex; align-items: center; gap: 12px; text-align: left; border: 0; background: none; border-bottom: 1px solid #edf1e8; padding: 16px 0;}
.transaction-row:last-child {border-bottom: 0; padding-bottom: 0;}
.transaction-row:first-child {padding-top: 0;}
.transaction-icon {width: 36px; height: 37px; border-radius: 9px; display: grid; place-items: center; background: #f0f5ea; color: #85a46e; flex: none;}
.transaction-icon.refund {background: #f8f2e7; color: #b6a475;}
.transaction-icon .ico {width: 18px; height: 18px;}
.transaction-copy {min-width: 0; flex: 1;}
.transaction-copy strong {display: block; font-size: 12px; font-weight: 500; color: #5b7b49; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.transaction-copy small {display: block; margin-top: 7px; font-size: 10px; color: #a6b394;}
.transaction-amount {text-align: right; flex: none;}
.transaction-amount strong {font-size: 13px; font-weight: 500; color: #5d7e45;}
.transaction-amount small {display: block; font-size: 9px; color: #a7b494; margin-top: 7px;}
.transaction-row>.ico {width: 13px; height: 13px; color: #a6b691;}
.page-footer {display: flex; justify-content: space-between; font-size: 10px; color: #a5b499; letter-spacing: 1px; padding: 6px 0 20px;}
.merchant-quota-only .quota-cell {background: #fbfcf8; border-color: #e9efdf;}
.merchant-quota-only .quota-cell strong {font-size: 20px;}
.config-tabs {display: flex; gap: 30px; border-bottom: 1px solid #dce6d6; margin-bottom: 28px; overflow-x: auto; white-space: nowrap;}
.config-tabs button {font-size: 13px; border: 0; background: none; color: #94a67f; padding: 0 1px 15px; position: relative;}
.config-tabs button.active {color: #4c7c35; font-weight: 500;}
.config-tabs button.active:after {content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: #658f48;}
.config-layout {display: grid; grid-template-columns: minmax(0,1fr) 275px; gap: 24px; align-items: start;}
.config-summary {padding: 25px 23px; background: #eaf1e4; border: 1px solid #dfe9d6; border-radius: 12px;}
.config-summary h3 {font-size: 14px; font-weight: 500; color: #66894c; margin-bottom: 28px;}
.config-summary>div {margin: 22px 0; display: flex; justify-content: space-between; gap: 12px; font-size: 11px; color: #91a57b;}
.config-summary strong {font-weight: 500; color: #668948; text-align: right;}
.config-summary p {border-top: 1px solid #d9e5cd; margin-top: 25px; padding-top: 20px; font-size: 11px; line-height: 1.9; color: #95a87e;}
.config-save {display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 25px; border-top: 1px solid #e6eddc; margin-top: 25px;}
.config-save>span {font-size: 10px; color: #9aaf86;}
.setting-note {display: flex; gap: 10px; font-size: 11px; color: #8ba370; background: #f5f8ee; padding: 15px; border-radius: 8px; line-height: 1.9; margin: 20px 0;}
.setting-note .ico {flex: none; width: 16px; height: 16px; margin-top: 3px;}
.policy-links {display: grid; gap: 0;}
.policy-links p {font-size: 12px; line-height: 1.9; color: #8ba075;}
.policy-links .data-panel .card-title {margin-bottom: 15px;}
.cashier-list>div {display: flex; align-items: center; gap: 15px; padding: 20px 0; border-bottom: 1px solid #e7eede;}
.cashier-list>div:last-child {border: 0;}
.cashier-list>div>div {flex: 1;}
.cashier-list strong {font-weight: 500; font-size: 13px; color: #63824e;}
.cashier-list small {display: block; font-size: 10px; color: #a0b189; margin-top: 8px;}
.receipt-sample {max-width: 330px; margin: 20px auto; text-align: center; padding: 28px; background: #fafcf7; border: 1px dashed #cfdcbe; box-shadow: 0 5px 18px #4a6b2e08;}
.receipt-sample>span {color: #81a363;}
.receipt-sample h3 {font-size: 16px; margin: 14px 0 8px; color: #6c8e4d;}
.receipt-sample p {font-size: 11px; color: #9fb38a; margin: 14px 0 22px; line-height: 1.8;}
.receipt-sample>strong {display: block; font-size: 30px; font-weight: 500; color: #5f8242; margin: 24px 0;}
.receipt-sample>div {display: flex; justify-content: space-between; gap: 20px; margin: 15px 0; font-size: 10px; color: #8ea67a; text-align: right;}
.receipt-sample small {font-size: 10px; overflow-wrap: anywhere;}
.receipt-sample>div>span {flex: none;}
.faq details {border-bottom: 1px solid #e5eddb; padding: 20px 0;}
.faq details:last-child {border: 0;}
.faq summary {list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; font-size: 13px; color: #60834a;}
.faq summary .ico {width: 15px; height: 15px; flex: none;}
.faq p {font-size: 12px; line-height: 2; color: #90a67b; margin-top: 16px; max-width: 700px;}
.help-links {display: flex; gap: 12px; flex-wrap: wrap;}
.shortcut-options {display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 25px;}
.shortcut-options label {display: flex; align-items: center; gap: 9px; border: 1px solid #e2ead9; border-radius: 8px; padding: 15px; font-size: 12px;}
.shortcut-options label>.ico {width: 18px; height: 18px; color: #86a56b;}
.shortcut-options input {margin-left: auto; width: 16px; height: 16px; min-height: 0; accent-color: var(--accent);}
.text-btn {display: inline-flex; align-items: center; gap: 7px; border: 0; background: none; color: #7d9a66; font-size: 11px; padding: 6px 0; white-space: nowrap;}
.text-btn .ico {width: 13px; height: 13px;}
.card h2 {font-size: 16px;}
.card p.muted {font-size: 12px;}
.modal .btn {min-height: 40px;}
input:not([type=checkbox]),select {min-height: 42px; font-size: 13px;}
input[type=checkbox] {accent-color: var(--accent);}
.toggle-row input {height: 24px; min-height: 0;}
.limit-choice input {height: 16px; min-height: 0;}
.form-section {margin-bottom: 27px;}
.section-head {margin-bottom: 19px;}
.section-head h3 {font-size: 14px;}
.section-head p {margin-top: 8px; line-height: 1.8;}
.form-grid {gap: 18px;}
.form-grid label {font-size: 12px;}
.card,.data-panel {scroll-margin-top: 140px;}
button,a,input,select {touch-action: manipulation;}
button:focus-visible,a:focus-visible {outline: 2px solid var(--accent); outline-offset: 3px;}
.personal {background: var(--surface-soft);}
.service-grid {display: grid; grid-template-columns: repeat(8,minmax(0,1fr)); gap: 10px;}
.service-grid>button {display: flex; align-items: center; flex-direction: column; border: 0; background: none; gap: 14px; padding: 3px 0 8px;}
.service-grid>button>span {width: 39px; height: 40px; display: grid; place-items: center; background: var(--surface-tint); color: var(--muted); border-radius: 11px;}
.service-grid>button:nth-child(3n+2)>span {background: #eff5ee; color: #91a786;}
.service-grid>button:nth-child(3n)>span {background: #f9f4eb; color: #b7aa84;}
.service-grid .ico {width: 22px; height: 22px; stroke-width: 1.5;}
.service-grid strong {font-size: 11px; font-weight: 400; color: var(--muted); white-space: nowrap;}
.service-grid>button:hover>span {background: var(--surface-tint);}
.budget-head {display: flex; justify-content: space-between; gap: 15px; align-items: center; margin-top: 30px;}
.budget-head span {font-size: 11px; color: #97adb5;}
.budget-head strong {font-size: 25px; font-weight: 500; display: block; color: #5a8794; margin-top: 13px; letter-spacing: -.5px;}
.budget-head .text-btn {color: #8aa9b4; font-size: 10px;}
.budget-caption {display: flex; justify-content: space-between; gap: 10px; font-size: 9px; color: #a5bac3; line-height: 1.9;}
.protection-banner {background: #f0f7f6; border: 1px solid #e3efeb; border-radius: 9px; padding: 17px; display: flex; align-items: center; gap: 12px; margin-bottom: 20px;}
.protection-banner>.ico {color: #7ba79d; width: 29px; height: 29px; flex: none;}
.protection-banner strong {font-size: 12px; color: #739b91; font-weight: 500;}
.protection-banner span {display: block; font-size: 9px; line-height: 1.8; color: #a1bab2; margin-top: 7px;}
.summary-line {display: flex; justify-content: space-between; gap: 15px; font-size: 11px; padding: 13px 0; color: #a1b4b9;}
.summary-line strong {font-size: 11px; font-weight: 400; color: #70969f;}
@media (min-width:1600px) {.content {padding: 40px 44px;}.data-panel {padding: 27px;}.data-metric {padding: 25px;}.data-metric>strong {font-size: 30px;}}
@media (max-width:1300px) {.data-metric {padding: 18px;}.data-metric>strong {font-size: 23px;}.donut-layout {gap: 12px; flex-direction: column; min-height: 0;}.donut-wrap {width: 145px; height: 145px;}.chart-legend {width: 100%; max-width: none; display: flex; gap: 14px; justify-content: center;}.chart-legend>div {font-size: 9px; gap: 5px; margin: 15px 0 0;}.chart-legend strong {font-size: 10px;}.wide-grid {grid-template-columns: 1.7fr 1fr;}.config-layout {grid-template-columns: minmax(0,1fr) 230px;}.integrity-strip {flex-wrap: wrap;}.integrity-actions {margin-left: 63px;}.data-panel>.card-title {gap: 14px;}.data-panel>.card-title .btn {font-size: 10px;}.transaction-copy small {font-size: 9px;}.two-col .transaction-row>.ico {display: none;}}
@media (max-width:1080px) {.sidebar {width: 205px; padding-left: 13px; padding-right: 13px;}.main {margin-left: 205px;}.content {padding: 27px 25px;}.topbar {padding: 0 25px;}.data-metrics {gap: 12px; grid-template-columns: repeat(2,minmax(0,1fr));}.data-metric>strong {font-size: 26px;}.section-heading h1 {font-size: 25px;}.section-heading>.actions {flex-direction: column; align-items: flex-end;}.two-col,.wide-grid {gap: 18px; grid-template-columns: minmax(0,1fr);}.donut-layout {flex-direction: row; gap: 35px;}.chart-legend {display: block; max-width: 170px;}.chart-legend>div {font-size: 11px; margin: 18px 0;}.chart-legend strong {font-size: 11px;}.config-layout {grid-template-columns: 1fr;}.config-summary {display: none;}.budget-head {flex-direction: column; align-items: flex-start; margin-top: 20px;}.budget-head .text-btn {margin-top: 7px;}.budget-caption {flex-wrap: wrap;}.merchant-quota-only .quota-grid {grid-template-columns: 1fr 1fr;}}
@media (max-width:680px) {:root {--gap: 18px;}.sidebar {top: 0; height: 100dvh; width: 238px; padding-top: 27px;}.main {margin-left: 0;}.topbar {top: 0; height: 61px; padding: 0 17px;}.breadcrumb {font-size: 11px; gap: 8px;}.header-tools {gap: 12px;}.header-date {display: none;}.operating {font-size: 9px;}.icon-btn>.ico {width: 18px; height: 18px;}.content {padding: 24px 17px;}.section-heading {gap: 15px; align-items: flex-start; margin-bottom: 23px;}.section-heading .eyebrow {font-size: 8px; letter-spacing: 1.3px; margin-bottom: 9px;}.section-heading h1 {font-size: 24px; line-height: 1.55; max-width: 230px; letter-spacing: -.5px;}.section-heading p {font-size: 10px; line-height: 1.9; margin-top: 9px;}.section-heading>.actions {padding-top: 8px; gap: 7px;}.section-heading .btn {font-size: 10px; padding: 9px 10px; min-height: 35px; white-space: nowrap;}.section-heading .btn .ico {width: 13px; height: 13px;}.section-heading .btn:not(.primary) {padding: 7px 8px; min-height: 31px;}.data-metrics {gap: 11px;}.data-metric {padding: 17px 15px; border-radius: 11px;}.data-metric span {font-size: 11px;}.data-metric i {width: 25px; height: 25px;}.data-metric .ico {width: 14px; height: 14px;}.data-metric>strong {font-size: 22px; margin: 13px 0 7px; letter-spacing: -.5px; line-height: 1.5;}.data-metric p {font-size: 9px; line-height: 1.8;}.overview-toolbar {font-size: 9px; gap: 12px; align-items: flex-start;}.overview-toolbar>span {display: block; line-height: 1.9; max-width: 160px;}.overview-toolbar small {display: none;}.overview-toolbar .live-dot {margin-right: 5px; width: 5px; height: 5px;}.segmented {padding: 3px; gap: 2px;}.segmented button {padding: 6px 10px; font-size: 10px;}.data-panel {padding: 21px 19px; border-radius: 11px;}.data-panel>.card-title {margin-bottom: 24px; gap: 12px;}.data-panel h2 {font-size: 14px;}.data-panel>.card-title p {font-size: 10px; max-width: 190px; line-height: 1.8;}.data-panel>.card-title .btn {font-size: 9px; padding: 6px 8px; min-height: 29px; gap: 4px;}.data-panel>.card-title .btn .ico {width: 11px; height: 11px;}.segmented.small button {font-size: 9px; padding: 5px 8px;}.trend-chart svg {min-height: 105px;}.donut-layout {gap: 25px;}.donut-wrap {width: 135px; height: 135px;}.chart-legend>div {font-size: 10px;}.chart-legend strong {font-size: 10px;}.transaction-row {gap: 9px; padding: 15px 0;}.transaction-icon {width: 32px; height: 34px; border-radius: 8px;}.transaction-icon .ico {width: 16px; height: 16px;}.transaction-copy strong {font-size: 11px;}.transaction-copy small {font-size: 9px;}.transaction-amount strong {font-size: 12px;}.transaction-amount small {font-size: 9px;}.transaction-row>.ico {display: none;}.merchant-ranking b {font-size: 11px; margin-left: 6px;}.merchant-ranking strong {font-size: 11px;}.merchant-ranking>div {gap: 9px; margin-bottom: 22px;}.rank-number {font-size: 10px; width: 17px;}.queue-item {gap: 11px; padding: 17px 0;}.queue-item strong {font-size: 11px;}.queue-item small {font-size: 9px;}.queue-item b {font-size: 19px;}.integrity-strip {padding: 20px 17px; gap: 12px;}.integrity-strip>span {width: 35px; height: 35px;}.integrity-strip>div {flex: 1; min-width: 0;}.integrity-strip strong {font-size: 12px;}.integrity-strip p {font-size: 9px; line-height: 1.9;}.integrity-actions {margin: 5px 0 0 !important; flex-basis: 100% !important; justify-content: flex-end;}.integrity-actions .btn {font-size: 10px; min-height: 35px; padding: 8px 11px;}.business-welcome {font-size: 9px; gap: 9px;}.business-welcome strong {font-size: 10px;}.business-welcome>div>span:last-child {display: none;}.business-welcome>div {gap: 6px;}.merchant-quota-only .quota-cell {padding: 16px 12px;}.merchant-quota-only .quota-cell strong {font-size: 18px;}.merchant-quota-only .quota-cell small {font-size: 9px; line-height: 1.9;}.page-footer {font-size: 8px; justify-content: center;}.page-footer>span {display: none;}.config-tabs {gap: 24px; margin-bottom: 23px;}.config-tabs button {font-size: 12px; padding-bottom: 13px;}.config-save {gap: 12px; flex-direction: column; align-items: stretch;}.config-save .btn {align-self: flex-end;}.config-save>span {font-size: 9px;}.cashier-list>div {gap: 10px;}.cashier-list .badge {font-size: 9px; white-space: nowrap; padding: 4px 7px;}.cashier-list .btn {font-size: 9px; padding: 8px; min-height: 33px;}.cashier-list .rank-avatar {width: 29px; height: 30px; font-size: 10px;}.cashier-list strong {font-size: 11px;}.cashier-list small {font-size: 9px;}.help-links {gap: 9px;}.help-links .btn {font-size: 10px;}.service-grid {grid-template-columns: repeat(4,minmax(0,1fr)); gap: 15px 10px;}.service-grid>button {gap: 10px; padding: 0 0 9px;}.service-grid>button>span {width: 36px; height: 37px; border-radius: 10px;}.service-grid .ico {width: 21px; height: 21px;}.service-grid strong {font-size: 10px;}.round-arrow {width: 34px; height: 34px;}.budget-head {flex-direction: row; align-items: center; margin-top: 15px;}.budget-head span {font-size: 10px;}.budget-head strong {font-size: 24px; margin-top: 11px;}.budget-head .text-btn {font-size: 9px;}.budget-caption {font-size: 9px;}.shortcut-options {gap: 10px;}.shortcut-options label {padding: 13px; font-size: 11px; gap: 6px;}}
@media (max-width:360px) {.content {padding: 22px 14px;}.section-heading h1 {font-size: 22px;}.section-heading>.actions {max-width: 103px;}.data-metric {padding: 15px 12px;}.data-metric>strong {font-size: 20px;}.data-metric span {font-size: 10px;}.data-panel {padding: 20px 16px;}.donut-layout {gap: 16px;}.donut-wrap {width: 119px; height: 119px;}.chart-legend>div {font-size: 9px;}.chart-legend strong {font-size: 9px;}.service-grid {column-gap: 9px;}.service-grid strong {font-size: 9px;}.config-tabs {gap: 21px;}.config-tabs button {font-size: 11px;}.transaction-copy strong {font-size: 10px;}.transaction-amount strong {font-size: 11px;}.transaction-icon {width: 29px; height: 31px;}.cashier-list>div {flex-wrap: wrap;}.cashier-list .btn {margin-left: auto;}}
@media (prefers-reduced-motion:reduce) {*,*:before,*:after {animation: none !important; transition: none !important; scroll-behavior: auto !important;}}
.experience .section-heading h1 {color: #1d4434;}
.experience .section-heading p {color: #718576; font-size: 13px;}
.experience .data-panel h2 {color: #244e38; font-size: 16px;}
.experience .data-panel>.card-title p {color: #7c917d; font-size: 12px;}
.experience .data-metric span {color: #5c7b60; font-size: 13px;}
.experience .data-metric>strong {color: #254d35;}
.experience .data-metric p {color: #7f947d; font-size: 11px;}
.experience .transaction-copy strong {color: #3c6349; font-size: 13px;}
.experience .transaction-copy small {color: #7e957e; font-size: 11px;}
.experience .transaction-amount strong {color: #305c3b; font-size: 14px;}
.experience .transaction-amount small {color: #7b9478; font-size: 10px;}
.experience .queue-item strong,.experience .rank-copy strong,.experience .merchant-ranking strong {color: #3e6743; font-size: 13px;}
.experience .queue-item small,.experience .rank-copy small {color: #7f9678; font-size: 11px;}
.experience .chart-legend span {color: #728d69;}
.experience .chart-legend strong {color: #4f7446;}
.experience .overview-toolbar {color: #73906b;}
.experience .config-tabs button {color: #7b9470;}
.experience .config-tabs button.active {color: #3d712c;}
.experience .config-summary>div {color: #779267;}
.experience .config-summary strong {color: #466f32;}
.experience .config-summary p {color: #7c946b;}
.experience .business-welcome strong {color: #467b47;}
.experience .config-save>span {color: #829775;}
.experience .setting-note {color: #708c5a;}
.experience .merchant-ranking b {color: #3d6c32;}
.experience .integrity-strip strong {color: #416d2d;}
.experience .integrity-strip p {color: #748f60;}
.experience .header-date {color: #7a907d;}
.experience .service-grid strong {color: var(--wallet-ink-soft); font-size: 12px;}
.experience .budget-head span {color: #7d9da8;}
.experience .budget-caption {color: #809fa9; font-size: 10px;}
.experience .summary-line {color: #809ba2;}
.experience .summary-line strong {color: #507f8b;}
.experience .protection-banner strong {color: #477d6e;}
.experience .protection-banner span {color: #7fa396;}
@media (max-width:680px) {.experience .section-heading p {font-size: 11px;}.experience .data-panel h2 {font-size: 15px;}.experience .data-panel>.card-title p {font-size: 11px;}.experience .data-metric span {font-size: 12px;}.experience .data-metric p {font-size: 10px;}.experience .transaction-copy strong {font-size: 12px;}.experience .transaction-copy small {font-size: 10px;}.experience .transaction-amount strong {font-size: 13px;}.experience .transaction-amount small {font-size: 10px;}.experience .queue-item strong,.experience .rank-copy strong,.experience .merchant-ranking strong {font-size: 12px;}.experience .queue-item small,.experience .rank-copy small {font-size: 10px;}.experience .service-grid strong {font-size: 11px;}}
@media (max-width:360px) {.experience .transaction-copy strong {font-size: 11px;}.experience .transaction-amount strong {font-size: 12px;}.experience .service-grid strong {font-size: 10px;}}
:root {--surface: #fff; --surface-soft: #f6f9f4; --surface-tint: #eaf2e5; --ink: #244b36; --muted: #789178; --line: #e0e9da; --accent: #237b68; --green: var(--accent); --accent-strong: #1e5a47; --on-accent: #fff; --accent-light: #c4dccc; --focus: #92bea5; --success: #527c40; --success-bg: #edf5e7; --pending: #a8844a; --pending-bg: #f8f2e7; --danger: #b55454; --chart-secondary: #619fd3; --chart-tertiary: #9bb9a9;}
body.personal,body.auth-surface.personal {--surface: #fff; --surface-soft: #f2f7fc; --surface-tint: #e6eff9; --ink: #21486c; --wallet-ink-soft: #486a8a; --muted: #738ea6; --wallet-muted-soft: #91a6ba; --line: #dce6f1; --accent: #20679a; --green: var(--accent); --accent-strong: #153e68; --on-accent: #fff; --accent-light: #d4e9f5; --focus: #7aaed2; --wallet-accent-end: #2b869f; --wallet-gradient: radial-gradient(ellipse at 90% 0%,#62c4d05c,transparent 60%),linear-gradient(128deg,var(--accent-strong),var(--accent) 75%,var(--wallet-accent-end)); --wallet-surface-gradient: radial-gradient(ellipse at 100% 8%,#d4eef060,transparent 56%),linear-gradient(165deg,#f2f8fd,#eaf3fa 55%,#f6f9fc); --success: #4c8b7c; --success-bg: #ecf7f2; --chart-secondary: #8aa8d1; --chart-tertiary: #b0c7ce;}
.experience .page-head h1,.experience .section-head h3,.experience .card h2,.experience .modal-head h2,.experience .detail-row strong,.experience .account-head h2,.experience .data-panel h2,.experience .form-section h3 {color: var(--ink);}
.experience .page-head .muted,.experience .muted,.experience .fine,.experience .helper,.experience .detail-row>span,.experience .section-head p,.experience .bottom-note,.experience .receipt-details,.experience .card .eyebrow,.experience label {color: var(--muted);}
.experience .card,.experience .data-panel,.experience .modal {background: var(--surface); border-color: var(--line);}
.experience input:not([type=checkbox]),.experience select,.experience textarea {border-color: var(--line); background: var(--surface); color: var(--ink);}
.experience input:focus,.experience select:focus,.experience textarea:focus {border-color: var(--focus); box-shadow: 0 0 0 3px color-mix(in srgb,var(--accent) 8%,transparent);}
.experience input::placeholder {color: var(--muted); opacity: .7;}
.experience .btn {color: var(--ink); border-color: var(--line); background: var(--surface);}
.experience .btn.primary {color: var(--on-accent); background: var(--accent); border-color: var(--accent);}
.experience .btn.danger {color: var(--danger); border-color: #eddbdb; background: #fff8f8;}
.experience .btn.secondary {background: var(--surface-tint); color: var(--accent);}
.experience .tabs {border-color: var(--line);}
.experience .tab {color: var(--muted);}
.experience .tab.active {color: var(--accent); border-color: var(--accent);}
.experience .tab.active:after {background: var(--accent);}
.experience th {background: var(--surface-soft); color: var(--muted);}
.experience td,.experience .detail-row {border-color: var(--line); color: var(--ink);}
.experience .table-main strong {color: var(--ink);}
.experience .table-main small {color: var(--muted);}
.experience .table-icon,.experience .metric-icon,.experience .big-icon {color: var(--accent); background: var(--surface-tint);}
.experience .amount {color: var(--ink);}
.experience .amount.positive {color: var(--success);}
.experience .badge {background: var(--surface-tint); color: var(--accent);}
.experience .badge.paid {background: var(--success-bg); color: var(--success);}
.experience .badge.pending {background: var(--pending-bg); color: var(--pending);}
.experience .badge.refunded {background: var(--surface-tint); color: var(--accent);}
.experience .badge.frozen,.experience .badge.cancelled,.experience .badge.expired {background: #f1f2f2; color: #8c9696;}
.experience .notice {background: var(--surface-soft); border-color: var(--line); color: var(--muted);}
.experience .quota-cell {background: var(--surface-soft); border-color: var(--line);}
.experience .quota-cell>span,.experience .quota-cell small {color: var(--muted);}
.experience .quota-cell strong {color: var(--ink);}
.experience .quota-track {background: var(--surface-tint);}
.experience .quota-track i {background: var(--accent);}
.experience .user-limit,.experience .limit-choice {border-color: var(--line);}
.experience .toggle-row {color: var(--ink);}
.experience .toggle-row input:checked {background: var(--accent); border-color: var(--accent);}
.experience .payment-cap-list,.experience .separator {border-color: var(--line);}
.experience .success-circle {background: var(--success-bg); color: var(--success);}
.experience .receipt-amount,.experience .receipt-result h2 {color: var(--ink);}
.experience .payment-loading {color: var(--accent);}
.experience .avatar {background: var(--surface-tint); color: var(--accent);}
.experience .payment-pass {background: var(--surface-soft);}
.experience .pass-header {background: linear-gradient(115deg,var(--accent-strong),var(--accent));}
.experience .pass-header p,.experience .pass-brand,.experience .pass-header .pass-close {color: var(--accent-light);}
.experience .pass-card {background: #fff; border-color: var(--line);}
.experience .pass-ready,.experience .pass-method strong {color: var(--ink);}
.experience .pass-ready i,.experience .pass-validity-track i {background: var(--accent);}
.experience .pass-method-icon {background: var(--surface-tint); color: var(--accent);}
.experience .pass-method-tag {color: var(--accent);}
.experience .pass-method span,.experience .pass-privacy,.experience .pass-validity {color: var(--muted);}
.experience .payer-qr {background: #fff;}
.pay-direction-tabs {display: flex; align-items: center; justify-content: center; gap: 38px; background: var(--surface); padding: 14px 20px 30px; color: var(--muted); font-size: 13px;}
.pay-direction-tabs .active {color: var(--accent); font-weight: 550; position: relative;}
.pay-direction-tabs .active:after {content: ""; position: absolute; bottom: -9px; left: 4px; right: 4px; height: 2px; border-radius: 2px; background: var(--accent);}
.pay-direction-tabs button {border: 0; background: none; color: var(--muted); padding: 0; display: flex; align-items: center; gap: 5px; cursor: default;}
.pay-direction-tabs small {font-size: 9px; white-space: nowrap; border: 1px solid var(--line); padding: 2px 4px; border-radius: 4px;}
.pay-direction-tabs+.pass-card {margin-top: -13px;}
.cash-amount-presets {display: flex; flex-wrap: wrap; gap: 8px; margin: -4px 0 19px;}
.cash-amount-presets button {background: var(--surface-soft); border: 1px solid var(--line); border-radius: 7px; padding: 7px 13px; color: var(--accent); font-size: 12px;}
.cash-amount-presets button:hover {background: var(--surface-tint);}
.cash-amount-presets button:disabled {opacity: .4;}
.experience .data-panel .form-section {margin-bottom: var(--space-lg);}
.experience .config-save .ico {width: 14px; height: 14px;}
@media (max-width:680px) {.sidebar {top: 0; height: 100dvh;}.topbar {top: 0;}.pay-direction-tabs {gap: 30px; font-size: 12px; padding-bottom: 29px;}.pay-direction-tabs small {font-size: 8px;}.cash-amount-presets {gap: 7px;}.cash-amount-presets button {padding: 7px 11px; font-size: 11px;}.experience .config-save>span {font-size: 10px;}}

/* 检索复用带图标输入；高度由控件决定，图标始终按输入区中心定位。 */
.directory-search input{margin:0!important;padding-left:39px!important;width:100%;min-width:0}.account-directory-tools{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;margin:0 0 18px}.account-directory-tools h2{font-size:16px}.account-directory-tools p{font-size:11px;color:var(--muted);margin:7px 0 18px}.account-directory-tools form{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.account-directory-tools .directory-search{flex:1;min-width:210px}.account-directory-tools select{width:auto;min-width:110px;margin:0}.account-directory-tools .btn{min-height:43px}@media(max-width:680px){.account-directory-tools{padding:17px}.account-directory-tools .directory-search{flex-basis:100%;min-width:0}.account-directory-tools select{flex:1;min-width:0}.directory-top form{flex-wrap:wrap}.directory-top .directory-search{flex-basis:100%}}
/* 用户账户明细保持后台主题，表格与筛选在窄屏仍可完整访问。 */
.account-ledger>header{display:flex;align-items:center;gap:13px;margin-bottom:22px}.account-ledger h3{font-size:15px}.account-ledger header p,.account-ledger header small{color:var(--muted);font-size:11px;line-height:1.8}.account-ledger header>div:last-child{margin-left:auto;text-align:right;min-width:0}.account-ledger header strong{display:block;font-size:20px;overflow-wrap:anywhere}.account-ledger form{display:flex;gap:13px;align-items:flex-end;flex-wrap:wrap;margin-bottom:22px}.account-ledger form>label{flex:1;min-width:130px;margin:0}.account-ledger footer{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:20px 0 15px;font-size:11px;color:var(--muted)}.account-ledger td{overflow-wrap:anywhere}.account-ledger .amount{white-space:normal;min-width:130px}
/* 工作空间选择保留三端主题，授权入口集中展示；个人端入口仅位于“我的”。 */
.workspace-hub{max-width:940px;margin:0 auto}.workspace-hub-identity{display:flex;align-items:center;gap:13px;padding:19px 21px;background:#fff;border:1px solid var(--line);border-radius:15px;margin-bottom:20px}.workspace-hub-identity>.ico{width:21px;height:21px;color:var(--muted)}.workspace-hub-identity strong,.workspace-hub-identity span{display:block}.workspace-hub-identity strong{font-size:14px}.workspace-hub-identity span{font-size:11px;color:var(--muted);margin-top:6px}.workspace-hub-identity>small{margin-left:auto;color:var(--muted);font-size:10px}.workspace-choice-list{display:grid;gap:14px}.workspace-choice{display:flex;align-items:center;gap:17px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:23px}.workspace-choice-icon{width:45px;height:47px;display:grid;place-items:center;border:1px solid #e1ebe5;background:linear-gradient(140deg,#f3f8f3,#e5efe8);color:#678575;border-radius:15px;flex:none}.workspace-choice-icon>.ico{width:23px;height:23px}.workspace-choice>div{flex:1;min-width:0}.workspace-choice header{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.workspace-choice h3{font-size:15px}.workspace-choice header small{font-size:9px;padding:4px 7px;background:#edf5ee;color:#708a77;border-radius:6px}.workspace-choice p{font-size:12px;color:var(--muted);margin:9px 0;line-height:1.8;overflow-wrap:anywhere}.workspace-choice>div>span{font-size:10px;color:var(--muted)}.workspace-choice nav{display:flex;gap:14px;margin-top:14px}.workspace-choice nav a{font-size:11px;color:var(--green);text-decoration:none}.workspace-enter{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--green);font-size:12px;flex:none}.workspace-enter>.ico{width:15px;height:15px}.workspace-hub-note{font-size:11px;color:var(--muted);line-height:1.9;margin:20px 3px}.personal .workspace-choice.is-current{border-color:#b9d2e7}.personal .workspace-choice-icon{background:linear-gradient(140deg,#f4f8fe,#e3eef9);border-color:#e2edf8;color:#658fb1}.personal .workspace-choice nav a,.personal .workspace-enter{color:#4a7da7}.personal .workspace-choice header small{background:#edf4fc;color:#6e94b5}.workspace-hub-trigger{gap:7px}@media(max-width:680px){.workspace-choice{padding:19px 15px;gap:12px}.workspace-choice-icon{width:37px;height:40px;border-radius:12px}.workspace-choice h3{font-size:14px}.workspace-hub-identity{padding:16px}.workspace-hub-identity>small{max-width:90px;text-align:right;line-height:1.8}.workspace-hub-trigger{font-size:10px;padding:7px 9px;min-height:32px}.workspace-hub-trigger>.ico{width:14px;height:14px}.header-tools{gap:9px}}
.merchant-state.closed{color:#89949b;background:#f0f3f5}.merchant-state.closed i{background:#a2abb1}.merchant-settings:disabled{opacity:.4;cursor:default}
/* 门店选择共用目录组件，输入图标沿用垂直居中的共享检索框。 */
.store-context-trigger{display:flex;align-items:center;gap:9px;border:1px solid #dde8e0;background:#f8fbf7;border-radius:10px;padding:8px 11px;color:#547462;text-align:left;min-width:0}.store-context-trigger>span{display:block;min-width:0;max-width:180px}.store-context-trigger strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:550}.store-context-trigger small{display:block;font-size:9px;color:#91a28f;margin-top:4px}.store-context-trigger>.ico{width:16px;height:16px}.store-context-trigger>.ico:last-child{width:11px;height:11px}.store-directory{border:1px solid var(--line);border-radius:17px;padding:22px;background:#fff;min-width:0}.store-directory>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:21px;flex-wrap:wrap}.store-directory h2{font-size:18px}.store-directory header p{font-size:11px;line-height:1.9;color:var(--muted);margin-top:9px}.store-directory header>span{font-size:10px;color:var(--muted)}.store-directory form{display:flex;gap:11px;align-items:center;flex-wrap:wrap;margin-bottom:19px}.store-directory form>.directory-search{flex:1;min-width:190px}.store-directory form select{margin:0;width:125px;min-height:43px}.store-directory form .btn{min-height:43px}.store-directory-list{display:grid;gap:10px}.store-directory-row{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid var(--line);border-radius:12px;min-width:0}.store-directory-row.is-current{border-color:#b7cdb7;background:#f8fbf5}.store-directory-icon{display:grid;place-items:center;width:37px;height:39px;border-radius:12px;background:#eef4eb;color:#7c9675;flex:none}.store-directory-row>div{flex:1;min-width:0}.store-directory-row strong{font-size:13px;font-weight:550;overflow-wrap:anywhere}.store-directory-row small{display:block;font-size:10px;color:var(--muted);margin:6px 0;overflow-wrap:anywhere}.store-directory-row>div>span{display:block;font-size:10px;color:var(--muted);line-height:1.9}.store-directory-row>.btn{flex:none}.store-directory footer{display:flex;align-items:center;justify-content:space-between;gap:13px;flex-wrap:wrap;margin:20px 0 10px;font-size:11px;color:var(--muted)}.personal .store-directory-icon{background:#edf4fc;color:#789bb9}.personal .store-directory-row.is-current{border-color:#bfd5e9;background:#f8fbff}@media(max-width:1000px){.store-context-trigger>span{max-width:110px}.store-context-trigger{padding:7px 9px;gap:6px}}@media(max-width:680px){.store-context-trigger>span{max-width:90px}.merchant .header-date,.merchant .header-tools>.operating{display:none}.store-directory{padding:16px}.store-directory form>.directory-search{min-width:0;flex-basis:100%}.store-directory form select{flex:1}.store-directory-row{padding:14px 12px;gap:10px;flex-wrap:wrap}.store-directory-row>.btn{margin-left:auto}.store-directory-row>div{min-width:130px}.store-directory-row strong{font-size:12px}.store-directory-row>.btn{font-size:11px}.store-directory-icon{width:32px;height:35px}.store-directory h2{font-size:16px}}
@media(max-width:680px){.experience.merchant .topbar{height:auto;min-height:67px;flex-wrap:wrap;gap:11px;padding-top:13px;padding-bottom:13px}.merchant .topbar .header-tools{width:100%;justify-content:space-between;gap:8px}.merchant .store-context-trigger{flex:1;min-width:0}.merchant .store-context-trigger>span{flex:1;max-width:none}.merchant .header-tools>.workspace-hub-trigger{flex:none}}

/* 复核范围与历史复用管理端卡片、间距及语义色。 */
.risk-review-candidates{display:grid;gap:9px;margin:16px 0}.risk-review-candidates article{padding:13px 15px;background:var(--bg);border:1px solid var(--line);border-radius:10px}.risk-review-candidates strong,.risk-review-candidates small{display:block}.risk-review-candidates small{margin-top:7px;font-size:11px;color:var(--muted)}.risk-review-history>header{margin-bottom:20px}.risk-review-card{border:1px solid var(--line);border-radius:13px;padding:19px;margin:14px 0}.risk-review-card header{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}.risk-review-card header span{font-size:11px;color:var(--green)}.risk-review-card p{font-size:12px;line-height:1.8;margin:12px 0}.risk-review-card ul{padding-left:18px;font-size:12px;line-height:1.9}.risk-review-card li small{display:block;color:var(--muted);font-size:10px;margin-bottom:8px}