:root{color-scheme:dark;--bg:#07080b;--panel:#111318;--panel2:#17191f;--line:#2b2e37;--muted:#969ba8;--ink:#f5f6f8;--red:#e51937;--red2:#ff3b55;--yellow:#ffbd35;--green:#35c77a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 0,#27050b 0,transparent 30%),var(--bg);color:var(--ink);font:14px/1.6 system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,input,textarea,select{outline-offset:3px}button{cursor:pointer;border:1px solid var(--line);background:#1b1e25;color:var(--ink);border-radius:10px;padding:9px 13px}button:hover{border-color:var(--red2);background:#24262e}button:disabled{opacity:.45;cursor:default}a{color:var(--red2);text-decoration:none}input,select,textarea{background:#090a0e;border:1px solid #343741;border-radius:9px;color:var(--ink);padding:10px;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--red2)}textarea{resize:vertical}small{display:block;color:var(--muted)}[hidden]{display:none!important}.workspace{display:grid;grid-template-columns:285px minmax(0,1fr);height:100dvh}.sidebar{border-right:1px solid var(--line);background:#0c0d11;padding:22px 15px;display:flex;flex-direction:column;gap:14px;min-height:0}.brand{font-weight:900;font-size:20px;letter-spacing:.02em;color:white;padding:0 8px 14px}.brand span{color:var(--red2)}.brand small{font-size:11px;letter-spacing:.12em;margin-top:3px}.primary{background:linear-gradient(135deg,var(--red),#b60925);color:#fff;border-color:var(--red2);font-weight:750}.primary:hover{background:linear-gradient(135deg,var(--red2),var(--red))}.wide{width:100%;margin-top:12px}.chat-list{flex:1;overflow:auto}.chat-row{display:grid;width:100%;text-align:left;padding:13px;margin-bottom:8px;background:#101116;gap:2px}.chat-row.active{background:#270d13;border-color:#8b1b2c;box-shadow:inset 3px 0 var(--red)}.chat-row strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:14px}.chat-row small{font-size:11px}.order-no{color:#fff;font-weight:800}.status-badge{display:inline-flex;width:max-content;align-items:center;gap:5px;padding:3px 8px;border:1px solid;border-radius:999px;font-size:10px;font-weight:700}.status-badge b{display:grid;place-items:center;width:14px;height:14px;border-radius:50%;color:#090a0e}.status-warning{color:#ffdc86;background:#3b2c08;border-color:#7b5b11}.status-warning b{background:var(--yellow)}.status-success{color:#89edb7;background:#0d3924;border-color:#1b7247}.status-success b{background:var(--green)}.status-danger{color:#ff9cac;background:#47111a;border-color:#922336}.status-danger b{background:#ff536c}.pages{display:flex;align-items:center;justify-content:space-between}.subtle{font-size:12px;color:var(--muted);background:transparent;border:0}main{min-width:0;overflow:hidden}.topbar{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:15px 24px;background:#090a0dcc}.topbar>div{flex:1;min-width:0}.topbar strong{font-size:17px}.pill{font-size:11px;white-space:nowrap;padding:4px 10px;background:#231219;color:#ff9cab;border:1px solid #4b1e29;border-radius:20px}.empty{padding:8vh 8vw}.eyebrow{color:var(--red2);letter-spacing:.18em;font-size:12px}.empty h1{font-size:clamp(32px,5vw,65px);line-height:1.25;letter-spacing:-.035em}.empty h1 span{color:var(--red2)}.empty p{color:var(--muted);font-size:16px;margin-bottom:30px}.summary{display:flex;gap:12px;padding:14px 22px;border-bottom:1px solid var(--line);flex-wrap:wrap;background:#0b0c10}.metric{min-width:115px;flex:1}.metric span{display:block;color:var(--muted);font-size:11px}.metric b{font-size:21px;font-variant-numeric:tabular-nums}.metric.accent b{color:var(--red2)}#active{height:calc(100dvh - 86px);display:flex;flex-direction:column}.chat-work{display:grid;grid-template-columns:minmax(330px,1fr) 350px;flex:1;min-height:0}.conversation{display:flex;flex-direction:column;min-height:0;min-width:0}.presence{font-size:11px;color:var(--muted);padding:9px 22px}.messages{flex:1;min-height:150px;overflow:auto;padding:12px 24px;display:flex;flex-direction:column;gap:13px}.bubble{align-self:flex-start;max-width:86%;background:#1b1e25;padding:11px 15px;border:1px solid #2b2f39;border-radius:15px 15px 15px 3px;overflow-wrap:anywhere;white-space:pre-wrap}.bubble.mine{align-self:flex-end;background:#39111a;border-color:#732033;border-radius:15px 15px 3px 15px}.bubble.system{align-self:center;background:#111217;border:1px solid var(--line);color:#c2c5cc;font-size:12px;max-width:95%;text-align:center}.bubble small{font-size:10px;margin-top:5px}.bubble img{max-width:100%;max-height:280px;border-radius:8px;cursor:zoom-in}.info-message{display:flex;flex-direction:column;gap:6px;text-align:left;min-width:min(360px,75vw)}.info-message b{font-size:14px;color:#fff}.info-message>span{font-weight:700}.info-message button{margin-top:5px}.composer{border-top:1px solid var(--line);padding:13px 16px;display:flex;gap:8px;align-items:center;background:#0b0c10}.composer textarea{max-height:130px;resize:none}.attach{cursor:pointer;padding:8px}.details{border-left:1px solid var(--line);overflow:auto;padding:17px;background:#0c0d11}.detail-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:12px;font-size:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:15px;margin-bottom:11px}.card h3{margin:0 0 3px;font-size:15px}.card p{margin:6px 0;color:var(--muted);font-size:12px}.card label,.form label{display:block;margin:10px 0;font-size:12px}.card button{margin-top:6px}.row{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.danger{color:#ff9cab;border-color:#762235;background:#2e1017}.subtle-danger{font-size:11px;padding:6px 9px}.notice{padding:11px;background:#3b2c0c;color:#ffdd91;border:1px solid #6d5116;border-radius:8px}.privacy-note{padding:11px;background:#121922;color:#bfc9d6;border:1px solid #2e3e52;border-radius:8px}.paid-ok{color:#79e7aa!important;font-weight:750}.error-text{color:#ff8698;overflow-wrap:anywhere}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-title span{color:var(--muted);font-size:11px}.badge{display:inline-block;background:#292c34;border-radius:6px;padding:2px 7px;font-size:10px;margin:4px}.info-approved{background:#153d28;color:#83e9b0}.info-submitted{background:#3d2d0d;color:#ffdc88}.info-canceled{background:#3e151d;color:#ff9aab}.info-row{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--line);padding:10px 0}.info-row:first-of-type{margin-top:8px}.info-row small{max-width:220px}.order-overview article{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;border-bottom:1px solid var(--line);padding:11px 0}.order-overview article b,.order-overview article small{overflow-wrap:anywhere}.order-overview article>strong{color:#ff8394;font-variant-numeric:tabular-nums}.order-overview article>button{padding:3px 8px;color:#ff9cac}.order-total{display:flex;justify-content:space-between;align-items:center;padding:15px 0 5px}.order-total b{font-size:22px;color:var(--red2)}.price-preview{display:flex;justify-content:space-between;align-items:center;padding:14px;background:#1b1015;border:1px solid #4a1b26;border-radius:10px}.price-preview b{font-size:22px;color:var(--red2)}details{font-size:12px;margin:12px 0}summary{cursor:pointer}.ledger-row{border-bottom:1px solid var(--line);padding:9px 0}.catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:13px}.game{text-align:left;padding:0;overflow:hidden;background:var(--panel)}.game img,.game .game-icon{height:125px;object-fit:cover;width:100%;background:#24262d;display:grid;place-items:center;font-size:44px}.game .caption{display:block;padding:13px}.game small{font-size:11px}dialog{color:var(--ink);background:#111217;border:1px solid #3b3e48;border-radius:16px;max-width:850px;width:calc(100% - 30px);max-height:90dvh;padding:21px}dialog::backdrop{background:#000c}.modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-top button{background:transparent;border:0}.form{max-width:560px;margin:auto}.form .primary{width:100%;margin-top:14px}.form h3{margin-top:25px}.form pre{white-space:pre-wrap;overflow-wrap:anywhere}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:1000;border:1px solid #713042;background:#35121b;padding:13px 21px;border-radius:12px;max-width:90vw}.qr{background:white;padding:10px;border-radius:12px;width:250px;max-width:100%;display:block;margin:15px auto}.form .total,.total{font-size:24px;color:var(--red2)}#menuToggle{display:none}.read-marker{color:#ff9cad}.muted{color:var(--muted)}.inline-forms{padding:0 20px 8px;max-height:54%;overflow:auto;background:#090a0d;border-top:1px solid var(--line)}.form-panel-toggle{position:sticky;top:0;z-index:2;width:100%;display:flex;justify-content:space-between;border:0;border-bottom:1px solid var(--line);border-radius:0;background:#090a0d;padding:10px 2px;color:#c6c8ce}.form-panel-toggle i{font-style:normal;color:#ff7e91;font-size:11px}.inline-forms .card{max-width:760px;margin:9px auto}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px;margin:12px 0}.quick-item{display:grid;grid-template-columns:52px minmax(0,1fr);gap:9px;padding:9px;border:1px solid #30333c;border-radius:11px;background:#0c0d11}.quick-item img,.package-icon{width:52px;height:52px;border-radius:8px;object-fit:cover;background:#24262d;display:grid;place-items:center}.quick-item>div:nth-child(2){min-width:0}.quick-item b,.quick-item strong{display:block;overflow:hidden;text-overflow:ellipsis}.quick-item strong{color:#ff8092}.quick-item strong small{display:inline}.qty{grid-column:1/-1;display:grid;grid-template-columns:34px 1fr 34px}.qty button,.qty input{height:32px;padding:3px;text-align:center;border-radius:7px}.emoji-picker{display:flex;flex-wrap:wrap;gap:8px}.emoji-picker button{font-size:28px;width:52px;height:52px;padding:0}
.inline-info-form{margin-top:10px;padding-top:10px;border-top:1px solid #4a2830;text-align:left}.inline-info-form label{display:block;margin:8px 0;font-size:11px}.inline-info-form input,.inline-info-form select{background:#08090c}.inline-info-form .primary{flex:1}.payment-message{display:flex;flex-direction:column;gap:6px;min-width:min(320px,72vw);text-align:left}.payment-message b{font-size:14px;color:#ff8798}.payment-message button{margin-top:5px}
@media(max-width:1150px){.workspace{grid-template-columns:230px minmax(0,1fr)}.chat-work{grid-template-columns:minmax(260px,1fr) 290px}.summary{padding:11px}.metric{min-width:90px}.metric b{font-size:17px}.messages{padding:12px}.quick-grid{grid-template-columns:1fr}}
@media(max-width:850px){.workspace{display:block}.sidebar{display:none;position:fixed;z-index:30;inset:86px auto 0 0;width:min(310px,88vw);background:#0b0c10;box-shadow:20px 0 60px #000b}.sidebar.open{display:flex}#menuToggle{display:block}.topbar{padding:10px;height:86px}.topbar strong{font-size:14px}.topbar small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill{font-size:9px}.chat-work{display:flex;flex-direction:column;overflow:auto}.conversation{min-height:670px;height:calc(100dvh - 86px);flex-shrink:0}.details{overflow:visible;border-left:0;border-top:1px solid var(--line);padding:14px}.summary{gap:7px}.metric{min-width:30%;flex:1}.metric b{font-size:16px}.messages{padding:10px}.bubble{max-width:94%}.inline-forms{max-height:55%;padding:0 9px 6px}.quick-grid{grid-template-columns:1fr}.composer{padding:9px 8px}.composer button{padding:9px}.info-row{align-items:flex-start;flex-direction:column}dialog{padding:16px}.empty{padding:7vh 7vw}}

/* Embedded in the original MxLarenShop shell */
.idpass-page .workspace{height:calc(100dvh - 118px)}
.idpass-page #active{height:calc(100dvh - 204px)}
.idpass-page .chat-brand{font-weight:900;font-size:20px;letter-spacing:.02em;color:#fff;padding:0 8px 14px}
.idpass-page .chat-brand span{color:var(--red2)}
.idpass-page .chat-brand small{font-size:11px;letter-spacing:.12em;margin-top:3px}
.idpass-page .connection-pill{font-size:11px;white-space:nowrap;padding:4px 10px;background:#231219;color:#ff9cab;border:1px solid #4b1e29;border-radius:20px}
.idpass-page .mx-header .brand{padding:0;font-size:inherit;letter-spacing:normal}
.idpass-page .announce .pill{width:100px;min-width:100px;max-width:100px;padding:6px 10px;background:linear-gradient(90deg,#e50914,#ff2442);border:0;color:#fff;font-size:inherit}
.chat-filter-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.chat-filter-tabs button{padding:7px 5px;font-size:10px;background:#101116;color:#aaaeb8}
.chat-filter-tabs button.active{color:#fff;border-color:#e51937;background:#3a0d16;box-shadow:inset 0 -2px #e51937}
.catalog-start-head{display:grid;grid-template-columns:90px minmax(0,1fr);gap:14px;align-items:center;margin-bottom:16px}
.catalog-start-head img,.catalog-start-icon{width:90px;height:90px;border-radius:13px;object-fit:cover;background:#24262d;display:grid;place-items:center;font-size:34px}
.start-package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:12px 0}
.start-package{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;text-align:left;align-items:center;padding:9px}
.start-package img,.start-package-icon{width:52px;height:52px;border-radius:8px;object-fit:cover;background:#252831;display:grid;place-items:center}
.start-package b,.start-package strong{display:block}.start-package strong{color:#ff7e91}
.start-package.selected{border-color:#ff3b55;background:#3a1019;box-shadow:inset 0 0 0 1px #ff3b55}
.catalog-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.catalog-actions button{flex:1;min-width:180px}
@media(max-width:850px){.idpass-page .workspace{height:calc(100dvh - 108px)}.idpass-page #active{height:calc(100dvh - 194px)}.idpass-page .sidebar{inset:108px auto 0 0}.idpass-page .conversation{height:calc(100dvh - 194px)}.connection-pill{font-size:9px}.catalog-start-head{grid-template-columns:64px minmax(0,1fr)}.catalog-start-head img,.catalog-start-icon{width:64px;height:64px}}

/* ID/PASS interaction extensions */
.icon-button{padding:7px 9px;min-width:38px}.store-status-badge,.vip-badge,.big-order-badge,.language-badge,.customer-tag{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800;border:1px solid #3b3e48;white-space:nowrap}.store-open{color:#82edb3;border-color:#25764a;background:#103a26}.store-temporary_closed,.store-out_of_stock{color:#ffdc86;border-color:#826014;background:#3b2d0b}.store-maintenance,.store-closed,.store-unknown{color:#ff9cac;border-color:#8d2638;background:#42131c}.chat-row-top{display:flex;justify-content:space-between;align-items:center}.unread-badge{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--red);color:#fff;font-size:11px;box-shadow:0 0 0 3px #e5193722}.vip-badge{color:#d5d8df;background:#22252c}.vip-2{color:#ffe08a;border-color:#9d741b;background:#49370f}.vip-3{color:#f1b0ff;border-color:#923fa8;background:#3f1749}.big-order-badge{color:#ffcf81;border-color:#c76b18;background:#4b250b}.language-badge{color:#9ed8ff;border-color:#286895;background:#102d43}.customer-tag{margin:3px 3px 0 0;color:#ffb0bc;border-color:#7e2938;background:#35131a}.profile-badges{display:flex;gap:5px;flex-wrap:wrap;margin:7px 0}.check-row,.switch-row{display:flex!important;align-items:center;gap:8px}.check-row input,.switch-row input{width:auto}.confirm-box{text-align:center;max-width:430px;margin:auto}.confirm-box .confirm-icon{display:grid;place-items:center;width:58px;height:58px;margin:4px auto 14px;border:2px solid var(--red2);border-radius:50%;background:#3b1119;color:#fff;font-size:28px;font-weight:900}.confirm-box p{white-space:pre-line;color:#d7d9df}.confirm-box .row{justify-content:center}.confirm-box button{min-width:130px}.attachment-preview{padding:10px 15px;border-top:1px solid #3b2430;background:#110c10}.attachment-preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.attachment-preview-head button{padding:4px 8px;font-size:11px}.attachment-preview-grid{display:grid;grid-template-columns:repeat(5,minmax(72px,110px));gap:8px}.attachment-preview figure{position:relative;margin:0;min-width:0}.attachment-preview img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid #454955;border-radius:9px}.attachment-preview figure button{position:absolute;right:-5px;top:-5px;width:24px;height:24px;padding:0;border-radius:50%;background:#a70d28;color:#fff}.attachment-preview figcaption{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#aeb2bc}.quick-chat-list{display:grid;gap:8px}.quick-chat-list button{text-align:left}.quick-chat-manage article{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.quick-chat-manage article span{overflow-wrap:anywhere}.custom-image-drop{display:grid;place-items:center;gap:4px;padding:18px;border:2px dashed #4b4f5b;border-radius:12px;background:#0b0c10;text-align:center}.custom-image-drop.active{border-color:var(--red2);background:#2b1117}.custom-image-drop input{max-width:330px}.image-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;margin-top:8px}.image-library button{padding:6px}.image-library img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:7px}.image-library small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#customImagePreview{position:relative;margin:10px 0;padding:7px;border:1px solid var(--line);border-radius:10px}#customImagePreview img{width:72px;height:72px;object-fit:cover;border-radius:8px;vertical-align:middle;margin-right:8px}#customImagePreview button{position:absolute;right:6px;top:6px;padding:2px 8px}.store-modal-status{padding:9px 12px;margin-bottom:10px;border:1px solid;border-radius:9px;font-weight:800}
.quick-estimate{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:12px 14px;border:1px solid #5b2430;border-radius:11px;background:linear-gradient(135deg,#211016,#110d11)}
.quick-estimate span{font-weight:700}.quick-estimate b{color:var(--red2);font-size:22px;font-variant-numeric:tabular-nums}
.pack-placeholder{display:grid;place-items:center;width:42px;height:42px;flex:none;border:1px solid #535866;border-radius:8px;background:linear-gradient(145deg,#292c34,#14161b);color:#c7cad1;font-size:9px;font-weight:900;letter-spacing:.08em}
.order-overview article:has(>.pack-placeholder){grid-template-columns:42px minmax(0,1fr) auto auto}.order-summary-message .pack-placeholder{width:42px;height:42px}
.conversation{position:relative}.conversation.drag-active::after{content:'วางรูปเพื่อเพิ่มในตัวอย่างก่อนส่ง';position:absolute;z-index:20;inset:10px;display:grid;place-items:center;border:2px dashed var(--red2);border-radius:16px;background:#090a0eee;color:#fff;font-size:20px;font-weight:800;pointer-events:none;box-shadow:inset 0 0 45px #e5193728}
@media(max-width:850px){.quick-estimate{padding:10px 12px}.quick-estimate b{font-size:19px}.conversation.drag-active::after{font-size:16px}}
@media(max-width:850px){.store-status-badge{font-size:8px;padding:2px 5px}.attachment-preview-grid{grid-template-columns:repeat(3,minmax(65px,1fr))}.topbar{gap:6px}.icon-button{min-width:32px;padding:6px}.customer-profile{margin-top:8px}}

/* IDPASS V15 — admin controls and customer management */
.admin-nav-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px}.admin-nav-tools button{font-size:11px;padding:8px 6px}.store-setting-button{display:flex;align-items:center;gap:7px;padding:4px 8px;background:#101319;border-color:#294737}.store-setting-button small{font-size:9px;white-space:nowrap}.store-setting-button .store-status-badge{pointer-events:none}.history-summary{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin-bottom:15px}.history-summary article{border:1px solid var(--line);border-radius:12px;padding:12px;background:#0b0d11}.history-summary b{display:block;font-size:20px;color:#ff6f84}.history-list,.ban-list{display:grid;gap:8px;max-height:55vh;overflow:auto}.history-list>button{text-align:left;display:grid;grid-template-columns:1fr auto;gap:5px}.history-list>button small{grid-column:1/-1}.ban-list article{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px}.ban-list p{margin:3px 0;color:var(--muted)}.tag-red{border-color:#8e2b3d}.tag-orange{border-color:#a15a24}.tag-yellow{border-color:#9b7c23}.tag-green{border-color:#247b4b}.tag-blue{border-color:#2d6993}.tag-purple{border-color:#70459a}.attach{font-size:20px;line-height:1;min-width:38px;text-align:center;border:1px solid var(--line);border-radius:9px}.attach:hover{border-color:var(--red2);background:#241118}
@media(max-width:680px){.history-summary{grid-template-columns:1fr 1fr}.admin-nav-tools{grid-template-columns:1fr}.store-setting-button small{display:none}}
.customer-name{font-size:14px!important;color:#fff}.customer-uid{color:#ff9bad!important;font-weight:800;letter-spacing:.02em}.chat-game{color:#b8bdc8!important}.chat-row-badges,.chat-row-tags{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.customer-tag.compact{margin:1px 0;padding:2px 6px;font-size:9px}.status-select{border-width:2px!important;font-weight:800}.status-select option{font-weight:800;padding:8px}.status-select option[value="wait_admin"]{color:#ffcf66;background:#4a3100}.status-select option[value="wait_customer"]{color:#8ed8ff;background:#102f43}.status-select option[value="need_information"]{color:#d3a5ff;background:#311b48}.status-select option[value="wait_payment"]{color:#ff9fce;background:#47162f}.status-select option[value="pending"]{color:#ffe28a;background:#3b300c}.status-select option[value="processing"]{color:#7fdcff;background:#123848}.status-select option[value="successful"]{color:#8df0b9;background:#103923}
.catalog{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.game img,.game .game-icon{aspect-ratio:1/1;height:auto}.start-package{border:1px solid #30333c;border-radius:12px;background:linear-gradient(180deg,#1b1e25,#13151a);padding:11px;box-shadow:0 8px 20px #0003;transition:border-color .18s ease,background .18s ease,transform .18s ease}.start-package:hover{border-color:#5a5e6b;background:#20232b;transform:translateY(-1px)}.start-package .qty{grid-column:1/-1;display:grid;grid-template-columns:36px minmax(34px,1fr) 36px;gap:7px;align-items:center;margin-top:3px}.start-package .qty>b{display:grid;place-items:center;height:34px;border:1px solid #343741;border-radius:8px;background:#0b0c10;color:#fff;font-variant-numeric:tabular-nums}.start-package .qty button{height:34px;padding:3px}.start-package.selected{border-color:var(--red2);background:linear-gradient(180deg,#351019,#211016);box-shadow:0 0 0 1px #ff3b5570,0 8px 22px #0004}.order-overview article>img{width:42px;height:42px;border-radius:8px;object-fit:cover}.order-overview article:has(>img){grid-template-columns:42px minmax(0,1fr) auto auto}.item-actions,.order-admin-buttons{display:flex;gap:5px}.item-actions button{padding:3px 7px}.order-admin-buttons button{flex:1}.status-select{border-width:2px}.status-select.status-warning{border-color:#b67d0d;color:#ffdc86}.status-select.status-success{border-color:#28a866;color:#89edb7}.status-select.status-danger{border-color:#d53b52;color:#ff9cac}.reply-preview{display:flex;justify-content:space-between;gap:8px;padding:8px 15px;background:#17191f;border-top:1px solid #343741;color:#c7cad1}.reply-preview button,.message-actions button{padding:2px 7px;font-size:11px}.message-actions{display:flex;justify-content:flex-end;gap:4px;margin:-5px -8px 4px}.reply-quote{border-left:3px solid var(--red2);background:#0b0c10;padding:6px 8px;margin-bottom:8px;font-size:11px;color:#bfc2ca}.reply-quote b{display:block}.payment-message.is-canceled{opacity:.65}.order-summary-message{text-align:left;min-width:min(420px,78vw)}.order-summary-message h3{margin:0 0 8px}.order-summary-message>div{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;border-top:1px solid #30333c;padding:8px}.order-summary-message img{width:42px;height:42px;object-fit:cover}.order-summary-message footer{display:flex;justify-content:space-between;padding-top:10px;font-size:15px}.order-change{display:flex;flex-direction:column;gap:5px;text-align:left;min-width:min(360px,75vw)}.store-setting{display:flex;gap:9px;align-items:end;padding:12px;border:1px solid #4d2530;background:#1c0d12;border-radius:10px;margin-bottom:14px}.store-setting label{flex:1}.store-setting button{margin-bottom:1px}