/* Structural transfer of the approved studio layout. */
.layout-transfer #panel-qr .panel-header{min-height:116px;padding:30px 32px 24px}
.layout-transfer #panel-qr .panel-title{font-size:32px;line-height:1.2}
.layout-transfer #panel-qr .qr-order-amount{font-size:29px}
.layout-transfer #panel-qr .qr-copy-action{background:#384f68;color:#e4eefb;border-color:#59718c}
.layout-transfer #panel-qr .qr-copy-action:last-child{background:#3075ce;color:#fff;border-color:#3075ce}
.layout-transfer #panel-pay .payment-row-amount{grid-column:auto}
@media(max-width:768px){
 .layout-transfer #panel-qr .panel-header{min-height:86px;padding:16px 14px}
 .layout-transfer #panel-qr .panel-title{font-size:25px}
 .layout-transfer #panel-pay .pay-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .layout-transfer #panel-pay .pay-summary-item{grid-template-rows:34px auto!important;gap:0!important;padding:10px 12px!important}
 .layout-transfer #panel-pay .pay-summary-item:first-child{grid-column:1/-1;grid-template-columns:1fr auto;grid-template-rows:auto!important;align-items:center}
}
:root{--studio-card:#293b4d;--studio-line:#4b6076;--studio-muted:#b7c6d7}
.layout-transfer #panel-calculator{min-width:0;max-width:100%}
.layout-transfer #panel-calculator .calculator-panel-body{width:100%;min-width:0;max-width:none;box-sizing:border-box;margin:0;padding:28px 24px;overflow-x:hidden}
.layout-transfer #panel-calculator .calculator-layout{width:100%;max-width:860px;box-sizing:border-box;margin:0 auto;border-radius:18px}
.layout-transfer #panel-calculator .calculator-card{padding:24px}
.layout-transfer #panel-calculator .calculator-section-heading{margin-bottom:18px}
.layout-transfer #panel-calculator .calculator-total{font-size:44px}
.layout-transfer #panel-calculator .calculator-panel-header{min-height:82px;padding:18px 24px}
.layout-transfer #panel-calculator .panel-title{font-size:26px}
@media(max-width:1100px){.layout-transfer #panel-calculator .calculator-layout{grid-template-columns:1fr;max-width:620px}.layout-transfer #panel-calculator .calculator-input-card{border-right:0;border-bottom:1px solid var(--border)}}
@media(max-width:768px){
 .layout-transfer #panel-calculator .calculator-panel-body{padding:12px 12px calc(92px + env(safe-area-inset-bottom))}
 .layout-transfer #panel-calculator .calculator-card{padding:18px 16px}
 .layout-transfer #panel-calculator .calculator-panel-header{min-height:76px;padding:14px}
 .layout-transfer #panel-calculator .panel-title{font-size:23px}
}
.layout-transfer #panel-home .home-account-item{background:#253244;border:1px solid #465c74;border-radius:18px;padding:20px;min-width:0;box-shadow:0 6px 20px #0c14201a}
.layout-transfer #panel-home .home-account-item-top{gap:14px;align-items:flex-start}
.layout-transfer #panel-home .home-account-login{font-size:15px;font-weight:600;line-height:1.5;overflow-wrap:anywhere;white-space:normal;text-align:left}
.layout-transfer #panel-home .home-account-owner{background:#443d2d;border:1px solid #756039;color:#ead09b;border-radius:9px;padding:6px 9px;font-size:11px;line-height:1.5}
.layout-transfer #panel-home .home-account-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0;padding:14px;background:#202c3c;border-radius:12px;font-variant-numeric:tabular-nums}
.layout-transfer #panel-home .home-account-details span{display:block;color:#b7c6d7;font-size:11px;margin-bottom:5px}
.layout-transfer #panel-home .home-account-details b{font-size:14px;line-height:1.4}
.layout-transfer #panel-home .home-account-capacity{background:#285042;color:#b1e4c7;border:1px solid #457b61;border-radius:8px;padding:5px 8px;font-size:11px;white-space:nowrap}
.layout-transfer #panel-home .home-account-capacity.is-full{background:#333e4e;color:#bcc6d2;border-color:#536174}
.layout-transfer #panel-home .home-account-instruction-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.layout-transfer #panel-home .home-account-instruction{min-height:44px;padding:8px 4px;border-radius:10px;font-size:12px;white-space:nowrap;word-break:normal}
.layout-transfer #panel-home .home-account-instruction:nth-child(1){background:#254b3e;border:1px solid #458566;color:#b8edce}
.layout-transfer #panel-home .home-account-instruction:nth-child(2){background:#27415e;border:1px solid #4d739c;color:#b4d9ff}
.layout-transfer #panel-home .home-account-instruction:nth-child(3){background:#3c3551;border:1px solid #746293;color:#dac5f8}
@media(max-width:768px){
 .layout-transfer #panel-home .home-account-item{padding:14px}
 .layout-transfer #panel-home .home-account-item-top{flex-wrap:wrap}
 .layout-transfer #panel-home .home-account-instruction-choices{gap:5px}
 .layout-transfer #panel-home .home-account-instruction{font-size:11px}
}
.layout-transfer #panel-redeem .redeem-job{border:1px solid #455c74;border-radius:20px;background:#253244;padding:22px;min-width:0}
.layout-transfer #panel-redeem .redeem-job-header{gap:14px;align-items:flex-start}
.layout-transfer #panel-redeem .redeem-job-heading{min-width:0}
.layout-transfer #panel-redeem .redeem-job-title-row{gap:10px;flex-wrap:wrap}
.layout-transfer #panel-redeem .redeem-job-badge{white-space:nowrap;font-size:12px;padding:7px 10px;border-radius:9px}
.layout-transfer #panel-redeem .redeem-task-progress{background:#203b54;border:1px solid #456d94;border-radius:16px;padding:18px;min-width:0}
.layout-transfer #panel-redeem .redeem-task-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;min-width:0;overflow:visible}
.layout-transfer #panel-redeem .redeem-job-details{border-top:1px solid #455c74;padding-top:12px;margin-top:16px}
.layout-transfer #panel-redeem .redeem-job-details>summary{min-height:44px;line-height:24px;padding:10px 0;color:#c8dbef}
.layout-transfer #panel-redeem .redeem-job-proof{min-width:0;margin-top:16px}
.layout-transfer #panel-redeem .redeem-job-proof img{display:block;width:100%;height:auto;max-height:320px;object-fit:contain;border-radius:12px;background:#1c2937}
.layout-transfer #panel-redeem .redeem-proof-method{border-radius:12px;min-height:56px;padding:12px;background:#263f58}
.layout-transfer #panel-redeem .redeem-job-facts{gap:14px;font-variant-numeric:tabular-nums}
@media(max-width:768px){
 .layout-transfer #panel-redeem .redeem-job{padding:14px;border-radius:16px}
 .layout-transfer #panel-redeem .redeem-task-progress{padding:14px}
 .layout-transfer #panel-redeem .redeem-job-header{flex-wrap:wrap}
 .layout-transfer #panel-redeem .redeem-job-proof img{max-height:360px}
}
.layout-transfer #panel-keybuy #keybuy-feed{justify-content:flex-start;align-items:stretch;padding:8px 0 var(--keybuy-bottom-space,calc(var(--keybuy-composer-height,110px) + 36px));scroll-padding-bottom:var(--keybuy-bottom-space,146px)}
.layout-transfer #panel-keybuy .panel-title{font-size:30px;line-height:1.2}
@media(max-width:768px){.layout-transfer #panel-keybuy .panel-title{font-size:21px}}
.layout-transfer #panel-keybuy .keybuy-message:has(.keybuy-product-card){width:min(580px,calc(100% - 32px));max-width:none;margin:4px 16px;padding:14px 16px 22px;border:1px solid #475f79;border-radius:15px;background:#253549}
.layout-transfer #panel-keybuy .keybuy-product-card{display:flex;flex-direction:column;gap:9px;position:static}
.layout-transfer #panel-keybuy .keybuy-product-card>.keybuy-product-state{position:static;align-self:flex-start;max-width:100%;margin:0;font-size:12px;padding:6px 10px;border-radius:9px}
.layout-transfer #panel-keybuy .keybuy-product-title{display:block;font-size:15px;line-height:1.4;color:#d3e7ff;font-weight:600;overflow-wrap:anywhere}
.layout-transfer #panel-keybuy .keybuy-product-summary{font-size:18px;line-height:1.3;padding:0}
.layout-transfer #panel-keybuy .keybuy-product-info{margin-top:0}
.layout-transfer #panel-keybuy .keybuy-product-info>summary{font-size:11px;padding:3px 0;line-height:20px}
.layout-transfer #panel-keybuy .keybuy-message-author{font-size:11px;margin-bottom:8px}
.layout-transfer #panel-keybuy .keybuy-payment-hint{font-size:11px;line-height:1.4;margin:0}
.layout-transfer #panel-keybuy #keybuy-feed{gap:10px}
.layout-transfer #panel-keybuy .panel-header{min-height:82px;padding:18px 24px}
.layout-transfer #panel-keybuy .panel-title{font-size:25px}
.layout-transfer #panel-keybuy .keybuy-product-prices{padding:14px;border:1px solid #405770;border-radius:12px;background:#202f40;font-variant-numeric:tabular-nums}
.layout-transfer #panel-keybuy .keybuy-delivery{display:flex;flex-direction:column;gap:10px;padding:0;border:0;border-radius:0;background:none}
.layout-transfer #panel-keybuy .keybuy-key-line{display:flex;align-items:center;gap:10px;padding:4px 10px;border:1px solid #456f60;border-radius:10px;background:#243e37;min-width:0}
.layout-transfer #panel-keybuy .keybuy-delivery-key{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex:1;min-width:0;width:auto;min-height:44px;font-size:14px;background:transparent;color:#c2f0d7;border:0;border-radius:8px;padding:4px 0;box-shadow:none}
.layout-transfer #panel-keybuy .keybuy-delivery-key-code{display:flex;flex-wrap:wrap;justify-content:flex-start;min-width:0;font-family:ui-monospace,monospace;letter-spacing:0;line-height:1.7;text-align:left}
.layout-transfer #panel-keybuy .keybuy-key-group{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.6;white-space:nowrap;overflow-wrap:normal;word-break:normal}
.layout-transfer #panel-keybuy .keybuy-key-line{width:100%;box-sizing:border-box}
.layout-transfer #panel-keybuy .keybuy-key-copy-icon{font-size:21px;flex:none;color:#9bc8b3}
.layout-transfer #panel-keybuy .keybuy-delivery-region{flex:none;white-space:nowrap;margin:0;padding:4px 6px;background:#1d322c;border:0;border-radius:6px;font-size:11px;color:#b5d8c6}
.layout-transfer #panel-keybuy .keybuy-delivery-actions{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.layout-transfer #panel-keybuy .keybuy-delivery-actions>*{width:100%;max-width:none;justify-content:center;text-align:center}
.layout-transfer #panel-keybuy .keybuy-delivery-actions>:only-child{grid-column:1/-1}
.layout-transfer #panel-keybuy .keybuy-delivery-link,.layout-transfer #panel-keybuy .keybuy-client-template{grid-column:auto;min-height:44px;border-radius:10px;padding:10px 14px}
.layout-transfer #panel-keybuy .keybuy-product-actions{display:flex;gap:8px;flex-wrap:wrap}
.layout-transfer #panel-keybuy .keybuy-product-actions button{min-height:44px;border-radius:11px;padding:10px 14px}
.layout-transfer #panel-keybuy .keybuy-transaction{padding:16px 18px;margin:8px 16px;border:1px solid #405770;border-radius:14px;background:#253244;gap:18px}
.layout-transfer #panel-keybuy .keybuy-transaction-main{min-width:0}.layout-transfer #panel-keybuy .keybuy-transaction-main strong{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.layout-transfer #panel-keybuy .keybuy-transaction-main span{font-size:12px;line-height:1.6;color:#b7c6d7}
.layout-transfer #panel-keybuy .keybuy-transaction-amount{font-variant-numeric:tabular-nums;font-size:16px;white-space:nowrap}
@media(max-width:768px){
 .layout-transfer #panel-keybuy .keybuy-message:has(.keybuy-product-card){width:calc(100% - 24px);margin:4px 12px;padding:12px 12px 22px}
 .layout-transfer #panel-keybuy .keybuy-product-title{font-size:14px}
 .layout-transfer #panel-keybuy .panel-header{min-height:76px;padding:14px}
 .layout-transfer #panel-keybuy .panel-title{font-size:21px}
 .layout-transfer #panel-keybuy .keybuy-delivery{padding:0}
 .layout-transfer #panel-keybuy .keybuy-delivery-key{font-size:12px}
 .layout-transfer #panel-keybuy .keybuy-transaction{display:grid;grid-template-columns:1fr;padding:14px;margin:8px 12px;gap:10px}
 .layout-transfer #panel-keybuy .keybuy-transaction-amount{text-align:left}
}
.layout-transfer #panel-codes .codes-panel-body{display:block;padding:20px 32px 28px;min-width:0}
.layout-transfer #panel-codes #codes-check-btn{width:auto;min-width:145px;white-space:nowrap;min-height:44px;background:#3075ce;color:#fff}
.layout-transfer #panel-codes .mail-codes-list{display:grid;gap:8px;margin:0;align-content:start}
.layout-transfer #panel-codes .codes-toolbar{padding:16px 18px;border-radius:18px;background:#253244;gap:16px}
.layout-transfer #panel-codes .codes-settings{border:1px solid #405367;border-radius:16px;overflow:hidden;background:#253244;margin:16px 0}
.layout-transfer #panel-codes .codes-settings>summary{padding:16px 18px;min-height:52px;font-size:15px}
.layout-transfer #panel-codes #code-mailbox-settings{padding:0 18px 6px}
.layout-transfer #panel-codes .code-mailbox-setting{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:12px 0 4px;gap:0 12px;border-radius:0;background:none;min-height:0}
.layout-transfer #panel-codes .code-mailbox-setting>div:first-child{min-width:0}
.layout-transfer #panel-codes .code-mailbox-address{font-size:14px;line-height:24px;min-height:24px;margin:0;white-space:normal}
.layout-transfer #panel-codes .code-mailbox-state{font-size:12px;line-height:20px;margin:2px 0 0}
.layout-transfer #panel-codes .code-mailbox-toggle{font-size:12px;padding:8px 12px;min-height:44px;border-radius:10px}
.layout-transfer #panel-codes .refresh-mail-details summary{padding:10px 0;min-height:40px;line-height:20px}
.layout-transfer #panel-codes .refresh-mail-fields{padding:0 0 10px}
.layout-transfer #panel-codes .refresh-mail-fields input{width:0;min-width:120px}
.layout-transfer #panel-codes .codes-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);gap:10px;margin:16px 0}
.layout-transfer #panel-codes .codes-filters>*{width:100%;min-width:0;min-height:44px}
.layout-transfer #panel-codes .codes-group-title{margin:8px 0 0;padding:8px 4px;font-size:12px;letter-spacing:.7px;overflow-wrap:anywhere}
.layout-transfer #panel-codes .mail-code-row{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px 18px;padding:14px 18px;background:#202d3c;border:1px solid #405367;min-width:0;text-align:left}
.layout-transfer #panel-codes .mail-code-row.is-new{border-color:#3879b9;background:#23364a}
.layout-transfer #panel-codes .mail-code-value{font-size:25px;line-height:30px;text-align:center;color:#a4cfff;font-variant-numeric:tabular-nums;white-space:nowrap;word-break:normal}
.layout-transfer #panel-codes .mail-code-new-label{display:flex;align-items:center;justify-content:center;line-height:18px;padding:2px 8px;margin:4px auto 0;background:#285447;color:#ade2c7}
.layout-transfer #panel-codes .mail-code-mailbox{font-size:12px;line-height:18px;margin:0;white-space:normal}
.layout-transfer #panel-codes .mail-code-subject{font-size:13px;line-height:18px}
.layout-transfer #panel-codes .mail-code-sender{font-size:11px;line-height:16px;overflow-wrap:anywhere}
.layout-transfer #panel-codes .mail-code-time{font-size:11px;line-height:16px;margin:0;padding:0}
@media(max-width:768px){
 .layout-transfer #panel-codes .codes-panel-body{padding:12px 12px calc(90px + env(safe-area-inset-bottom))}
 .layout-transfer #panel-codes .codes-toolbar{padding:12px;gap:10px}
 .layout-transfer #panel-codes .codes-toolbar-title{font-size:14px}
 .layout-transfer #panel-codes .codes-toolbar-meta{font-size:11px}
 .layout-transfer #panel-codes .codes-filters{grid-template-columns:minmax(0,1fr)}
 .layout-transfer #panel-codes .codes-settings>summary{padding:14px 12px;font-size:14px}
 .layout-transfer #panel-codes #code-mailbox-settings{padding:0 12px 4px}
 .layout-transfer #panel-codes .mail-code-row{padding:12px;column-gap:12px}
 .layout-transfer #panel-codes .mail-code-value{font-size:23px;letter-spacing:.5px}
}
.layout-transfer{height:calc(100dvh - 28px);max-width:1760px;margin:14px auto;border:1px solid var(--border);border-radius:26px;overflow:hidden;background:linear-gradient(125deg,#1a212b,#203044 55%,#19212b)}
.layout-transfer .sidebar{width:216px;flex:0 0 216px;background:linear-gradient(180deg,#253040,#1b2531);border-right:1px solid var(--border)}
.layout-transfer .sidebar-header{padding:28px 20px 24px;background:none;border:0;box-shadow:none;gap:8px}
.layout-transfer .user-avatar-circle{width:42px;height:42px;border-radius:15px;font-size:18px;flex:none;background:linear-gradient(145deg,#6683a7,#3a506c)}
.layout-transfer .user-name{font-size:14px;font-weight:600}.layout-transfer .logout-btn{width:28px;height:32px;min-width:28px;background:transparent;border:0;opacity:.7}
.layout-transfer .chats-list{padding:0 10px;display:flex;flex-direction:column;gap:5px}
.layout-transfer .chat-item{padding:12px 10px;margin:0;min-height:62px;gap:11px;border:0;border-radius:14px;background:none}
.layout-transfer .chat-item.active{background:#273e59;box-shadow:inset 3px 0 #78afe8}
.layout-transfer .sidebar .chat-item.active{box-shadow:none;border:0}
.layout-transfer .sidebar .chat-item.active::before,.layout-transfer .sidebar .chat-item.active::after{content:none;display:none}
.layout-transfer .sidebar .chat-item:focus:not(:focus-visible){outline:none}
.layout-transfer .sidebar .chat-item:focus-visible{outline:2px solid #91bce8;outline-offset:2px}
.layout-transfer .chat-icon-circle{width:33px;height:33px;border-radius:10px;flex:0 0 33px;box-shadow:none}
.layout-transfer .chat-title{font-size:14px;font-weight:500}.layout-transfer .chat-last-msg{font-size:11px;font-weight:400;margin-top:3px;line-height:1.4}.layout-transfer .chat-time{display:none}
.layout-transfer .sidebar-footer{padding:18px 14px;border:0}.layout-transfer .footer-btn{justify-content:flex-start;border:0;background:none;min-height:44px;padding:10px;color:var(--text2)}
.layout-transfer .main-content{background:transparent;min-width:0}
.layout-transfer .panel-header{padding:30px 32px 24px;background:transparent;border:0;min-height:116px;backdrop-filter:none;align-items:center;box-shadow:none}
.layout-transfer .panel-title{font-size:32px;font-weight:600;letter-spacing:-1.1px;line-height:1.2;margin:3px 0 0}
.layout-eyebrow{display:block;font-size:10px;letter-spacing:1.7px;color:#aac4df;margin:0 0 8px}
.layout-transfer .pill-switcher{padding:4px;border-radius:13px;background:#1d2938;border:1px solid #35475b;min-height:44px}
.layout-transfer .pill-btn{min-height:34px;height:34px;font-size:12px;padding:7px 16px;border-radius:9px}
.layout-transfer #panel-qr{min-height:0;position:relative}
.layout-transfer #qr-feed{padding:0 32px 24px;gap:18px;min-height:0;flex:1}
.layout-transfer #panel-qr .input-area{position:relative;inset:auto;transform:none;flex:none;width:calc(100% - 64px);max-width:none;margin:0 32px 24px;padding:10px 12px 10px 16px;min-height:60px;border:1px solid #40546b;border-radius:17px;background:#233246;box-shadow:none;gap:12px}
.layout-transfer #panel-qr .input-area input{background:none;border:0;min-height:38px;font-size:14px;padding:8px 0;border-radius:0}
.layout-transfer #panel-qr .input-area .send-btn{width:40px;height:40px;border-radius:12px;background:#3075ce;flex:none}
.layout-transfer #panel-qr .layout-qr-card{align-self:flex-start;width:min(440px,100%);max-width:100%;padding:21px;border-radius:22px;background:var(--studio-card);border:1px solid var(--studio-line);box-shadow:0 12px 32px #080e1729;color:var(--text)}
.layout-transfer .qr-order-head{align-items:flex-start;gap:12px;margin-bottom:18px}
.layout-transfer .qr-order-amount{font-size:29px;line-height:1.2;font-weight:600;letter-spacing:-.8px}
.layout-transfer .qr-order-source{font-size:11px;line-height:1.5;color:var(--studio-muted);margin:5px 0 0;max-width:260px;overflow-wrap:anywhere}
.layout-transfer .qr-status{font-size:11px;font-weight:500;background:#284e43;color:#ade2c7;padding:5px 9px;border-radius:20px;white-space:nowrap}
.layout-transfer .qr-status.error{background:#52343e;color:#ffb4bf}.layout-transfer .qr-status.expired{background:#414653;color:#c4ccd6}
.layout-transfer .layout-qr-content .qr-order-image{display:block;width:100%;max-width:none;max-height:none;height:auto;aspect-ratio:1;object-fit:contain;background:#f9f8f4;padding:18px;border-radius:14px;margin:0;box-sizing:border-box;cursor:zoom-in}
.layout-transfer .layout-qr-content .qr-copy-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.layout-transfer .layout-qr-content .qr-copy-action{display:flex;align-items:center;justify-content:center;min-height:46px;padding:11px 8px;border:1px solid #59718c;border-radius:11px;background:#384f68;color:#e4eefb;font-size:12px;white-space:nowrap}
.layout-transfer .layout-qr-content .qr-copy-action>span:last-child:not(:first-child){display:none}
.layout-transfer .layout-qr-content .qr-copy-actions>.qr-copy-action:last-child{background:#3075ce;border-color:#3075ce;color:#fff}
.layout-transfer .layout-qr-card .msg-time{position:static;display:block;margin-top:12px;text-align:right;color:var(--studio-muted);font-size:11px}
.layout-transfer #panel-qr .qr-amounts-content{padding:8px 32px 30px;max-width:none}
.layout-transfer #panel-qr .amt-chip{min-height:53px;background:linear-gradient(180deg,#35414d,#2b3641);border:1px solid #4b5967;box-shadow:inset 0 1px 0 #ffffff0b,0 3px 7px #080d1426;font-weight:500}
.layout-transfer #panel-qr .amt-chip:nth-child(10n){background:linear-gradient(180deg,#2c5048,#263e39);border-color:#447965;color:#aeedca}
.layout-transfer #panel-pay .pay-panel-body{display:block;padding:18px 32px 30px;max-width:none}
.layout-transfer #panel-pay .pay-summary-grid,.layout-transfer #panel-pay .pay-toolbar,.layout-transfer #panel-pay .pay-list-section,.layout-transfer #panel-pay .payout-ledger{margin-bottom:18px;border:1px solid var(--border);border-radius:18px;background:#253244;overflow:hidden}
.layout-transfer #panel-pay .pay-summary-item{padding:18px 20px;grid-template-rows:36px auto;gap:8px}.layout-transfer #panel-pay .pay-summary-label{font-size:11px;line-height:17px}.layout-transfer #panel-pay .pay-summary-value{font-size:23px}
.layout-transfer #panel-pay .pay-toolbar{padding:12px;gap:10px}
.layout-transfer #panel-pay .payment-column-head{display:none}
.layout-transfer #panel-pay .payment-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(320px,auto);gap:16px;padding:18px 16px;min-height:88px}
.layout-payment-order{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:center;min-width:0}
.layout-payment-operation{display:flex;align-items:center;gap:12px;min-width:0}
.layout-transfer #panel-pay .payment-row-controls{display:grid;grid-template-columns:minmax(108px,1fr) minmax(100px,1fr) 34px;gap:8px;min-width:0}
.layout-transfer #panel-pay .payment-row-amount{font-size:14px;min-width:92px}
.layout-transfer #panel-pay .pay-control select{height:38px;min-height:38px;font-size:11px;border-radius:11px}
.layout-transfer #panel-pay .payment-history-btn{height:38px;min-height:38px;width:34px}
.layout-transfer #panel-pay .payment-row-title{font-size:13px;line-height:1.5;white-space:normal}
.layout-transfer #panel-pay .payment-row-meta{font-size:11px;line-height:1.5;white-space:normal;margin-top:3px}
.layout-transfer #panel-pay .payment-history{grid-column:1/-1}
.layout-transfer #panel-pay .payment-load-more{width:max-content;min-width:190px;margin:16px auto;min-height:44px}
@media(min-width:769px) and (max-width:1200px){.layout-transfer #panel-pay .payment-row{grid-template-columns:1fr}.layout-payment-operation{justify-content:space-between}.layout-transfer #panel-pay .payment-row-controls{display:grid;grid-column:auto}.layout-transfer #panel-pay .pay-summary-item{padding:14px 10px}.layout-transfer #panel-pay .pay-summary-value{font-size:19px}}
@media(max-width:768px){
 .layout-transfer{height:100dvh;margin:0;border:0;border-radius:0}.layout-transfer .sidebar{width:100%;flex-basis:100%}
 .layout-transfer .panel-header{padding:16px 14px;min-height:86px;background:#203044}.layout-transfer .panel-title{font-size:25px}.layout-eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:4px}
 .layout-transfer #qr-feed{padding:8px 12px 16px}.layout-transfer #panel-qr .layout-qr-card{width:min(440px,100%);padding:16px}
 .layout-transfer #panel-qr .input-area{width:calc(100% - 24px);margin:0 12px calc(78px + env(safe-area-inset-bottom));padding:8px 10px;gap:8px;min-height:56px}
 .layout-transfer #panel-qr .qr-amounts-content{padding:12px 12px calc(86px + env(safe-area-inset-bottom))}.layout-transfer #panel-qr .amt-chip{min-height:52px;font-size:16px!important}
 .layout-transfer #panel-pay .pay-panel-body{padding:14px 12px calc(92px + env(safe-area-inset-bottom))}.layout-transfer #panel-pay .panel-header{gap:6px}.layout-transfer #panel-pay .panel-title{font-size:22px}
 .layout-transfer #panel-pay .pay-summary-item{padding:14px 12px}.layout-transfer #panel-pay .pay-summary-value{font-size:20px}
 .layout-transfer #panel-pay .payment-row{grid-template-columns:1fr;gap:12px;padding:16px 12px}.layout-payment-operation{display:grid;grid-template-columns:1fr;gap:10px}.layout-transfer #panel-pay .payment-row-amount{text-align:left;padding-left:50px}.layout-transfer #panel-pay .payment-row-controls{grid-column:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 34px}.layout-transfer #panel-pay .pay-control select{height:44px}.layout-transfer #panel-pay .payment-history-btn{height:44px}
}
.layout-transfer .keybuy-issue-notice:is([data-state=mailbox_busy],[data-state=scan_pending]){border:1px solid #496276;border-left:3px solid #7cabc8;background:#263a4b;color:#c5d8e8;line-height:1.5}
/* Keep placeholder and entered numbers on the same central baseline. */
.layout-transfer #panel-calculator .calculator-input-wrap{position:relative;padding:0 44px;box-sizing:border-box}
.layout-transfer #panel-calculator .calculator-input-wrap input{height:100%;box-sizing:border-box;margin:0;padding:0;text-align:center;font-size:18px;line-height:normal}
.layout-transfer #panel-calculator .calculator-input-wrap input::placeholder{font-size:18px;line-height:normal}
.layout-transfer #panel-calculator .calculator-input-wrap>span{position:absolute;right:14px;top:50%;transform:translateY(-50%);margin:0}
/* Expenses: stable columns on desktop, explicitly labelled rows on mobile. */
.layout-transfer #panel-keybuy.transactions-view #keybuy-feed{padding:20px 24px 32px;scroll-padding-bottom:24px}
.layout-transfer #panel-keybuy.transactions-view #keybuy-feed::before{content:none}
.layout-transfer .expense-report .keybuy-transactions-summary{padding:0}
.layout-transfer .expense-report .keybuy-transactions-summary>div{border:0;border-radius:0}
.layout-transfer .expense-report{width:100%;max-width:1120px;margin:0 auto;padding:0;box-sizing:border-box}
.layout-transfer .expense-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px;border:1px solid #405367;border-radius:16px;background:#253244}
.layout-transfer .expense-filters label{display:grid;gap:6px;min-width:0;font-size:12px;color:var(--text2)}
.layout-transfer .expense-filters :is(input,select){width:100%;min-width:0;height:44px;box-sizing:border-box;border:1px solid #455c74;border-radius:10px;padding:8px 10px;background:#213143;color:var(--text);font:inherit}
.layout-transfer .expense-report .keybuy-transactions-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid #405367;border-radius:16px;margin:16px 0;background:#405367}
.layout-transfer .expense-report .keybuy-transactions-summary>div{display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-width:0;background:#253244;padding:16px}
.layout-transfer .expense-report .keybuy-transactions-summary strong{font-size:20px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.layout-transfer .expense-report .keybuy-transactions-summary span{font-size:12px;line-height:1.5;color:var(--text2)}
.layout-transfer .expense-day{border:1px solid #405367;border-radius:16px;padding:16px;margin-top:20px;background:#202d3d;min-width:0}
.layout-transfer .expense-row{margin:0;padding:14px 0;border:0;border-top:1px solid #405367;border-radius:0;background:transparent}
.layout-transfer :is(.expense-columns,.expense-row summary){grid-template-columns:42px minmax(0,1fr) 100px 130px 55px 100px;gap:12px;padding-inline:0}
.layout-transfer .expense-row summary{min-height:44px}
.layout-transfer .expense-row summary span:nth-child(6){color:#9cd8bf;font-size:12px}
.layout-transfer .expense-row[data-state=review] summary span:nth-child(6){color:#e2c08b}
.layout-transfer .expense-row[data-state=cancelled] summary span:nth-child(6){color:var(--text2)}
.layout-transfer .expense-worker-breakdown>span{padding:6px 9px;background:#293b4d;color:#d1dfed}
.layout-transfer .expense-note{font-size:12px;line-height:1.5;color:var(--text2)}
/* Settings retain their order and all original controls. */
.layout-transfer #panel-settings>.panel-body{padding:24px;overflow-y:auto;min-height:0;scroll-padding-bottom:24px;gap:0;box-sizing:border-box}
.layout-transfer #panel-settings .settings-card{flex:none;width:100%;max-width:960px;box-sizing:border-box;margin:0 auto 16px;padding:20px;border:1px solid #405367;border-radius:16px;background:#253244;min-width:0}
.layout-transfer #panel-settings .settings-card>h3{margin:0 0 16px;font-size:17px;line-height:1.4}
.layout-transfer #panel-settings details.settings-card{padding:0;overflow:hidden}
.layout-transfer #panel-settings details.settings-card>summary{display:flex;align-items:center;gap:8px;min-height:56px;padding:14px 18px;box-sizing:border-box;cursor:pointer;font-size:16px;font-weight:600;list-style:none}
.layout-transfer #panel-settings details.settings-card>summary::-webkit-details-marker{display:none}
.layout-transfer #panel-settings details.settings-card>summary::after{content:'⌄';margin-left:auto;flex:none;font-size:20px;line-height:1}
.layout-transfer #panel-settings details.settings-card[open]>summary{border-bottom:1px solid #405367}
.layout-transfer #panel-settings details.settings-card[open]>summary::after{transform:rotate(180deg)}
.layout-transfer #panel-settings .system-health-content{padding:18px}
.layout-transfer #panel-settings .input-group{margin-bottom:14px;min-width:0}
.layout-transfer #panel-settings .input-group :is(input,textarea){box-sizing:border-box;max-width:100%;width:100%;min-height:44px;border:1px solid #455c74;border-radius:10px;background:#213143;color:var(--text);padding:10px 12px;font:inherit}
.layout-transfer #panel-settings .input-group label{display:block;font-size:12px;line-height:1.4;margin-bottom:6px;color:var(--text2)}
.layout-transfer #panel-settings .auth-btn{width:auto;max-width:100%;min-height:44px;padding:10px 16px;border-radius:10px;font-size:13px;line-height:1.4;white-space:normal;word-break:normal}
.layout-transfer #panel-settings .toggle-row{display:flex;gap:16px;align-items:center;min-height:56px;padding:12px 0;box-sizing:border-box}
.layout-transfer #panel-settings .toggle-label-text{flex:1;min-width:0;font-size:13px;line-height:1.5}
.layout-transfer #panel-settings .toggle-switch{flex:none}
.layout-transfer #attention-card .system-health-item{padding:14px;background:#213143;border-left:3px solid #bc9a64;gap:12px}
.layout-transfer #attention-card .attention-open{min-height:44px;font-size:12px;line-height:1.4;border-radius:10px;background:#2d465d;color:#c5e1ff;white-space:normal}
.layout-transfer #attention-card .attention-group h4{font-size:14px;margin-bottom:10px}
@media(max-width:1100px){
 .layout-transfer :is(.expense-columns){display:none}
 .layout-transfer .expense-row summary{grid-template-columns:44px minmax(0,1fr) 140px;gap:8px 12px}
 .layout-transfer .expense-row summary span:nth-child(1){grid-column:1;grid-row:1;color:var(--text2);font-size:12px}
 .layout-transfer .expense-row summary span:nth-child(2){grid-column:2;grid-row:1}
 .layout-transfer .expense-row summary span:nth-child(3){grid-column:2;grid-row:2}
 .layout-transfer .expense-row summary span:nth-child(4){grid-column:3;grid-row:1;text-align:right;font-weight:600}
 .layout-transfer .expense-row summary span:nth-child(5){grid-column:2;grid-row:3;text-align:left}
 .layout-transfer .expense-row summary span:nth-child(6){grid-column:3;grid-row:2/4;text-align:right}
 .layout-transfer .expense-row summary span:is(:nth-child(3),:nth-child(5))::before{content:attr(data-label) ': ';color:var(--text2);font-size:12px}
}
@media(max-width:600px){
 .layout-transfer #panel-keybuy.transactions-view #keybuy-feed{padding:12px 12px calc(92px + env(safe-area-inset-bottom))}
 .layout-transfer .expense-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:10px}
 .layout-transfer .expense-report .keybuy-transactions-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
 .layout-transfer .expense-report .keybuy-transactions-summary>div{padding:12px}
 .layout-transfer .expense-report .keybuy-transactions-summary strong{font-size:17px}
 .layout-transfer .expense-day{padding:12px}
 .layout-transfer .expense-row summary{grid-template-columns:minmax(0,1fr) auto}
 .layout-transfer .expense-row summary span:nth-child(1){grid-column:2;grid-row:1;text-align:right}
 .layout-transfer .expense-row summary span:nth-child(2){grid-column:1;grid-row:1}
 .layout-transfer .expense-row summary span:nth-child(3){grid-column:1/-1;grid-row:2}
 .layout-transfer .expense-row summary span:nth-child(4){grid-column:1/-1;grid-row:3;text-align:left;color:#a0dfc6}
 .layout-transfer .expense-row summary span:nth-child(5){grid-column:1;grid-row:4}
 .layout-transfer .expense-row summary span:nth-child(6){grid-column:2;grid-row:4;text-align:right}
 .layout-transfer #panel-settings>.panel-body{padding:12px 12px calc(92px + env(safe-area-inset-bottom))}
 .layout-transfer #panel-settings .settings-card{padding:16px}
 .layout-transfer #panel-settings .system-health-content{padding:14px}
 .layout-transfer #attention-card .attention-open{align-self:flex-start}
}
/* Activation: stable geometry from preparation through the saved result. */
.layout-transfer #panel-redeem .redeem-job{padding:18px; border-radius:16px}
.layout-transfer #panel-redeem .redeem-job-header{margin-bottom:14px}
.layout-transfer #panel-redeem .redeem-job-heading small{line-height:1.5;overflow-wrap:anywhere}
.layout-transfer #panel-redeem .redeem-job-header-actions{flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.layout-transfer #panel-redeem .redeem-stop-error:empty{display:none}
.layout-transfer #panel-redeem .redeem-task-progress{margin:0;gap:16px;background:#213449}
.layout-transfer #panel-redeem .redeem-task-steps{width:100%;max-width:660px;margin:4px auto 0}
.layout-transfer #panel-redeem .redeem-task-steps li{overflow-wrap:normal;word-break:normal;line-height:1.4}
.layout-transfer #panel-redeem .redeem-task-updates p{display:grid;grid-template-columns:40px minmax(0,1fr);gap:8px;line-height:1.5}
.layout-transfer #panel-redeem .redeem-job-details{margin-top:14px;padding-top:6px}
.layout-transfer #panel-redeem .redeem-job-proof{width:100%;max-width:720px;margin:0;justify-self:start}
.layout-transfer #panel-redeem .redeem-job-proof a{width:100%}
.layout-transfer #panel-redeem :is(.redeem-live-status,.redeem-idle-status){box-sizing:border-box;width:100%;margin:0;min-width:0;align-items:center}
.layout-transfer #panel-redeem .redeem-status-panel{min-width:0;align-content:start;gap:10px;padding:14px}
.layout-transfer #panel-redeem .redeem-history-empty{box-sizing:border-box;width:100%;padding:18px;border:1px solid #455c74;border-radius:14px;background:#253244;line-height:1.5}
@media(max-width:650px){
 .layout-transfer #panel-redeem .redeem-job{padding:12px}
 .layout-transfer #panel-redeem .redeem-job-header-actions{justify-content:flex-start}
 .layout-transfer #panel-redeem .redeem-task-progress{padding:12px}
 .layout-transfer #panel-redeem .redeem-task-steps li{padding:0 1px;font-size:10px}
 .layout-transfer #panel-redeem .redeem-job-proof img{max-height:240px}
 .layout-transfer #panel-redeem .redeem-task-progress-head time{white-space:normal}
}
/* One shared header scale; section-specific actions remain in their own places. */
.layout-transfer :is(#panel-qr,#panel-pay,#panel-keybuy,#panel-calculator,#panel-codes,#panel-home,#panel-schedule,#panel-redeem,#panel-settings,#panel-chats)>.panel-header{min-height:88px;height:auto;padding:18px 24px;box-sizing:border-box;gap:12px;align-items:center}
.layout-transfer :is(#panel-qr,#panel-pay,#panel-keybuy,#panel-calculator,#panel-codes,#panel-home,#panel-schedule,#panel-redeem,#panel-settings,#panel-chats) .panel-title{font-size:26px;line-height:32px;font-weight:600;letter-spacing:-.7px;margin:0}
.layout-transfer .layout-eyebrow{display:none}
.layout-transfer #panel-calculator .calculator-modes button.is-active{background:#365e85;color:#fff;box-shadow:inset 0 0 0 1px #78a9d9,0 2px 6px #10192355}
.layout-transfer #panel-calculator .calculator-modes button.is-active span{opacity:1;color:#dcecff}
.layout-transfer .sidebar-footer{background:transparent;box-shadow:none;border-top:1px solid #354759;flex-shrink:0}
.layout-transfer .sidebar-footer .footer-btn{background:#253447;border:1px solid #3d5166;box-shadow:none;border-radius:10px;color:#d4dfeb}
.layout-transfer .sidebar-footer .footer-btn:hover{background:#30475e}
.layout-transfer #panel-settings #subscribe-btn{background:#294a40!important;border:1px solid #4a7b66;color:#c4ecda!important;box-shadow:none}
.layout-transfer #panel-pay .payout-ledger-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.layout-transfer #panel-pay .payout-ledger-heading{flex:1 1 200px;min-width:0}
.layout-transfer #panel-pay .payout-ledger-head>button{min-height:44px;line-height:1.35;padding:10px 14px;white-space:normal;display:flex;align-items:center;justify-content:center}
.layout-transfer #panel-pay .payout-ledger-total{white-space:normal;line-height:1.4}
@media(min-width:769px){
 .layout-transfer .sidebar{width:240px;flex-basis:240px}
 .layout-transfer .sidebar .chat-last-msg{white-space:normal;overflow:visible;text-overflow:clip;font-size:11px;line-height:1.3}
 .layout-transfer .sidebar .chat-item{flex-shrink:0}
 .layout-transfer #panel-qr .layout-qr-card{width:min(440px,100%)}
 .layout-transfer .layout-qr-content .qr-order-image{max-height:min(340px,45dvh);width:100%;object-fit:contain;padding:10px}
 .layout-transfer #panel-keybuy .keybuy-message:has(.keybuy-product-card){width:min(520px,calc(100% - 32px));padding:12px 14px 20px}
 .layout-transfer #panel-keybuy .keybuy-product-card{gap:7px}
}
@media(min-width:769px) and (max-height:850px){
 .layout-transfer .sidebar-header{padding:14px 16px}
 .layout-transfer .chats-list{gap:3px}
 .layout-transfer .chat-item{min-height:54px;padding:8px 10px;gap:9px}
 .layout-transfer .sidebar-footer{padding:10px 12px}
 .layout-transfer .sidebar-footer .footer-btn{padding:8px;min-height:40px}
 .layout-transfer .layout-qr-content .qr-order-image{max-height:280px}
}
@media(max-width:768px){
 .layout-transfer :is(#panel-qr,#panel-pay,#panel-keybuy,#panel-calculator,#panel-codes,#panel-home,#panel-schedule,#panel-redeem,#panel-settings,#panel-chats)>.panel-header{min-height:76px;padding:12px 14px;gap:8px}
 .layout-transfer :is(#panel-qr,#panel-pay,#panel-keybuy,#panel-calculator,#panel-codes,#panel-home,#panel-schedule,#panel-redeem,#panel-settings,#panel-chats) .panel-title{font-size:22px;line-height:28px}
}
.layout-transfer .redeem-home-control{display:grid;gap:8px;width:100%;max-width:320px;text-align:left;margin:12px 0}
.layout-transfer .redeem-home-control form:not([hidden]){display:grid;gap:8px}
.layout-transfer .redeem-home-control label{display:grid;gap:4px;font-size:12px}
.layout-transfer .redeem-home-control [hidden]{display:none!important}
.layout-transfer .redeem-home-control.is-added>button{color:#a8dfcb;border-color:#487267;background:#243e36;opacity:1}
/* Light palette for the transferred layout. Keep dark styling unchanged. */
:root[data-theme="light"]{--studio-card:#fff;--studio-line:#d8dfe8;--studio-muted:#657184}
:root[data-theme="light"] .layout-transfer .chat-item.active :is(.chat-title,.chat-last-msg){color:var(--text)!important}
:root[data-theme="light"] .layout-transfer .chat-item.active .chat-last-msg{color:var(--text2)!important}
:root[data-theme="light"] .layout-transfer .panel-header{background:var(--bg);color:var(--text)}
:root[data-theme="light"] .layout-transfer .pill-switcher{background:var(--surface2);border-color:var(--border)}
:root[data-theme="light"] .layout-transfer #panel-qr :is(.input-area,.amt-chip){background:var(--surface);border-color:var(--border);color:var(--text);box-shadow:none}
:root[data-theme="light"] .layout-transfer #panel-qr .qr-copy-action{background:var(--surface2);color:var(--accent);border-color:var(--border)}
:root[data-theme="light"] .layout-transfer #panel-qr .qr-copy-action:last-child{background:var(--accent);color:#fff;border-color:var(--accent)}
:root[data-theme="light"] .layout-transfer #panel-qr .layout-qr-card{box-shadow:0 4px 16px #18243808}
:root[data-theme="light"] .layout-transfer #panel-pay :is(.pay-summary-grid,.pay-toolbar,.pay-list-section,.payout-ledger){background:var(--surface);color:var(--text);border-color:var(--border)}
:root[data-theme="light"] .layout-transfer #panel-codes :is(.codes-toolbar,.codes-settings,.mail-code-row){background:var(--surface);border-color:var(--border);color:var(--text)}
:root[data-theme="light"] .layout-transfer #panel-codes .mail-code-row.is-new{background:#f0f6ff;border-color:#bad2f2}
:root[data-theme="light"] .layout-transfer #panel-codes .mail-code-value{color:#1766b5}
:root[data-theme="light"] .layout-transfer #panel-codes .mail-code-new-label{background:#e6f4ec;color:#237047}
:root[data-theme="light"] .layout-transfer #panel-home .home-account-item{background:var(--surface);border-color:var(--border);box-shadow:none}
:root[data-theme="light"] .layout-transfer #panel-home .home-account-details{background:var(--surface2)}
:root[data-theme="light"] .layout-transfer #panel-home .home-account-details span{color:var(--text2)}
:root[data-theme="light"] .layout-transfer #panel-home :is(.home-account-capacity,.home-account-instruction:nth-child(1)){background:#e8f4ed;color:#24683e;border-color:#b5d7c1}
:root[data-theme="light"] .layout-transfer #panel-home .home-account-capacity.is-full{background:var(--surface2);color:var(--text2);border-color:var(--border)}
:root[data-theme="light"] .layout-transfer #panel-home .home-account-owner{background:#faf2df;color:#7c5a13;border-color:#e9d6a5}
:root[data-theme="light"] .layout-transfer #panel-home .home-account-instruction:nth-child(2){background:#edf4ff;color:#225fa3;border-color:#bed4ee}
:root[data-theme="light"] .layout-transfer #panel-home .home-account-instruction:nth-child(3){background:#f3edfa;color:#76539b;border-color:#dac9ed}
:root[data-theme="light"] .layout-transfer #panel-redeem :is(.redeem-job,.redeem-history-empty){background:var(--surface);border-color:var(--border)}
:root[data-theme="light"] .layout-transfer #panel-redeem :is(.redeem-task-progress,.redeem-proof-method){background:#f0f5fb;border-color:#c5d6eb}
:root[data-theme="light"] .layout-transfer #panel-redeem .redeem-job-details{border-color:var(--border)}
:root[data-theme="light"] .layout-transfer #panel-redeem .redeem-job-details>summary{color:var(--text)}
:root[data-theme="light"] .layout-transfer #panel-redeem .redeem-job-proof img{background:var(--surface2)}
:root[data-theme="light"] .layout-transfer #panel-keybuy :is(.keybuy-message:has(.keybuy-product-card),.keybuy-transaction,.keybuy-product-prices){background:var(--surface);border-color:var(--border)}
:root[data-theme="light"] .layout-transfer #panel-keybuy .keybuy-product-title{color:var(--text)}
:root[data-theme="light"] .layout-transfer #panel-keybuy .keybuy-transaction-main span{color:var(--text2)}
:root[data-theme="light"] .layout-transfer #panel-keybuy .keybuy-key-line{background:#edf7f1;border-color:#b7d8c5}
:root[data-theme="light"] .layout-transfer #panel-keybuy :is(.keybuy-delivery-key,.keybuy-key-copy-icon){color:#226b44}
:root[data-theme="light"] .layout-transfer #panel-keybuy .keybuy-delivery-region{background:#deefe6;color:#336d4d}
:root[data-theme="light"] .layout-transfer :is(.expense-filters,.expense-day,.expense-report .keybuy-transactions-summary>div){background:var(--surface);border-color:var(--border)}
:root[data-theme="light"] .layout-transfer .expense-report .keybuy-transactions-summary{background:var(--border);border-color:var(--border)}
:root[data-theme="light"] .layout-transfer :is(.expense-row,.expense-filters :is(input,select)){border-color:var(--border)}
:root[data-theme="light"] .layout-transfer .expense-filters :is(input,select){background:var(--surface2);color:var(--text)}
:root[data-theme="light"] .layout-transfer .expense-row summary span:nth-child(6){color:#26704c}
:root[data-theme="light"] .layout-transfer .expense-row[data-state=review] summary span:nth-child(6){color:#845b17}
:root[data-theme="light"] .layout-transfer .expense-row[data-state=cancelled] summary span:nth-child(6){color:var(--text2)}
:root[data-theme="light"] .layout-transfer .expense-worker-breakdown>span{background:var(--surface2);color:var(--text)}
:root[data-theme="light"] .layout-transfer #panel-settings .settings-card{background:var(--surface);border-color:var(--border)}
:root[data-theme="light"] .layout-transfer #panel-settings details.settings-card[open]>summary{border-color:var(--border)}
:root[data-theme="light"] .layout-transfer #panel-settings .input-group :is(input,textarea){background:var(--surface2);border-color:var(--border);color:var(--text)}
:root[data-theme="light"] .layout-transfer #attention-card .system-health-item{background:#fbf5e9}
:root[data-theme="light"] .layout-transfer #attention-card .attention-open{background:#e9f1fc;color:#24649d}
:root[data-theme="light"] .layout-transfer .keybuy-issue-notice:is([data-state=mailbox_busy],[data-state=scan_pending]){background:#eef5fb;color:#355977;border-color:#bacfe1}
:root[data-theme="light"] .layout-transfer .redeem-home-control.is-added>button{background:#e9f5ef;color:#25694b;border-color:#b3d6c5}