:root{--color-primary: #1e3a8a;--color-primary-light: #3b82f6;--color-primary-dark: #1e40af;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-danger: #dc2626;--color-info: #3b82f6;--color-background: #f8fafc;--color-surface: #ffffff;--color-text-primary: #1f2937;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--font-size-h2: 1.5rem;--font-size-h3: 1.25rem;--font-size-body: 1rem;--font-size-caption: .8125rem;--font-size-small: .875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-base: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--seatmap-bg: #f8fafc;--grid-size: 28px;--grid-line-color: rgba(0, 0, 0, .1);--group-border: #b45309;--group-label-color: #0f172a;--decoration-reception-bg: #fef3c7;--decoration-reception-border: #d97706;--decoration-reception-color: #92400e;--decoration-aisle-bg: #f1f5f9;--decoration-aisle-stripe: rgba(0, 0, 0, .06);--decoration-aisle-color: #64748b;--decoration-exit-bg: #dcfce7;--decoration-exit-border: #16a34a;--decoration-exit-color: #15803d;--decoration-pillar-bg: #e2e8f0;--decoration-pillar-color: #64748b;--decoration-restroom-bg: #dbeafe;--decoration-restroom-border: #2563eb;--decoration-restroom-color: #1d4ed8}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,PingFang HK,Microsoft YaHei,sans-serif;color:#1e293b;background:#f8fafc}.wrap{max-width:1200px;margin:0 auto;padding:20px}h1{font-size:22px;margin:0}h3{font-size:15px;margin:18px 0 8px;color:#334155}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.storepick{display:flex;flex-direction:column;font-size:12px;color:#64748b;gap:4px}.tabs{display:flex;gap:6px;margin:14px 0 4px;border-bottom:1px solid #e2e8f0}.tab{border:none;background:none;padding:8px 16px;font-size:14px;color:#64748b;cursor:pointer;border-bottom:2px solid transparent}.tab.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:600}.controls{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;margin:16px 0}.controls label{display:flex;flex-direction:column;font-size:12px;color:#64748b;gap:4px}.controls select,.controls input{font-size:14px;padding:6px 8px;border:1px solid #cbd5e1;border-radius:6px;background:#fff}.navbtn{font-size:13px;padding:7px 12px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;cursor:pointer}.navbtn:hover{background:#f1f5f9}.navbtn.active{background:#1e3a8a;border-color:#1e3a8a;color:#fff;font-weight:600}.navbtn-sep{width:1px;align-self:stretch;background:#e2e8f0;margin:2px}.chart{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px}.err{color:#dc2626}.muted{color:#94a3b8}.note{color:#64748b;font-size:12px;margin-top:12px;line-height:1.5}.note.warn{color:#92400e;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:10px 12px;font-size:13px}.seg{margin-bottom:22px}.tablewrap{overflow-x:auto;border:1px solid #e2e8f0;border-radius:10px;background:#fff}table.weekly{border-collapse:collapse;width:100%;font-size:13px}table.weekly th,table.weekly td{border:1px solid #eef2f7;padding:5px 8px;text-align:center;white-space:nowrap}table.weekly thead th{background:#f8fafc;color:#475569;font-weight:600;font-size:12px}table.weekly th.rest{color:#dc2626}table.weekly th.wd,table.weekly .wd{font-size:11px;color:#94a3b8;font-weight:400}table.weekly td.area,table.weekly th.area{text-align:left;position:sticky;left:0;background:#fff;font-weight:500;z-index:1}table.weekly th.area{background:#f8fafc}table.weekly tr.allrow td{font-weight:600}table.weekly tr.allrow td.area{color:#0f172a}table.weekly td.avg,table.weekly th.avg{background:#f8fafc;font-weight:600}table.weekly .rate{font-variant-numeric:tabular-nums}table.weekly .d{font-size:10px;font-variant-numeric:tabular-nums;line-height:1.1}table.weekly .d.up{color:#16a34a}table.weekly .d.dn{color:#dc2626}.app-nav{display:flex;gap:4px;max-width:1200px;margin:0 auto;padding:10px 20px 0;overflow-x:auto}.app-nav-link{padding:8px 16px;font-size:14px;color:#64748b;text-decoration:none;border-bottom:2px solid transparent}.app-nav-link.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:600}.app-nav-link:hover{color:#2563eb}.app-nav-portal{display:flex;align-items:center;padding:8px 14px 8px 0;margin-right:6px;font-size:13px;color:#94a3b8;text-decoration:none;white-space:nowrap;border-right:1px solid #e2e8f0}.app-nav-portal:hover{color:#2563eb}.pulse-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:14px}.pulse-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px}.pulse-card-label{font-size:13px;color:#64748b}.pulse-card-value{font-size:20px;font-weight:700;color:#0f172a;margin:2px 0;font-variant-numeric:tabular-nums}.pulse-card-sub{font-size:13px;color:#94a3b8;white-space:nowrap}.kpi{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px 16px;min-width:150px}.kpi .lb{font-size:13px;color:#64748b}.kpi .v{font-size:20px;font-weight:700;color:#0f172a;font-variant-numeric:tabular-nums}.kpi .s{font-size:12px;color:#94a3b8}.cards{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}.stub{color:#94a3b8;padding:60px 0;text-align:center;font-size:15px}table.fnb{border-collapse:collapse;width:100%;font-size:13px;background:#fff}table.fnb th,table.fnb td{border:1px solid #eef2f7;padding:5px 8px;text-align:right;white-space:nowrap}table.fnb th{background:#f8fafc;color:#475569;font-weight:600;font-size:12px}table.fnb td.l,table.fnb th.l{text-align:left}table.fnb .up{color:#16a34a}table.fnb .dn{color:#dc2626}.badge{display:inline-block;font-size:11px;border-radius:10px;padding:1px 8px;background:#eef2ff;color:#3730a3}.btn{font-size:13px;padding:7px 14px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;cursor:pointer}.btn:hover{background:#f1f5f9}.btn.primary{background:#1e3a8a;border-color:#1e3a8a;color:#fff}.countgrid input{width:80px;font-size:14px;padding:5px 6px;border:1px solid #cbd5e1;border-radius:6px;text-align:right}@media print{.portal-bar,.app-nav,.no-print{display:none!important}.wrap{max-width:none;padding:0}table.fnb th,table.fnb td{border:1px solid #999}}.modeswitch{display:flex;gap:6px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 12px}.chip{font-size:12px;padding:4px 12px;border:1px solid #cbd5e1;border-radius:14px;background:#fff;cursor:pointer;color:#475569}.chip:hover{background:#f1f5f9}.chip.on{background:#1e3a8a;border-color:#1e3a8a;color:#fff}tr.clickable{cursor:pointer}tr.clickable:hover td{background:#f8fafc}.badge.warn{background:#fef3c7;color:#92400e}.badge.ok{background:#dcfce7;color:#15803d}.barfill{display:inline-block;height:7px;border-radius:4px;background:#2563eb;min-width:2px;vertical-align:middle}.barfill.green{background:#16a34a}.chipsep{width:1px;align-self:stretch;background:#e2e8f0;margin:2px 4px}td.st{text-align:center;font-weight:700;font-size:12px}td.st-A{background:#dcfce7;color:#15803d}td.st-W{background:#fef3c7;color:#92400e}td.st-N{background:#f1f5f9;color:#64748b}.chip.st-A.on{background:#15803d;border-color:#15803d}.chip.st-W.on{background:#b45309;border-color:#b45309}.ops{max-width:560px;margin:0 auto}.ops-picker{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}.ops-picker select{flex:1;min-width:130px;font-size:16px;padding:10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff}.unittoggle{display:flex;border:1px solid #cbd5e1;border-radius:8px;overflow:hidden}.unittoggle button{border:none;background:#fff;padding:10px 14px;font-size:14px;color:#64748b}.unittoggle button.on{background:#1e3a8a;color:#fff;font-weight:600}.ops-row{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;margin-bottom:8px}.ops-name{flex:1;font-size:15px}.ops-spec{display:block;font-size:12px;color:#94a3b8;margin-top:2px}.ops-entry{display:flex;align-items:center;gap:6px;flex:0 0 auto}.ops-row input{width:74px;font-size:18px;padding:10px 8px;text-align:right;border:1px solid #cbd5e1;border-radius:8px}.unittoggle.sm{border-radius:8px}.unittoggle.sm button{padding:9px;font-size:13px;min-width:34px}.unittoggle.sm button:disabled{opacity:.35}.ops-row.dim{background:#f8fafc}.ops-row.dim .ops-name{color:#64748b}tr.dim td{color:#94a3b8}.ops-other{margin:14px 0 4px}.btn.linkish{border:none;background:none;color:#2563eb;padding:8px 0;font-size:14px;cursor:pointer}.btn.linkish:hover{text-decoration:underline;background:none}.ops-submit{position:sticky;bottom:0;padding:12px 0 16px;background:linear-gradient(transparent,#f8fafc 30%)}.btn.big{width:100%;font-size:17px;padding:14px;border-radius:10px}.btn.primary:disabled{opacity:.5}.ops-msg{border-radius:8px;padding:10px 14px;margin:10px 0;font-size:14px}.ops-msg.ok{background:#dcfce7;color:#15803d}.ops-msg.err{background:#fee2e2;color:#b91c1c}.ops-order{width:64px;font-size:15px;padding:6px;text-align:right;border:1px solid #cbd5e1;border-radius:6px}@media(max-width:640px){.wrap{padding:10px}.app-nav-link{padding:8px 10px}}.ordertbl{overflow-x:auto;-webkit-overflow-scrolling:touch}.ordertbl table.fnb{min-width:460px}.ordertbl th.sticky,.ordertbl td.sticky{position:sticky;left:0;z-index:2;background:#fff;width:132px;max-width:132px;box-shadow:1px 0 #e2e8f0}.ordertbl th.sticky,.ordertbl tr.dim td.sticky{background:#f8fafc}.ordertbl td.sticky .oname{display:block;font-size:15px;font-weight:500;color:#0f172a;line-height:1.25;white-space:normal;word-break:break-word}.ordertbl td.sticky .ops-spec{font-size:11px}.wkavg{border:none;background:none;color:#2563eb;font-size:16px;font-weight:600;text-decoration:underline dotted;cursor:pointer;padding:6px 2px}.wksel{font-size:14px;padding:6px 4px;border:1px solid #cbd5e1;border-radius:6px;background:#fff}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{background:#fff;border-radius:14px;padding:18px;width:100%;max-width:420px}.modal-title{font-size:17px;font-weight:600}.modal-sub{font-size:13px;color:#64748b;margin:2px 0 12px}.modal .btn.big{margin-top:14px}.cupsbox{margin:14px 0 18px}.cupshead{font-size:14px;font-weight:600;color:#0f172a;margin-bottom:6px}td.warnnum{color:#b45309;font-weight:600}.ib-split{display:grid;grid-template-columns:minmax(340px,420px) 1fr;gap:16px}@media(max-width:900px){.ib-split{grid-template-columns:1fr}}.ib-sticky{position:sticky;top:12px}@media(max-width:900px){.ib-sticky{position:static}}.ib-search{width:100%;font-size:14px;padding:8px 10px;margin-bottom:8px;border:1px solid #cbd5e1;border-radius:8px;background:#fff}.ib-nm{font-size:13px;color:#0f172a}.ib-sub{font-size:11px;color:#94a3b8}.chip-n{margin-left:6px;font-size:11px;opacity:.7;font-variant-numeric:tabular-nums}tr.sel td{background:#eef2ff!important}tr.sel td.l{box-shadow:inset 3px 0 #1e3a8a}.linkbtn{border:none;background:none;color:#2563eb;font-size:13px;padding:8px 2px;cursor:pointer}.linkbtn:hover{text-decoration:underline}.det-head h2{font-size:19px;margin:0 0 6px;color:#0f172a}.det-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;color:#64748b}.det-note{margin-top:6px;font-size:12px;color:#b45309}.det-sec{margin-top:20px}.det-sec h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:14px;color:#334155}.det-count{font-size:11px;font-weight:400;color:#94a3b8;background:#f1f5f9;border-radius:9px;padding:1px 7px}.badge.st-A{background:#dcfce7;color:#15803d}.badge.st-W{background:#fef3c7;color:#92400e}.badge.st-N{background:#f1f5f9;color:#64748b}.det .note code{background:#f1f5f9;padding:1px 5px;border-radius:4px;font-size:11px}.ib-rows{max-height:70vh;overflow-y:auto;border:1px solid #e2e8f0;border-radius:10px;background:#fff}.ib-row{display:block;width:100%;text-align:left;border:none;border-bottom:1px solid #f1f5f9;background:none;padding:9px 12px;cursor:pointer;font:inherit}.ib-row:last-child{border-bottom:none}.ib-row:hover{background:#f8fafc}.ib-row.sel{background:#eef2ff;box-shadow:inset 3px 0 #1e3a8a}.ib-row-top{display:flex;align-items:center;gap:8px}.ib-row-top .ib-nm{flex:1;font-size:13.5px;line-height:1.35}.ib-row-sub{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:3px;font-size:11px;color:#94a3b8;font-variant-numeric:tabular-nums}.ib-sku{color:#cbd5e1}.ib-row-sub em{font-style:normal}.warn-t{color:#b45309}.pill{flex:0 0 auto;font-size:10px;border-radius:9px;padding:1px 7px}.pill.st-A{background:#dcfce7;color:#15803d}.pill.st-W{background:#fef3c7;color:#92400e}.pill.st-N{background:#f1f5f9;color:#94a3b8}.fbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:8px}.fbar-lb{font-size:12px;color:#94a3b8;width:44px;flex:0 0 auto}.btn-n{margin-left:5px;font-size:10px;opacity:.65;font-variant-numeric:tabular-nums}.pb-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 10px}.pb-bar .ib-search{width:auto;flex:1;min-width:200px;margin:0}.pb-chk{display:flex;align-items:center;gap:5px;font-size:12px;color:#64748b;white-space:nowrap}.pb-sum{font-size:12px;color:#64748b;white-space:nowrap;font-variant-numeric:tabular-nums}.pb-tbl{font-size:12.5px}.pb-tbl thead th{position:sticky;top:0;z-index:2;white-space:nowrap}.pb-nm{font-size:13px;color:#0f172a;max-width:280px}.pb-nmrow{display:flex;align-items:center;gap:8px}.pb-thumb{width:30px;height:30px;flex:0 0 30px;border-radius:5px;object-fit:cover;background:#f1f5f9;border:1px solid #e2e8f0}.pb-thumb-none{display:inline-block;background:repeating-linear-gradient(45deg,#f8fafc 0,#f8fafc 4px,#f1f5f9 4px,#f1f5f9 8px)}.pd-photo{width:104px;height:104px;border-radius:8px;object-fit:contain;background:#fff;border:1px solid var(--line);padding:4px}.pd-photowrap{display:flex;gap:14px;align-items:flex-start}.pd-photowrap .pd-grid{flex:1 1 auto}.pd-photo-meta{text-align:center;margin-top:5px}.sortcaret{margin-left:3px;color:#2563eb}.pb .tablewrap{max-height:82vh;overflow:auto}.spark{display:flex;align-items:flex-end;gap:2px;height:70px;padding:6px 8px;background:#fff;border:1px solid #e2e8f0;border-radius:10px}.spark-col{flex:1;height:100%;display:flex;align-items:flex-end}.spark-bar{width:100%;background:#93c5fd;border-radius:2px 2px 0 0;min-height:2px}.spark-col:hover .spark-bar{background:#2563eb}.spark-ax{display:flex;justify-content:space-between;font-size:11px;color:#94a3b8;margin-top:4px}.navbtn.shelf{border-style:dashed;color:#b45309}.navbtn.shelf.active{background:#b45309;border-color:#b45309;color:#fff}.btn-n{opacity:.55;font-weight:400}.pb-code{font-variant-numeric:tabular-nums;color:#64748b;white-space:nowrap}.pd-title{font-size:20px;margin:6px 0 4px;color:#0f172a}.pd-code{margin-left:10px;font-size:13px;font-weight:400;color:#94a3b8;font-variant-numeric:tabular-nums}.pd-sec{margin-top:18px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px}.pd-sec-h{display:flex;align-items:center;gap:9px;margin-bottom:10px}.pd-sec-h h3{margin:0;font-size:15px;color:#0f172a}.pd-sec-x{margin-left:auto;font-size:12px}.pd-n{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#1e3a8a;color:#fff;font-size:12px;font-weight:600;flex:0 0 auto}.pd-h4{font-size:13px;color:#475569;margin:14px 0 6px}.pd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px 16px}.pd-f-l{font-size:11.5px;color:#94a3b8;margin-bottom:2px}.pd-f-v{font-size:14px;color:#0f172a}.pd-f-v input{width:100%;font-size:14px;padding:5px 7px;border:1px solid #cbd5e1;border-radius:6px}.pd-f-v input.wide{max-width:520px}.pd-card{border:1px solid #e2e8f0;border-radius:10px;padding:11px 13px;margin-bottom:10px;background:#fcfdff}.pd-card-h{display:flex;align-items:baseline;gap:9px;margin-bottom:9px;flex-wrap:wrap}.pd-card-x{margin-left:auto;display:flex;align-items:center;gap:7px}.pd-tot td{background:#f8fafc;font-weight:600}.ok-t{color:#15803d;font-size:12px}.pb-ftoggle{display:flex;align-items:center;gap:12px;margin-bottom:4px}.pb-active{font-size:12px;color:#1e3a8a;background:#eef2ff;border-radius:10px;padding:2px 10px}.linkbtn.inline{padding:0 0 0 8px;font-size:12px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;border-radius:12px;padding:16px 18px;max-width:640px;width:100%;max-height:80vh;overflow:auto;box-shadow:0 20px 25px -5px #0003}.modal-h{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.modal-h .btn{margin-left:auto}tr.row-odd td{background:#fffbeb}.cellbtn{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;border-bottom:1px dashed #cbd5e1}.cellbtn:hover{color:#1d4ed8;border-bottom-color:#1d4ed8}.linkbtn.on{font-weight:600;text-decoration:underline}.lastord{display:flex;align-items:center;gap:10px;padding:8px 2px 10px;flex-wrap:wrap}.pb-bar{display:flex;align-items:center;gap:12px;margin:10px 0 8px;flex-wrap:wrap}.pb-bar .pb-sum{margin-right:auto}input.qty{width:64px;padding:4px 6px;text-align:right;border:1px solid var(--line);border-radius:6px;font:inherit}.ckbtn{width:26px;height:26px;border-radius:50%;border:1px solid #cbd5e1;background:#fff;color:#94a3b8;cursor:pointer;font-size:14px;line-height:1}.ckbtn:hover{border-color:#1d4ed8;color:#1d4ed8}.ckbtn.on{background:#15803d;border-color:#15803d;color:#fff}tr.row-un td{background:#fcfcfd}tr.row-un .pb-nm{color:#64748b}.batchbox{margin-top:22px;padding-top:16px;border-top:2px solid var(--line)}.modal.wide{max-width:1200px}.pd-f label,label.pd-f{display:flex;flex-direction:column;gap:4px}label.pd-f input{padding:5px 8px;border:1px solid var(--line);border-radius:6px;font:inherit}.mailbtn{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px}.mailbtn .ib-sub{font-size:11px}tr.grp td{background:#f1f5f9;font-weight:600;color:#334155;font-size:12px;padding-top:7px;padding-bottom:7px;letter-spacing:.02em}.pb-nmrow .grow{flex:1 1 auto;min-width:0}.pb-nmrow>.linkbtn{flex:0 0 auto;margin-left:10px}.avgcell .ib-sub{font-size:11px}.printhead,.printonly{display:none}@media(max-width:720px){.recv-tbl thead{display:none}.recv-tbl,.recv-tbl tbody,.recv-tbl tr{display:block;width:100%}.recv-tbl tr{border:1px solid var(--line);border-radius:10px;margin-bottom:8px;padding:8px 10px;background:#fff}.recv-tbl td{display:inline-block;border:0;padding:2px 14px 2px 0;text-align:left;vertical-align:middle}.recv-tbl td:first-child{display:block;width:100%;padding-right:0}.recv-tbl td[data-lb]:not(:first-child):before{content:attr(data-lb) " ";color:#94a3b8;font-size:11px}.recv-tbl input.qty{width:76px;font-size:16px;padding:6px 8px}.recv-tbl .ckbtn{width:32px;height:32px;font-size:16px;vertical-align:middle}.recv-tbl .pb-nm{max-width:none}.recv-tbl .ib-sub{font-size:11px}}@media print{.noprint,.app-nav,.app-hd,.pb-thumb{display:none!important}.printhead{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;padding-bottom:6px;border-bottom:2px solid #333}.printonly{display:inline}.recv-tbl input.qty{display:none}.recv-tbl td,.recv-tbl th{padding:5px 6px;font-size:12px}.recv-tbl tr.row-odd td{background:transparent}.tablewrap{overflow:visible}body{background:#fff}}.pd-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.pd-switchwrap{display:inline-flex;align-items:center;gap:8px;font-size:13px}.pd-switch{width:42px;height:24px;border-radius:999px;border:1px solid #cbd5e1;background:#e2e8f0;padding:0;position:relative;cursor:pointer;transition:background .15s}.pd-switch .pd-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:left .15s}.pd-switch.on{background:#b45309;border-color:#b45309}.pd-switch.on .pd-knob{left:21px}.pd-switch:disabled{opacity:.45;cursor:not-allowed}