.preview-barcode{background:transparent!important;shape-rendering:crispEdges}.canvas-area{padding-top:72px}.label-field-help{display:block;margin-top:4px;color:#766f6b;font-size:.58rem;font-weight:400;line-height:1.45}.ruler-label{right:12px}.alignment-readout{position:absolute;top:28px;left:12px;right:12px;min-height:31px;display:flex;flex-wrap:wrap;gap:6px;color:#625c59;pointer-events:none}.alignment-readout>span{display:inline-flex;align-items:center;gap:4px;border:1px solid #c9c4c1;border-radius:999px;background:#ffffffc2;padding:4px 8px;font-size:.59rem;backdrop-filter:blur(4px)}.alignment-readout>span.is-equal{color:#176941;border-color:#9dd3b7;background:#edfaf3}.alignment-readout b{font-size:.55rem}.canvas-element{overflow:visible}.canvas-element.active{outline:1.5px solid #ee4d2d;outline-offset:0}.canvas-element-content{width:100%;height:100%;min-width:0;display:flex;align-items:inherit;justify-content:inherit;overflow:hidden;white-space:inherit}.canvas-element--barcode .canvas-element-content{display:block}.canvas-element--barcode small{font:.72em monospace}.canvas-element--qr{padding:0}.canvas-element--qr .canvas-element-content{align-items:center;justify-content:center}.preview-item-table .item-table-overflow td{border-bottom:0;padding-top:1px;font-weight:700}.preview-item-table .item-table-overflow span,.preview-item-table .item-table-overflow small{display:block}.preview-item-table .item-table-overflow small{font-size:.9em}.preview-qr{width:100%;height:100%;display:block;background:transparent;shape-rendering:crispEdges}.preview-carrier-logo b{font-size:1.7em}.preview-carrier-logo small{font-size:.38em}.preview-carrier-logo-image{display:block;width:100%;height:100%;object-fit:contain}.carrier-logo-library{display:grid;gap:9px;border:1px solid #d9d4d1;border-radius:9px;background:#fbfaf9;padding:10px}.carrier-logo-library__heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.carrier-logo-library__heading strong{font-size:.72rem}.carrier-logo-library__heading small{color:#817a76;font-size:.58rem}.carrier-logo-grid{display:grid;gap:5px;max-height:180px;overflow-y:auto}.carrier-logo-grid>div{display:grid;grid-template-columns:54px 1fr;gap:8px;align-items:center;border:1px solid #e4e0de;border-radius:7px;background:#fff;padding:5px 7px}.carrier-logo-grid img{width:54px;height:28px;object-fit:contain}.carrier-logo-grid span,.carrier-logo-grid small{display:block}.carrier-logo-grid span{min-width:0;overflow:hidden;font-size:.64rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.carrier-logo-grid small{color:#8a827e;font-size:.54rem;font-weight:500}.unmatched-carriers{border-radius:7px;background:#fff4dd;padding:8px}.unmatched-carriers>strong{display:block;margin-bottom:6px;color:#825b14;font-size:.62rem}.unmatched-carriers>div{display:flex;flex-wrap:wrap;gap:4px}.unmatched-carriers button{border:1px solid #e4c681;border-radius:999px;background:#fff;color:#765315;padding:3px 7px;font-size:.56rem;cursor:pointer}.carrier-logo-library label>small{display:block;margin-top:4px;color:#817a76;font-size:.55rem;font-weight:400;line-height:1.4}.carrier-logo-library input[type=file]{padding:6px;font-size:.58rem}.carrier-logo-library>.button{width:100%}.alignment-guide{position:absolute;z-index:4000;pointer-events:none;color:#c62d8f}.alignment-guide--vertical{top:0;bottom:0;border-left:1px solid currentColor}.alignment-guide--horizontal{left:0;right:0;border-top:1px solid currentColor}.alignment-guide span{position:absolute;border-radius:4px;background:#c62d8f;color:#fff;padding:2px 5px;font:5.5px/1.2 Noto Sans Thai,sans-serif;white-space:nowrap;box-shadow:0 1px 3px #4410322e}.alignment-guide--vertical span{top:2px;left:4px}.alignment-guide--horizontal span{top:4px;left:3px}.resize-handle{position:absolute;z-index:5;width:9px;height:9px;border:1.5px solid #ee4d2d;border-radius:2px;background:#fff;box-shadow:0 1px 3px #3a211a33;touch-action:none}.resize-handle--nw{top:-5px;left:-5px;cursor:nwse-resize}.resize-handle--n{top:-5px;left:calc(50% - 4px);cursor:ns-resize}.resize-handle--ne{top:-5px;right:-5px;cursor:nesw-resize}.resize-handle--e{top:calc(50% - 4px);right:-5px;cursor:ew-resize}.resize-handle--se{right:-5px;bottom:-5px;cursor:nwse-resize}.resize-handle--s{bottom:-5px;left:calc(50% - 4px);cursor:ns-resize}.resize-handle--sw{bottom:-5px;left:-5px;cursor:nesw-resize}.resize-handle--w{top:calc(50% - 4px);left:-5px;cursor:ew-resize}.mini-package-list label.has-print-history{background:#fffaf0}.package-print-status{color:#94630b;display:flex!important;align-items:center;gap:3px;margin-top:3px}.selected-print-history{margin:10px 0;border:1px solid #eadfca;border-radius:9px;background:#fffcf5;padding:10px}.print-actions{display:grid;gap:7px}.print-actions .button{width:100%}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#1e181594;display:grid;place-items:center;padding:20px;backdrop-filter:blur(2px)}.print-warning-dialog{width:min(560px,100%);max-height:calc(100vh - 40px);overflow-y:auto;background:#fff;border-radius:15px;box-shadow:0 24px 70px #00000047;padding:22px;display:grid;grid-template-columns:42px 1fr;gap:12px}.print-warning-icon{width:42px;height:42px;border-radius:11px;background:#fff3cf;color:#9a680c;display:grid;place-items:center}.print-warning-dialog h2{font-size:1rem;margin:2px 0 5px}.print-warning-dialog p{color:var(--muted);font-size:.73rem;line-height:1.55;margin:0}.print-warning-list>div{border:1px solid #efdca9;background:#fffaf0;border-radius:9px;padding:10px}.print-warning-list span{color:#815a13;font-size:.68rem;margin:2px 0 6px}@media(max-width:520px){.print-warning-dialog{grid-template-columns:1fr;padding:17px}.print-warning-list,.print-warning-actions{grid-column:1}.print-warning-actions{display:grid}}.label-editor{grid-template-columns:310px minmax(360px,1fr)}.preview-barcode{background:transparent!important}@media(max-width:1180px){.label-editor{grid-template-columns:250px 1fr}}@media(max-width:850px){.label-editor{grid-template-columns:1fr}}.print-label-layout{display:grid;grid-template-columns:minmax(300px,390px) minmax(480px,1fr);gap:15px;align-items:start}.print-label-controls,.print-label-results{display:grid;gap:14px}.print-label-controls h2,.print-label-results h2,.print-recent-grid h2{margin:0;font-size:.9rem}.print-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.print-mode-grid button{display:flex;gap:8px;align-items:center;min-height:58px;border:1px solid var(--border);border-radius:9px;background:#fff;padding:9px;color:inherit;text-align:left;cursor:pointer}.print-mode-grid button:last-child{grid-column:1 / -1}.print-mode-grid button.active{border-color:var(--orange);background:var(--orange-soft);color:#c83d22;box-shadow:0 0 0 1px var(--orange)}.print-mode-grid svg{flex:none;width:18px}.print-mode-grid span,.print-mode-grid small{display:block}.print-mode-grid span{font-size:.7rem;font-weight:750}.print-mode-grid small{margin-top:2px;color:var(--muted);font-size:.57rem;font-weight:450}.print-filter-fields,.print-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.print-filter-fields label:only-child,.print-setup-grid label:first-child{grid-column:1 / -1}.print-results-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.print-results-heading p{margin:4px 0 0;color:var(--muted);font-size:.66rem}.print-results-heading>div:last-child{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.print-package-table{max-height:540px;overflow-y:auto;border:1px solid var(--border);border-radius:9px}.print-package-table>label{display:grid;grid-template-columns:22px minmax(180px,1fr) minmax(170px,auto);gap:8px;align-items:center;border-bottom:1px solid #eeeae8;padding:10px;cursor:pointer}.print-package-table>label:last-child{border-bottom:0}.print-package-table>label:hover{background:#fbfaf9}.print-package-table>label.has-print-history{background:#fffaf0}.print-package-table input{width:auto;margin:0;accent-color:var(--orange)}.print-package-main span,.print-package-main strong,.print-package-main small,.print-package-meta small{display:block}.print-package-main strong{font-size:.72rem}.print-package-main small,.print-package-meta small{margin-top:2px;color:var(--muted);font-size:.59rem}.print-package-meta{text-align:right}.print-package-meta .package-print-status{justify-content:flex-end;color:#94630b}.print-label-actions{position:sticky;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid var(--border);background:#fffffff0;padding-top:12px;backdrop-filter:blur(6px)}.print-label-actions .button{width:100%}.print-recent-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.print-recent-list{margin-top:10px}.print-recent-list>div{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;border-bottom:1px solid #eee;padding:8px 0;font-size:.66rem}.print-recent-list span,.print-recent-list small{display:block}.print-recent-list a{color:#d94729;font-size:.63rem}.package-print-status{display:flex!important;align-items:center;gap:3px}.package-print-status svg{width:11px;height:11px}.selected-print-history{margin:0;border:1px solid #eadfca;border-radius:9px;background:#fffcf5;padding:10px}.selected-print-history>h3{display:flex;align-items:center;gap:5px;margin:0 0 7px;font-size:.72rem}.selected-print-history>h3 svg{width:14px}.selected-print-history details{border-top:1px solid #efe6d4;padding:7px 0}.selected-print-history summary{display:flex;justify-content:space-between;align-items:center;gap:6px;cursor:pointer;list-style:none;font-size:.67rem}.selected-print-history summary::-webkit-details-marker{display:none}.selected-print-history summary span,.selected-print-history summary small{display:block}.print-history-event{display:flex;justify-content:space-between;align-items:center;gap:7px;padding:6px 2px 2px 10px;font-size:.62rem}.print-history-event small{display:block}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#1e181594;padding:20px;backdrop-filter:blur(2px)}.print-warning-dialog{display:grid;grid-template-columns:42px 1fr;gap:12px;width:min(560px,100%);max-height:calc(100vh - 40px);overflow-y:auto;border-radius:15px;background:#fff;padding:22px;box-shadow:0 24px 70px #00000047}.print-warning-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#fff3cf;color:#9a680c}.print-warning-dialog h2{margin:2px 0 5px;font-size:1rem}.print-warning-dialog p{margin:0;color:var(--muted);font-size:.73rem;line-height:1.55}.print-warning-list{grid-column:1 / -1;display:grid;gap:8px;max-height:310px;overflow-y:auto}.print-warning-list>div{border:1px solid #efdca9;border-radius:9px;background:#fffaf0;padding:10px}.print-warning-list strong,.print-warning-list span,.print-warning-list small{display:block}.print-warning-list strong{font-size:.78rem}.print-warning-list span{margin:2px 0 6px;color:#815a13;font-size:.68rem}.print-warning-list small{font-size:.61rem;line-height:1.6}.print-warning-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:7px;padding-top:4px}@media(max-width:1050px){.print-label-layout{grid-template-columns:1fr}.print-package-table{max-height:480px}}@media(max-width:700px){.print-mode-grid,.print-filter-fields,.print-setup-grid,.print-label-actions,.print-recent-grid{grid-template-columns:1fr}.print-mode-grid button:last-child,.print-filter-fields label:only-child,.print-setup-grid label:first-child{grid-column:auto}.print-package-table>label{grid-template-columns:22px 1fr}.print-package-meta{grid-column:2;text-align:left}.print-package-meta .package-print-status{justify-content:flex-start}.print-warning-dialog{grid-template-columns:1fr}.print-warning-list,.print-warning-actions{grid-column:1}.print-warning-actions{flex-direction:column-reverse}.print-warning-actions .button{width:100%}}:root{font-family:Noto Sans Thai,system-ui,sans-serif;color:#2d2928;background:#f7f7f8;font-synthesis:none;--orange: #ee4d2d;--orange-soft: #fff0eb;--border: #e8e5e4;--muted: #7a7472;--shadow: 0 2px 12px rgb(50 35 30 / 6%)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.spin-icon{animation:spin .7s linear infinite}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}input,select,textarea{width:100%;border:1px solid #d9d5d3;border-radius:9px;background:#fff;padding:10px 12px;color:#292524;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ee4d2d1a}label{color:#57514f;font-size:.88rem;font-weight:600}label>input,label>select{margin-top:6px}small,.muted{color:var(--muted)}.app-shell{display:flex;min-height:100vh}.sidebar{width:246px;background:#fff;border-right:1px solid var(--border);padding:20px 14px;position:fixed;inset:0 auto 0 0;z-index:30;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;padding:2px 10px 24px}.brand__mark{width:38px;height:38px;display:block;object-fit:contain;flex:none;filter:drop-shadow(0 5px 6px rgb(238 77 45 / 24%))}.shop-logo{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(145deg,#ff6c4e,#df3d20);font-weight:800;box-shadow:0 5px 12px #ee4d2d3d}.brand strong{display:block;font-size:1.05rem}.brand small{display:block;font-size:.7rem;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar nav{display:flex;flex-direction:column;gap:3px;flex:1}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:9px;color:#625c59;font-size:.9rem}.sidebar nav a:hover{background:#faf6f4}.sidebar nav a.active{background:var(--orange-soft);color:#d83e21;font-weight:700}.sidebar__user{border-top:1px solid var(--border);padding:17px 7px 0;display:grid;grid-template-columns:34px 1fr 30px;gap:8px;align-items:center}.sidebar__user .avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#2e2928;color:#fff;font-weight:700}.sidebar__user strong,.sidebar__user small{display:block;font-size:.76rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__user button{border:0;background:none;color:var(--muted);cursor:pointer}.app-main{margin-left:246px;min-width:0;flex:1}.topbar{height:56px;background:#ffffffe5;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;justify-content:flex-end;align-items:center;padding:0 30px;position:sticky;top:0;z-index:20}.topbar__actions,.topbar__sync{display:flex;align-items:center}.topbar__actions{gap:12px}.topbar__sync{gap:7px;color:var(--muted);font-size:.75rem}.menu-button{display:none!important}.app-main main{padding:30px 32px 50px;max-width:1540px;margin:auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.page-header h1{font-size:1.65rem;margin-bottom:3px;letter-spacing:-.02em}.page-header p{color:var(--muted);font-size:.86rem;margin:0}.page-actions{display:flex;gap:8px}.button{border:0;padding:9px 15px;border-radius:9px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700;font-size:.84rem;transition:.15s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{background:var(--orange);color:#fff;box-shadow:0 4px 10px #ee4d2d2e}.button--secondary{background:#302b29;color:#fff}.button--danger{color:#fff;background:#c82a2a}.button--ghost{color:#625c59;background:#f5f3f2}.button--google{background:#fff;border:1px solid var(--border);color:#403a38;width:100%;padding:11px}.google-g{color:#4285f4;font-family:Arial;font-size:1.15rem;font-weight:800}.card{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:13px;padding:20px;min-width:0}.card h2{font-size:1rem;margin-bottom:14px}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.card-heading h2{margin:0}.card-heading p{margin:2px 0 0;color:var(--muted);font-size:.78rem}.card-heading svg,.card h2 svg{vertical-align:middle;margin-right:5px}.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-bottom:18px}.metric{padding:17px;display:flex;gap:12px;align-items:center}.metric__icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:none}.metric__icon--orange{color:#e74b2e;background:#fff0eb}.metric__icon--blue{color:#287bd4;background:#eaf4ff}.metric__icon--green{color:#178f61;background:#e9f9f1}.metric__icon--red{color:#cb3030;background:#fff0f0}.metric__icon--purple{color:#7857bf;background:#f3efff}.metric p{font-size:.72rem;color:var(--muted);margin:0}.metric strong{font-size:1.55rem;line-height:1.25}.metric small{margin-left:4px;font-size:.65rem}.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.carrier-list>div{display:grid;grid-template-columns:35px minmax(95px,1fr) 2fr 38px;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f0eeee;font-size:.82rem}.carrier-icon{width:30px;height:30px;border-radius:8px;background:#f3f1f0;display:grid;place-items:center;font-weight:800}.bar{height:7px;border-radius:10px;background:#f0eeee;overflow:hidden}.bar i{display:block;height:100%;background:var(--orange);border-radius:inherit}.pickup-state-summary{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.pickup-state-summary span{padding:6px 9px;border-radius:8px;background:#fff5f1;color:#754338;font-size:.73rem}.pickup-state-summary strong{margin-left:5px;color:#d84124}.donut-layout{display:flex;align-items:center;justify-content:space-around;gap:25px;padding:13px}.donut{--percent: 50%;width:145px;height:145px;border-radius:50%;background:conic-gradient(var(--orange) var(--percent),#f0eeee 0);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:#fff}.donut span{z-index:1;text-align:center;font-size:1.4rem;font-weight:800}.donut small{display:block;font-size:.65rem;font-weight:500}.legend{min-width:150px}.legend>div{display:grid;grid-template-columns:8px 1fr 28px;gap:8px;align-items:center;font-size:.75rem;padding:5px 0}.legend i{width:7px;height:7px;background:var(--orange);border-radius:50%}.badge{display:inline-flex;padding:3px 8px;border-radius:999px;font-size:.64rem;line-height:1.5;font-weight:800;background:#f0eeee;color:#655f5c;white-space:nowrap}.badge--ready-to-ship,.badge--queued,.badge--pending{color:#8a5a08;background:#fff5d9}.badge--shipped,.badge--in-transit,.badge--submitting,.badge--running{color:#1b61a2;background:#eaf4ff}.badge--completed,.badge--succeeded,.badge--delivered,.badge--authorized,.badge--success,.badge--matched{color:#14734e;background:#e6f7ef}.badge--failed,.badge--cancelled,.badge--delivery-failed,.badge--lost,.badge--high{color:#ad2828;background:#ffeded}.badge--requested,.badge--in-review,.badge--purple{color:#6545a5;background:#f1ecff}.badge--warning{color:#8a5a08;background:#fff3cf}.filters{display:flex;gap:10px;margin-bottom:17px}.filters select{width:190px}.search{position:relative;flex:1}.search svg{position:absolute;left:12px;top:11px;color:#9a9390}.search input{margin:0;padding-left:38px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.79rem}th{text-align:left;color:var(--muted);font-size:.68rem;font-weight:700;background:#faf9f9;padding:10px 12px;border-bottom:1px solid var(--border)}td{padding:13px 12px;border-bottom:1px solid #f0eeee;vertical-align:middle}td small{display:block;font-size:.65rem;margin-top:2px}.primary-link{color:#d94023;font-weight:800}.danger-text{color:#bc2929}.back-link{display:inline-flex;gap:5px;align-items:center;font-size:.76rem;color:var(--muted);margin-bottom:12px}.empty{text-align:center;padding:35px 15px;color:var(--muted)}.empty__icon{display:block;font-size:2rem;color:#c6bfbc}.empty h3{color:#4d4745;font-size:.9rem;margin:7px 0 3px}.empty p{font-size:.75rem;margin:0}.spinner{width:26px;height:26px;border:3px solid #f5cdc4;border-top-color:var(--orange);border-radius:50%;margin:35px auto;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fullscreen-center{min-height:100vh;display:grid;place-items:center}.notice{padding:10px 12px;border-radius:8px;margin:10px 0;font-size:.75rem}.notice--error{background:#fff0f0;color:#9c2222;border:1px solid #ffd5d5}.notice--warning{background:#fff7df;color:#7c550d}.notice--success{background:#edf9f1;color:#216e3a;border:1px solid #c9ebd3}.notice--info{background:#eef6ff;color:#245b84;border:1px solid #cee3f5}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:17px}.detail-stack,.detail-grid aside{display:flex;flex-direction:column;gap:17px}.line-item{display:grid;grid-template-columns:44px 1fr 35px 90px;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #f0eeee;font-size:.77rem}.line-item small{display:block}.item-image{width:40px;height:40px;display:grid;place-items:center;border-radius:7px;background:#f4f1f0;color:#938b88}.package-row{display:grid;grid-template-columns:36px 1fr auto minmax(125px,auto);gap:10px;padding:12px 0;align-items:center;border-bottom:1px solid #f0eeee;font-size:.8rem}.package-row>span:first-child{color:var(--orange)}.package-row small{display:block}.package-row select{font-size:.72rem}.definition>div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #f0eeee;font-size:.77rem}.definition dt{color:var(--muted)}.definition dd{margin:0;font-weight:700}address{font-size:.77rem;line-height:1.8;font-style:normal}.privacy-hint{font-size:.65rem;color:var(--muted);background:#f7f5f4;padding:7px;border-radius:6px}.note-input{display:flex;gap:8px}.notes>div{border-top:1px solid #f0eeee;padding:10px 0;font-size:.75rem}.notes p{margin:3px 0}.pickup-layout,.export-grid,.settings-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:17px}.schedule-field{display:flex;align-items:center;gap:8px;background:#faf8f7;border-radius:8px;padding:8px 10px;margin-bottom:12px}.schedule-field input{width:auto;margin:0 0 0 auto}.select-all{display:flex;align-items:center;gap:6px}.select-all input,.checkbox-pill input,.select-list input,.field-groups input,.mini-package-list input{width:auto;margin:0;accent-color:var(--orange)}.select-list>label{display:grid;grid-template-columns:18px 34px 1fr auto;gap:10px;align-items:center;padding:11px 9px;border:1px solid transparent;border-bottom-color:#f0eeee;cursor:pointer}.select-list>label.selected{background:#fff8f5;border-color:#ffd8ce;border-radius:8px}.parcel-mark{color:var(--orange)}.select-list strong,.select-list small{display:block}.parcel-meta{text-align:right;font-weight:500}.batch-list>div,.export-list>div,.integration-list>div,.passkey-list>div{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #f0eeee;font-size:.77rem}.batch-list>div{grid-template-columns:38px 1fr auto}.batch-list>div>div:last-child{text-align:right}.batch-list small,.export-list small,.integration-list small,.passkey-list small{display:block}.batch-icon,.file-icon,.passkey-list>div>span{width:34px;height:34px;border-radius:8px;background:var(--orange-soft);color:var(--orange);display:grid;place-items:center}.segmented{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.segmented button{border:1px solid var(--border);background:#fff;padding:10px;border-radius:8px;cursor:pointer}.segmented button.active{color:#d84124;background:var(--orange-soft);border-color:#f8b7a8;font-weight:700}.field-title{margin-top:23px}.field-groups fieldset{border:0;padding:0;margin:0 0 15px}.field-groups legend{font-size:.7rem;font-weight:800;color:var(--muted);text-transform:uppercase}.field-groups label{display:flex;align-items:center;gap:9px;padding:6px 2px}.field-groups label span{flex:1}.field-groups small{display:block;font-weight:400;font-size:.62rem}.export-list>div{grid-template-columns:38px 1fr auto}.export-list>div>div:last-child{display:flex;align-items:center;gap:6px}.icon-button{width:31px;height:31px;background:#f4f2f1;border-radius:7px;display:grid;place-items:center}progress{height:5px;width:100%}.checkbox-pill{display:flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:8px;padding:7px 10px;white-space:nowrap}.shipment-list>div{display:grid;grid-template-columns:40px 1fr auto 36px;gap:12px;align-items:center;padding:12px 5px;border-bottom:1px solid #f0eeee;font-size:.78rem}.shipment-list>div.has-exception{border-left:3px solid #d83737;padding-left:9px}.shipment-icon{width:38px;height:38px;display:grid;place-items:center;color:#417fa8;background:#edf6fc;border-radius:9px}.shipment-list small{display:block}.shipment-state{text-align:right}.exception{color:#b82b2b;font-size:.65rem;display:flex;align-items:center;justify-content:flex-end;gap:3px}.exception svg{width:12px}.return-list>div{display:grid;grid-template-columns:1fr 1fr auto;gap:15px;padding:13px 5px;border-bottom:1px solid #f0eeee;align-items:center;font-size:.77rem}.return-list small{display:block}.return-list p{margin:0;color:var(--muted)}.return-list>div>div:last-child{text-align:right}.deadline{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px;font-size:.66rem}.deadline svg{width:13px}.overdue{color:#bd2828;font-weight:700}.scanner-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:17px}.scan-card{text-align:center}.scan-card>p{color:var(--muted);font-size:.76rem}.scan-visual{margin:0 auto 10px;width:90px;height:90px;color:var(--orange);display:grid;place-items:center;position:relative}.scan-visual svg{width:75px;height:75px}.scan-visual span{position:absolute;font-size:.65rem;font-weight:800}.divider{display:flex;align-items:center;gap:8px;color:#aaa3a0;font-size:.68rem;margin:14px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#eeeae8}.scan-input{display:flex;gap:7px;position:relative}.scan-input>svg{position:absolute;z-index:1;left:10px;top:9px;color:#999}.scan-input input{padding-left:35px}.scan-result h2{text-align:left}.match-success,.match-miss{text-align:center;padding:15px}.match-success>svg{width:48px;height:48px;color:#229364}.match-success>span{display:block;color:#22815a;font-size:.75rem}.match-success h3{font-size:1.3rem;margin:7px}.match-success dl{text-align:left;background:#f8faf9;padding:10px;border-radius:8px}.match-success dl>div{display:flex;justify-content:space-between;padding:5px;font-size:.73rem}.match-success dd{margin:0;font-weight:700}.label-editor{display:grid;grid-template-columns:310px minmax(360px,1fr) 300px;gap:15px;align-items:start}.label-tools{max-height:calc(100vh - 100px);overflow-y:auto}.template-editor-heading{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:end;margin-bottom:10px}.template-editor-heading .button{margin-bottom:1px}.editing-version{color:var(--muted);background:#f7f5f4;border-radius:7px;padding:7px 8px;font-size:.63rem;margin-bottom:10px}.size-fields,.coordinate-grid,.property-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 16px}.template-meta-fields{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:18px}.default-template-toggle,.transparent-toggle{display:flex;align-items:center;gap:7px;font-size:.7rem;cursor:pointer}.default-template-toggle input,.transparent-toggle input{width:auto;margin:0;accent-color:var(--orange)}.layer-heading{margin-bottom:6px}.layer-heading h2 small{color:var(--muted);font-size:.6rem}.layer-heading>div{display:flex;gap:5px}.layer-heading select{max-width:150px;padding:7px;font-size:.66rem}.layer-heading .button{padding:7px 9px}.layer-list{max-height:255px;overflow-y:auto}.layer-list button{border:0;background:none;width:100%;display:flex;gap:8px;align-items:center;text-align:left;padding:7px;border-radius:7px;cursor:pointer}.layer-list button.active{background:var(--orange-soft);color:#d94023}.layer-list svg{width:16px}.layer-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem}.layer-list small{display:block;font-size:.57rem}.layer-list-empty{color:var(--muted);font-size:.65rem;text-align:center;padding:14px 4px}.property-panel{border-top:1px solid var(--border);margin-top:12px;padding-top:12px;display:grid;gap:9px}.property-panel textarea{resize:vertical}.property-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.property-actions .button{width:100%;padding:7px}.property-hint{padding:8px;border-radius:7px;background:#eef6ff;color:#245b84;font-size:.63rem;line-height:1.5}.property-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.property-color-grid input[type=color]{height:38px;padding:4px}.canvas-area{min-height:570px;background:#ddd9d7;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;padding:34px 30px 30px;overflow:auto}.ruler-label{position:absolute;top:9px;left:12px;color:#716b68;font-size:.65rem}.label-canvas{position:relative;flex:none;background:#fff;box-shadow:0 8px 30px #0000002e}.canvas-element{position:absolute;display:flex;border:0;padding:1px;text-align:left;overflow:hidden;cursor:grab;line-height:1.25;touch-action:none;user-select:none;white-space:pre-wrap}.canvas-element:active{cursor:grabbing}.canvas-element.active{outline:1px dashed var(--orange);outline-offset:1px}.canvas-element--barcode{display:block}.preview-barcode{width:100%;height:calc(100% - 11px);min-height:5px;display:block;padding:0!important;background:repeating-linear-gradient(90deg,#111 0,#111 1px,transparent 1px,transparent 3px)!important}.canvas-element--barcode small{display:block;text-align:center;font:6px monospace}.canvas-element--qr{align-items:center!important;justify-content:center;text-align:center}.preview-qr{font-size:min(44px,11vw);line-height:1}.preview-carrier-logo{display:flex;align-items:baseline;gap:4px;font-family:Arial,sans-serif;line-height:.8}.preview-carrier-logo b{font-size:27px;font-weight:900;letter-spacing:-2px}.preview-carrier-logo small{font-size:6px;font-weight:900;letter-spacing:.07em}.canvas-element--item_table{padding:0}.preview-item-table{width:100%;height:100%;border-collapse:collapse;table-layout:fixed;font:inherit}.preview-item-table th,.preview-item-table td{border-bottom:1px solid #555;padding:2px;vertical-align:top}.preview-item-table th:last-child,.preview-item-table td:last-child{width:38px;text-align:center}.preview-item-table small{display:block;font-size:.8em}.print-panel{max-height:calc(100vh - 100px);overflow-y:auto}.print-panel>label{display:block;margin-bottom:10px}.mini-package-list{max-height:230px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;margin:10px 0}.mini-package-list label{display:flex;gap:8px;align-items:center;padding:7px;border-bottom:1px solid #f1eeee}.mini-package-list span,.mini-package-list small{display:block;font-size:.65rem}.recent-print{margin-top:18px}.recent-print h3{font-size:.8rem}.recent-print>div{display:grid;grid-template-columns:24px 1fr auto;gap:6px;align-items:center;font-size:.65rem;padding:7px 0;border-bottom:1px solid #eee}.recent-print small{display:block}.settings-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:17px}.settings-tabs button{display:flex;align-items:center;gap:7px;border:0;border-bottom:2px solid transparent;background:none;padding:9px 13px;cursor:pointer;color:var(--muted)}.settings-tabs button.active{color:#d84124;border-color:var(--orange);font-weight:700}.settings-tabs svg{width:17px}.integration-list>div{grid-template-columns:40px minmax(180px,1fr) auto auto auto}.shop-logo{width:36px;height:36px}.inline-form{display:flex;gap:7px;margin-bottom:14px}.inline-form select{min-width:160px}.setting-row{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #eee;font-size:.75rem}.setting-row small{display:block}.setting-row>svg{color:var(--orange)}.passkey-list>div{grid-template-columns:38px 1fr auto}.user-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:17px}.user-metrics .card{display:flex;align-items:center;gap:12px;padding:16px}.user-metrics strong,.user-metrics small{display:block}.user-metrics strong{margin-top:2px;font-size:1.45rem;line-height:1.1}.user-metrics small{font-size:.68rem}.user-metric-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex:none}.user-metric-icon svg{width:19px}.user-metric-icon--orange{color:#d8492d;background:var(--orange-soft)}.user-metric-icon--green{color:#178f61;background:#e9f9f1}.user-metric-icon--purple{color:#7857bf;background:#f3efff}.user-metric-icon--blue{color:#287bd4;background:#eaf4ff}.user-form-card{margin-bottom:17px;border-color:#f2c7bc;box-shadow:0 8px 26px #66352714}.user-close-button{width:34px;height:34px;border:0;border-radius:8px;background:#f5f3f2;color:var(--muted);cursor:pointer;display:grid;place-items:center}.user-form{display:grid;grid-template-columns:1fr 1.25fr .85fr .8fr;gap:13px;align-items:start}.user-form label>small{display:block;margin-top:5px;font-size:.6rem;font-weight:400;line-height:1.45}.user-form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:7px;padding-top:3px}.user-toolbar{display:flex;gap:9px;margin-bottom:16px}.user-toolbar .search{max-width:480px}.user-toolbar>select{width:180px}.users-table th:last-child,.users-table td:last-child{width:96px;text-align:right}.user-identity{display:flex;align-items:center;gap:10px;min-width:230px}.user-identity>span{width:35px;height:35px;border-radius:50%;background:#f1eeed;color:#5d5653;display:grid;place-items:center;font-weight:800;flex:none}.user-identity strong,.user-identity small{display:block}.user-identity strong{font-size:.79rem}.user-identity strong em{display:inline-flex;margin-left:6px;padding:1px 5px;border-radius:999px;background:#ede9fe;color:#6945a6;font-size:.53rem;font-style:normal;vertical-align:middle}.user-row-actions{display:flex;justify-content:flex-end;gap:5px}.user-row-actions .button{width:32px;height:32px;padding:0}.user-delete-button{color:#b72c2c;background:#fff0f0}.user-row--disabled{opacity:.62}.badge--super-admin{color:#6945a6;background:#f1ecff}.badge--admin{color:#1b61a2;background:#eaf4ff}.badge--user{color:#4f645c;background:#edf2f0}.badge--active{color:#14734e;background:#e6f7ef}.badge--disabled{color:#ad2828;background:#ffeded}.notification-center{position:relative}.notification-trigger{width:36px;height:36px;border:0;border-radius:9px;background:#f5f3f2;color:#625c59;display:grid;place-items:center;cursor:pointer;position:relative}.notification-trigger>span{position:absolute;top:-4px;right:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:.56rem;font-weight:800}.notification-popover{position:absolute;top:43px;right:0;width:min(380px,calc(100vw - 30px));background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 14px 38px #281e192e;overflow:hidden;z-index:50}.notification-popover__header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.notification-popover__header small{font-size:.62rem}.notification-feed{max-height:430px;overflow-y:auto}.notification-feed>p{color:var(--muted);text-align:center;font-size:.75rem;padding:25px}.notification-feed>button{width:100%;border:0;border-bottom:1px solid #f0eeee;background:#fff;display:grid;grid-template-columns:8px 1fr;gap:9px;text-align:left;padding:12px 14px;cursor:pointer}.notification-feed>button:hover{background:#fff9f7}.notification-feed strong,.notification-feed small,.notification-feed time{display:block}.notification-feed strong{font-size:.76rem}.notification-feed small{font-size:.66rem;margin:2px 0 4px}.notification-feed time{color:#aaa3a0;font-size:.57rem}.notification-dot{width:7px;height:7px;border-radius:50%;background:#d8d3d1;margin-top:5px}.notification-dot.unread{background:var(--orange)}.browser-notification-copy{font-size:.78rem;line-height:1.65}.browser-notification-actions{display:flex;gap:8px;flex-wrap:wrap}.browser-event-list{display:grid;gap:7px}.browser-event-list label{display:grid;grid-template-columns:18px 1fr 18px;gap:9px;align-items:center;border:1px solid var(--border);border-radius:9px;padding:10px;cursor:pointer}.browser-event-list label.selected{background:#fff8f5;border-color:#f6b4a5}.browser-event-list label.disabled{opacity:.55;cursor:not-allowed}.browser-event-list input{width:auto;margin:0;accent-color:var(--orange)}.browser-event-list strong,.browser-event-list small{display:block}.browser-event-list strong{font-size:.76rem}.browser-event-list small{font-size:.62rem;font-weight:400;margin-top:2px}.browser-event-list svg{color:var(--orange)}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;padding:0!important;max-width:none!important}.login-hero{background:linear-gradient(145deg,#f25a3b,#cf351c);color:#fff;position:relative;overflow:hidden;display:grid;place-items:center;padding:60px}.login-hero:before,.login-hero:after{content:"";position:absolute;border:1px solid rgb(255 255 255 / 16%);border-radius:50%;width:460px;height:460px;right:-160px;top:-120px}.login-hero:after{width:600px;height:600px;right:-280px;top:120px}.login-hero__content{position:relative;z-index:1;max-width:570px}.eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.2em;opacity:.8}.login-hero h1{font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.14;letter-spacing:-.05em;margin:20px 0}.login-hero p{line-height:1.8;max-width:500px;opacity:.88}.login-benefits{display:flex;gap:20px;margin-top:35px}.login-benefits span{display:flex;gap:6px;align-items:center;font-size:.75rem}.login-benefits svg{width:17px}.login-panel{display:grid;place-items:center;padding:40px;background:#fff}.login-card{width:min(390px,100%)}.brand--login{padding:0 0 30px}.login-card h2{font-size:1.6rem;margin-bottom:5px}.login-card>p{font-size:.78rem}.login-card label{display:block;margin-bottom:10px}.login-card .button{width:100%}.login-footnote{text-align:center;margin-top:25px;font-size:.65rem!important;color:#aaa!important}.backdrop{display:none}.badge--removed{color:#6d3b2f;background:#eee5e2}.source-removed-row{opacity:.72;background:#faf8f7}.api-doc-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.api-doc-metric{display:grid;grid-template-columns:1fr auto;gap:7px 12px;align-items:center;padding:16px}.api-doc-metric strong{font-size:1.65rem}.api-doc-metric small{grid-column:1 / -1;font-size:.65rem;line-height:1.55}.api-readiness{display:inline-flex;width:fit-content;border-radius:999px;padding:4px 9px;font-size:.64rem;font-weight:800;white-space:nowrap}.api-readiness--live{color:#126b48;background:#e5f7ee}.api-readiness--ready{color:#1b61a2;background:#e8f3ff}.api-readiness--client{color:#7350ad;background:#f1ebff}.api-readiness--planned{color:#725f26;background:#f8f1d8}.api-doc-notes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.api-doc-note{display:flex;align-items:flex-start;gap:10px;border:1px solid #cfe3f6;background:#f1f7fd;color:#28597f;border-radius:11px;padding:13px 15px}.api-doc-note--warning{border-color:#f0dfaa;background:#fff9e7;color:#735b18}.api-doc-note svg{flex:none;margin-top:2px}.api-doc-note p{margin:0;font-size:.74rem;line-height:1.65}.api-doc-note strong{display:block;color:inherit}.api-doc-toolbar{margin-bottom:16px}.api-category-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.api-category-tabs button{border:1px solid var(--border);border-radius:999px;background:#fff;color:#696260;padding:6px 10px;font-size:.7rem;cursor:pointer}.api-category-tabs button.active{border-color:#f4ac9b;color:#d74124;background:var(--orange-soft);font-weight:800}.api-doc-results-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 2px 10px}.api-doc-results-title span{font-size:.78rem;font-weight:800}.api-doc-results-title small{font-size:.65rem}.api-capability-list{display:grid;gap:11px}.api-capability-card{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:13px;overflow:hidden}.api-capability-card>summary{list-style:none;cursor:pointer;padding:18px 20px}.api-capability-card>summary::-webkit-details-marker{display:none}.api-capability-card>summary:after{content:"เปิดดูรายละเอียด";display:block;width:fit-content;margin-top:9px;color:#d94124;font-size:.65rem;font-weight:800}.api-capability-card[open]>summary:after{content:"ซ่อนรายละเอียด"}.api-capability-card[open]>summary{border-bottom:1px solid var(--border);background:#fffdfc}.api-capability-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.api-capability-heading h2{margin:3px 0 6px;font-size:1.02rem}.api-capability-heading code{color:#745249;background:#f8f2f0;border-radius:5px;padding:3px 6px;font-size:.66rem;word-break:break-word}.api-category{color:var(--muted);font-size:.61rem;font-weight:800;letter-spacing:.04em}.api-capability-status{display:flex;gap:6px;align-items:center}.api-method{border:1px solid var(--border);border-radius:5px;padding:3px 6px;color:#6d6764;font-size:.6rem;font-weight:800}.api-capability-card>summary>p{margin:10px 0 0;color:var(--muted);font-size:.74rem;line-height:1.65;max-width:940px}.api-capability-body{padding:20px}.api-capability-body section+section{margin-top:22px}.api-capability-body h3{font-size:.8rem;margin-bottom:9px}.api-fields-table{min-width:820px;table-layout:fixed}.api-fields-table th:nth-child(1){width:24%}.api-fields-table th:nth-child(2){width:13%}.api-fields-table th:nth-child(3){width:29%}.api-fields-table td{line-height:1.55;vertical-align:top}.api-fields-table code{color:#a83a24;background:#fff1ed;border-radius:4px;padding:2px 4px;font-size:.67rem;word-break:break-word}.pii-tag{display:inline-flex;margin-left:5px;color:#a12626;background:#ffe8e8;border-radius:999px;padding:1px 5px;font-size:.53rem;font-weight:800}.api-use-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.api-use-grid section{border-radius:9px;background:#eff8f3;color:#285d43;padding:14px}.api-use-grid .api-cautions{background:#fff6e8;color:#765322}.api-use-grid ul{margin:0;padding-left:20px}.api-use-grid li{margin:5px 0;font-size:.72rem;line-height:1.55}.api-official-link{display:inline-flex;align-items:center;gap:5px;color:#d94124;font-size:.7rem;font-weight:800;margin-top:18px}.api-official-link:hover{text-decoration:underline}.api-derived-card{margin-top:18px}@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(3,1fr)}.label-editor{grid-template-columns:250px 1fr}.print-panel{grid-column:1 / -1;max-height:none}.mini-package-list{max-height:180px}.user-form{grid-template-columns:1fr 1fr}.user-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.sidebar{transform:translate(-100%);transition:transform .2s}.sidebar--open{transform:translate(0)}.app-main{margin-left:0}.topbar{justify-content:space-between;padding:0 14px}.menu-button{display:inline-flex!important}.app-main main{padding:22px 16px 40px}.backdrop{display:block;position:fixed;inset:0;border:0;background:#0000004d;z-index:25}.dashboard-grid,.pickup-layout,.export-grid,.settings-grid,.scanner-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.detail-grid,.label-editor{grid-template-columns:1fr}.label-tools,.print-panel{max-height:none}.canvas-area{min-height:520px}.login-page{grid-template-columns:1fr}.login-hero{display:none}.login-panel{min-height:100vh}.return-list>div{grid-template-columns:1fr auto}.return-list p{grid-row:2}.donut-layout{flex-wrap:wrap}.api-doc-summary{grid-template-columns:repeat(2,1fr)}.api-doc-notes,.api-use-grid{grid-template-columns:1fr}}@media(max-width:520px){.page-header{flex-direction:column}.page-actions,.page-actions .button{width:100%}.metric-grid{grid-template-columns:1fr}.metric{padding:13px}.filters{flex-direction:column}.filters select{width:100%}.carrier-list>div{grid-template-columns:32px 1fr 35px}.carrier-list .bar{display:none}.line-item{grid-template-columns:40px 1fr 25px}.line-item>b{grid-column:2}.package-row{grid-template-columns:30px 1fr auto}.package-row select{grid-column:2 / -1}.schedule-field{align-items:flex-start;flex-wrap:wrap}.schedule-field input{width:100%}.select-list>label{grid-template-columns:18px 30px 1fr}.parcel-meta{grid-column:3;text-align:left}.shipment-list>div{grid-template-columns:38px 1fr auto}.shipment-list>.button{grid-column:3}.shipment-state{grid-row:2;grid-column:2;text-align:left}.exception{justify-content:flex-start}.label-tools{order:2}.canvas-area{min-height:500px;padding:28px 8px}.print-panel{order:3}.inline-form{flex-direction:column}.integration-list>div{grid-template-columns:38px 1fr auto}.integration-list .button{grid-column:2 / -1}.settings-tabs{overflow-x:auto}.settings-tabs button{white-space:nowrap}.login-panel{padding:25px}.topbar__sync span{display:none}.notification-popover{position:fixed;top:62px;right:8px;left:8px;width:auto}.api-doc-summary{grid-template-columns:1fr}.api-capability-heading{flex-direction:column}.api-doc-results-title{align-items:flex-start;flex-direction:column}.api-capability-card>summary,.api-capability-body{padding:15px}.user-metrics,.user-form{grid-template-columns:1fr}.user-toolbar{flex-direction:column}.user-toolbar .search,.user-toolbar>select{width:100%;max-width:none}}