.fulfillment-dialog,#panel-qr{--blue:var(--accent,#7ab2e8);--red:var(--danger,#ee7777);}
/* Order workspace: calm surfaces, clear selection and consistent spacing. */
.fulfillment-dialog{width:min(940px,calc(100vw - 32px));border-radius:20px;background:var(--bg,var(--surface));}
.fulfillment-dialog>header{position:sticky;top:0;z-index:25;background:var(--surface);padding:20px 24px;}
.fulfillment-content{padding:20px 24px 0;}.fulfillment-payment{background:transparent;padding:0 0 16px;border-bottom:1px solid var(--border);border-radius:0;gap:16px;}.fulfillment-payment>div{display:grid;gap:5px;}.fulfillment-payment small{color:var(--text2);font-size:11px;}.fulfillment-payment>strong:last-child{font-size:24px;color:var(--green,#81d7b8);letter-spacing:-.04em;}
.fulfillment-content>.fulfillment-help{font-size:11px;margin:10px 0 20px;}.fulfillment-item{background:var(--surface);padding:18px;margin-bottom:18px;border-radius:14px;gap:16px;}.fulfillment-item legend{padding:0 8px;color:var(--text2);font-size:11px;letter-spacing:.03em;}.fulfillment-field>span{font-size:11px;}.fulfillment-field input,.fulfillment-field select{min-height:42px;transition:border-color .15s,box-shadow .15s;}.fulfillment-field input:focus-visible,.fulfillment-field select:focus-visible{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 18%,transparent);}
.fulfillment-picker{border:0;border-top:1px solid var(--border);border-radius:0;padding:16px 0 0;background:transparent;}.fulfillment-picker-head{margin-bottom:12px;}.fulfillment-picker-head>strong{font-size:13px;}.fulfillment-picker .fulfillment-help{font-size:11px;margin:9px 0 12px;}
.fulfillment-chosen:not(:empty){display:block;background:var(--surface2);border:1px solid color-mix(in srgb,var(--blue) 45%,var(--border));border-radius:12px;padding:14px;margin:14px 0 0;}.fulfillment-chosen-heading{display:flex;align-items:center;gap:10px;}.fulfillment-chosen-heading>div{display:grid;gap:4px;flex:1;min-width:0;}.fulfillment-chosen-heading small,.fulfillment-chosen-metrics small{display:block;color:var(--text2);font-size:10px;}.fulfillment-chosen-heading strong{font-size:13px;}.fulfillment-chosen-check{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--blue) 20%,transparent);color:var(--blue);font-size:16px;}.fulfillment-chosen-heading .fulfillment-remove{border:0;background:transparent;padding:6px;color:var(--blue);min-height:32px;}.fulfillment-chosen-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:15px 0 12px;}.fulfillment-chosen-metrics>div{display:grid;gap:6px;}.fulfillment-chosen-metrics strong{font-size:15px;font-variant-numeric:tabular-nums;}.fulfillment-chosen .is-positive{color:#81d7b8;}.fulfillment-chosen .is-negative{color:#ff9b9b;}.fulfillment-chosen .fulfillment-calculation{padding-top:10px;border-top:1px solid var(--border);}.fulfillment-chosen .fulfillment-calculation summary{font-size:10px;}
.fulfillment-account{background:var(--surface);padding:18px;border-radius:14px;}.fulfillment-telegram-status{background:transparent;padding:0;margin:14px 0;color:var(--text2);font-size:11px;}.fulfillment-dialog footer{position:sticky;bottom:0;z-index:24;background:var(--surface);padding:14px 0 18px;box-shadow:0 -10px 20px var(--surface);}.fulfillment-dialog button{transition:background .15s,border-color .15s,color .15s;}.fulfillment-dialog .fulfillment-remove:hover{color:var(--red);background:color-mix(in srgb,var(--red) 9%,transparent);}.fulfillment-add:hover{background:color-mix(in srgb,var(--blue) 12%,var(--surface2));}.fulfillment-dialog .fulfillment-close:hover{color:var(--red);border-color:var(--red);}.fulfillment-finance{margin-top:18px;}
/* QR Pay: one amount per tile, grouped through rhythm instead of decoration. */
#panel-qr #qr-amounts-grid .qr-amounts-content{max-width:1180px;margin:0 auto;padding:24px;}.layout-transfer #panel-qr .qr-amounts-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;}.layout-transfer #panel-qr .qr-amounts-heading h2{font-size:21px;letter-spacing:-.03em;}.layout-transfer #panel-qr .qr-amounts-heading p{margin-top:6px;font-size:12px;color:var(--text2);}.qr-amounts-badge{font-size:11px;color:var(--blue);padding:8px 11px;background:color-mix(in srgb,var(--blue) 12%,transparent);border-radius:20px;white-space:nowrap;}
.layout-transfer #panel-qr #qr-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:9px;}.layout-transfer #panel-qr #qr-amounts-grid .amt-chip{min-height:52px;padding:12px 8px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;box-shadow:none;transition:background .15s,border-color .15s,transform .15s;cursor:pointer;}.layout-transfer #panel-qr #qr-amounts-grid .amt-chip:hover{background:var(--surface2);border-color:var(--blue);transform:translateY(-1px);}.layout-transfer #panel-qr #qr-amounts-grid .amt-chip:focus-visible{outline:2px solid var(--blue);outline-offset:2px;}.layout-transfer #panel-qr #qr-amounts-grid .amt-chip:active{transform:translateY(0);}.layout-transfer #panel-qr #qr-amounts-grid .amt-chip-marked{border-color:color-mix(in srgb,var(--blue) 45%,var(--border));background:color-mix(in srgb,var(--blue) 10%,var(--surface));color:var(--blue);}.layout-transfer #panel-qr .qr-special-amounts{margin-top:20px;padding-top:18px;border-top:1px solid var(--border);}.layout-transfer #panel-qr .qr-special-amounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:9px;}.layout-transfer #panel-qr .qr-special-amounts-title{font-size:11px;color:var(--text2);margin-bottom:10px;}
@media(max-width:600px){.fulfillment-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 20px);border-radius:16px;}.fulfillment-dialog>header{padding:16px;}.fulfillment-content{padding:16px 16px 0;}.fulfillment-item,.fulfillment-account{padding:13px;}.fulfillment-chosen-metrics{gap:8px;}.fulfillment-chosen-metrics strong{font-size:13px;}.fulfillment-chosen-heading strong{font-size:12px;}.fulfillment-payment>strong:last-child{font-size:21px;}.fulfillment-dialog footer{padding-bottom:14px;}.layout-transfer #panel-qr #qr-amounts-grid .qr-amounts-content{padding:18px 14px;}.layout-transfer #panel-qr .qr-amounts-heading{align-items:flex-start;margin-bottom:18px;}.qr-amounts-badge{font-size:0;padding:0;}.qr-amounts-badge:before{content:'↗';font-size:20px;}.layout-transfer #panel-qr #qr-grid-container{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}.layout-transfer #panel-qr #qr-amounts-grid .amt-chip{min-height:48px;font-size:12px;}}
@media(prefers-reduced-motion:reduce){.fulfillment-dialog button,.layout-transfer #panel-qr #qr-amounts-grid .amt-chip{transition:none;transform:none;}}
.layout-transfer #panel-qr #qr-feed{gap:16px;}.layout-transfer #panel-qr .msg-bubble.qr-order-card,.layout-transfer #panel-qr .msg-bubble.qr-result{border-radius:16px;padding:18px 18px 28px;box-shadow:0 4px 18px #0000000a;}.layout-transfer #panel-qr .qr-order-head{gap:12px;margin-bottom:14px;}.layout-transfer #panel-qr .qr-order-amount{font-size:25px;font-variant-numeric:tabular-nums;}.layout-transfer #panel-qr .qr-copy-actions{gap:8px;}.layout-transfer #panel-qr .qr-copy-action{min-height:40px;border-radius:10px;font-size:12px;transition:background .15s,border-color .15s;}.layout-transfer #panel-qr .qr-copy-action:hover{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 10%,var(--surface2));}.layout-transfer #panel-qr .qr-status{font-weight:600;}.layout-transfer #panel-qr .input-area{gap:10px;}