.crx3d{
  --crx-bg:#0b0e11;
  --crx-bg-soft:#101419;
  --crx-panel:#14191f;
  --crx-panel-2:#181e25;
  --crx-line:#2b333d;
  --crx-line-soft:#222a32;
  --crx-text:#f5f7f8;
  --crx-muted:#8d99a5;
  --crx-accent:#ff4b00;
  --crx-accent-soft:rgba(255,75,0,.12);
  --crx-green:#2dbb72;
  max-width:1180px;
  margin:32px auto;
  padding:22px;
  color:var(--crx-text);
  background:
    radial-gradient(circle at 92% 0%,rgba(255,75,0,.09),transparent 28%),
    linear-gradient(180deg,#0d1115 0%,#0a0d10 100%);
  border:1px solid #1d242b;
  border-radius:20px;
  box-shadow:0 24px 70px rgba(0,0,0,.26);
  font-family:"Chakra Petch",Arial,sans-serif;
  box-sizing:border-box;
}
.crx3d *,
.crx3d *:before,
.crx3d *:after{box-sizing:border-box}
.crx3d button,.crx3d input,.crx3d select,.crx3d textarea{font-family:"Chakra Petch",Arial,sans-serif}
.crx3d h2,.crx3d h3,.crx3d p{font-family:inherit}

.crx3d-head{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:12px 4px 28px;border-bottom:1px solid var(--crx-line-soft);margin-bottom:22px}
.crx3d-head-copy{max-width:790px}
.crx3d-head h1,.crx3d-head h2{margin:5px 0 8px;font-size:clamp(28px,4vw,48px);line-height:1;letter-spacing:-.035em;font-weight:700}
.crx3d-head p{color:var(--crx-muted);max-width:760px;margin:0;line-height:1.6;font-size:14px}
.crx3d-head img{border-radius:12px;border:1px solid #2a3036;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.crx3d-eyebrow{font-size:11px;letter-spacing:.18em;color:var(--crx-accent);font-weight:700;text-transform:uppercase}

.crx3d-card{background:linear-gradient(180deg,rgba(23,29,35,.96),rgba(17,22,27,.96));border:1px solid var(--crx-line);padding:24px;margin:0 0 18px;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.crx3d-card h3{margin:0;font-size:17px;letter-spacing:.055em;font-weight:700}
.crx3d-section-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}
.crx3d-section-title h3{margin-top:5px}
.crx3d-inpost-badge{padding:9px 12px;border-radius:8px;background:#ffcc00;color:#111;font-size:12px;letter-spacing:.08em;font-weight:700}

.crx3d-item-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}
.crx3d-item-head h3{font-size:19px;margin:5px 0 0;overflow-wrap:anywhere;max-width:820px}
.crx3d-remove{background:transparent;color:#8f99a3;border:1px solid transparent;border-radius:8px;padding:8px 10px;font-size:11px;letter-spacing:.08em;cursor:pointer;transition:.18s ease}
.crx3d-remove:hover{color:#fff;border-color:#3b444e;background:#20262d}

.crx3d-model-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:22px}
.crx3d-view{background:#080a0c;min-height:430px;position:relative;border:1px solid #252d35;border-radius:13px;overflow:hidden}
.crx3d-view:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 26%,transparent 75%,rgba(0,0,0,.16))}
.crx3d-view canvas{width:100%;height:430px;display:block;touch-action:none}
.crx3d-view-overlay{position:absolute;left:14px;top:12px;z-index:2;color:#67727d;font-size:10px;letter-spacing:.16em}
.crx3d-dims{position:absolute;left:14px;bottom:12px;z-index:2;background:rgba(7,9,11,.82);backdrop-filter:blur(8px);border:1px solid #252d35;border-radius:8px;padding:8px 10px;font-size:12px;letter-spacing:.05em}
.crx3d-dims.is-error{color:#ff7d70;border-color:#6d3430;background:rgba(77,25,21,.72)}

.crx3d-controls{display:flex;flex-direction:column;gap:16px}
.crx3d-file-btn,.crx3d-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:46px;background:var(--crx-accent);color:#fff!important;border:1px solid var(--crx-accent);border-radius:10px;padding:0 18px;font-weight:700;font-size:12px;letter-spacing:.065em;text-decoration:none!important;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}
.crx3d-file-btn:hover,.crx3d-btn:hover{background:#ff5d1a;border-color:#ff5d1a;box-shadow:0 8px 24px rgba(255,75,0,.2);transform:translateY(-1px)}
.crx3d-btn:disabled{opacity:.42;cursor:not-allowed;transform:none;box-shadow:none}
.crx3d-btn-ghost{background:transparent;border:1px solid #3a444e;margin:0 0 22px;color:#d9dfe3!important}
.crx3d-btn-ghost:hover{background:#171d23;border-color:#58636e;box-shadow:none}
.crx3d-btn-primary{min-width:250px}
.crx3d-note{font-size:12px;color:var(--crx-muted);line-height:1.5}

.crx3d-grid{display:grid;gap:14px}
.crx3d-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.crx3d-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.crx3d-subfields{margin-top:16px}
.crx3d label,.crx3d-field{display:flex;flex-direction:column;gap:8px;color:#b5bec7;font-size:12px;font-weight:500}
.crx3d-field-label{display:block;color:#b5bec7;font-size:12px;font-weight:500}
.crx3d input[type=text],.crx3d input[type=email],.crx3d input[type=tel],.crx3d input[type=number],.crx3d select{width:100%;min-height:45px;background:#0d1115;border:1px solid #303943;color:#f3f5f6;border-radius:9px;padding:0 12px;font-size:14px;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.crx3d input::placeholder{color:#59636c}
.crx3d input:focus,.crx3d select:focus{border-color:var(--crx-accent);box-shadow:0 0 0 3px var(--crx-accent-soft);background:#10151a}
.crx3d select{appearance:auto}

.crx3d-choice-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.crx3d-choice-cards label{position:relative;display:block;min-width:180px;cursor:pointer;color:inherit}
.crx3d-choice-cards input[type=radio]{position:absolute;opacity:0;pointer-events:none}
.crx3d-choice-cards label>span{display:flex;flex-direction:column;justify-content:center;min-height:54px;padding:12px 14px;background:#0e1317;border:1px solid #303943;border-radius:10px;color:#aeb8c1;font-size:12px;letter-spacing:.04em;transition:.16s ease}
.crx3d-choice-cards label>span strong{font-size:12px;color:inherit}
.crx3d-choice-cards label>span small{display:block;color:#74808b;margin-top:3px;font-size:10px;letter-spacing:0}
.crx3d-choice-cards input[type=radio]:checked+span{border-color:var(--crx-accent);background:var(--crx-accent-soft);color:#fff;box-shadow:inset 3px 0 0 var(--crx-accent)}
.crx3d-choice-cards input[type=radio]:focus-visible+span{outline:2px solid var(--crx-accent);outline-offset:2px}
.crx3d-delivery-choice label{flex:1 1 260px}
.crx3d-delivery-choice label>span{min-height:68px}

.crx3d-color-field{grid-column:1 / -1}
.crx3d-color-options{display:flex;gap:8px;flex-wrap:wrap;min-height:45px;padding:7px;background:#0d1115;border:1px solid #303943;border-radius:9px}
.crx3d-color-options.is-disabled{align-items:center;color:#68737d}
.crx3d-color-placeholder{padding:5px 7px;font-size:12px;color:#68737d}
.crx3d-color-option{display:inline-flex;align-items:center;gap:7px;min-height:31px;border:1px solid #303943;border-radius:8px;background:#151b20;color:#aeb7bf;padding:4px 9px 4px 6px;cursor:pointer;font-size:11px;transition:.16s ease}
.crx3d-color-option:hover{border-color:#59636d;color:#fff}
.crx3d-color-option.is-selected{border-color:var(--crx-accent);background:var(--crx-accent-soft);color:#fff;box-shadow:0 0 0 1px rgba(255,75,0,.16)}
.crx3d-color-swatch{width:19px;height:19px;flex:0 0 19px;border-radius:5px;background:var(--swatch);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
.crx3d-color-swatch.is-white{border-color:#78818a}
.crx3d-color-swatch.is-transparent{background-color:var(--swatch);background-image:linear-gradient(45deg,#767f87 25%,transparent 25%),linear-gradient(-45deg,#767f87 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#767f87 75%),linear-gradient(-45deg,transparent 75%,#767f87 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}

.crx3d-range-label{padding-top:2px}
.crx3d-range-label>span{display:flex;justify-content:space-between;align-items:center;gap:12px}
.crx3d-range-label strong{color:#fff;margin-left:auto}
.crx3d input[type=range]{accent-color:var(--crx-accent);width:100%;cursor:pointer}
.crx3d-qty{display:flex;align-items:center;gap:10px;border-top:1px solid var(--crx-line-soft);border-bottom:1px solid var(--crx-line-soft);padding:12px 0}
.crx3d-qty span{margin-right:auto;color:#8f99a3;font-size:11px;letter-spacing:.08em}
.crx3d-qty button{width:36px;height:36px;border-radius:9px;background:#20272e;border:1px solid #3b454f;color:#fff;font-size:20px;cursor:pointer;transition:.15s ease}
.crx3d-qty button:hover{border-color:var(--crx-accent);background:var(--crx-accent-soft)}
.crx3d-qty strong{min-width:26px;text-align:center;font-size:17px}
.crx3d-item-price{display:flex;justify-content:space-between;align-items:end;gap:14px;padding-top:2px}
.crx3d-item-price span{font-size:10px;color:#87929c;letter-spacing:.08em}
.crx3d-item-price strong{font-size:25px;line-height:1;color:#fff}

.crx3d-package-block{margin-top:22px;padding-top:20px;border-top:1px solid var(--crx-line-soft)}
.crx3d-package-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end;margin-bottom:14px}
.crx3d-package-head>div:first-child{display:flex;flex-direction:column;gap:5px}
.crx3d-package-head strong{font-size:12px;letter-spacing:.075em}
.crx3d-package-head small{color:var(--crx-muted);font-size:11px;line-height:1.5;max-width:650px}
.crx3d-package-live{text-align:right;color:#d6dce1;font-size:12px;font-weight:600;max-width:360px}
.crx3d-package-grid{display:grid;grid-template-columns:1.15fr repeat(3,1fr);gap:10px}
.crx3d-package-option{position:relative;display:flex!important;flex-direction:column!important;gap:4px!important;min-height:112px;padding:14px;background:#0d1216;border:1px solid #303943;border-radius:11px;cursor:pointer;transition:.16s ease;color:#aeb8c1!important}
.crx3d-package-option input{position:absolute;opacity:0;pointer-events:none}
.crx3d-package-option:has(input:checked){border-color:var(--crx-accent);background:var(--crx-accent-soft);box-shadow:inset 3px 0 0 var(--crx-accent)}
.crx3d-package-option:hover{border-color:#56616b}
.crx3d-package-option.is-disabled{opacity:.35;cursor:not-allowed}
.crx3d-package-code{font-size:22px;font-weight:700;line-height:1;color:#fff}
.crx3d-package-name{font-size:10px;letter-spacing:.04em;color:#c2c9cf}
.crx3d-package-option small{margin-top:auto;color:#74808b;font-size:10px;line-height:1.35}
.crx3d-package-auto .crx3d-package-code{font-size:15px;color:var(--crx-accent)}
.crx3d-shipping-note{margin:12px 0 0!important;color:#727e88;font-size:10px;line-height:1.5}

.crx3d-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);gap:30px;align-items:center}
.crx3d-summary h3{margin:5px 0 10px}
#crx3d-summary-text{color:var(--crx-muted);font-size:12px}
.crx3d-totals{display:flex;flex-direction:column;gap:9px;padding:16px 18px;border:1px solid #303943;background:#0d1216;border-radius:12px}
.crx3d-total-row{display:flex;justify-content:space-between;align-items:center;gap:18px}
.crx3d-total-row span{font-size:10px;letter-spacing:.08em;color:#87929c}
.crx3d-total-row strong{font-size:17px;font-weight:600;color:#e8ecef}
.crx3d-grand-total{border-top:1px solid #303943;margin-top:4px;padding-top:12px}
.crx3d-grand-total strong{font-size:27px;color:#fff}
.crx3d-totals>small{margin-top:4px;color:#66727c;font-size:9px;line-height:1.45;text-align:right}

.crx3d-submit{display:flex;flex-direction:column;gap:14px;margin:20px 0 12px;padding:4px}
.crx3d-consent{flex-direction:row!important;align-items:flex-start!important;gap:10px!important;font-weight:500;color:#c3cad0!important;line-height:1.45}
.crx3d-consent input{margin-top:2px;accent-color:var(--crx-accent)}
.crx3d-submit .crx3d-btn{align-self:flex-start}
.crx3d-alert{padding:14px 16px;margin:14px 0;border:1px solid #444;border-radius:10px;line-height:1.5;font-size:13px}
.crx3d-alert-error{background:#2b1515;border-color:#70403b;color:#ffd6d3}
.crx3d-alert-ok{background:#11261a;border-color:#2c6b3c;color:#e2ffe9}
.crx3d-alert-ok .crx3d-btn{margin-top:8px}
.crx3d-upload-progress{height:6px;background:#232a31;border-radius:99px;overflow:hidden}
.crx3d-upload-progress>div{height:100%;background:var(--crx-accent);width:0;transition:width .15s}
.crx3d [hidden]{display:none!important}

/* Publiczna strona statusu */
.crx3d-status-body{margin:0;background:#0a0d10}
.crx3d-status-page{max-width:920px;margin:0 auto;padding:30px 18px 60px;font-family:"Chakra Petch",Arial,sans-serif}
.crx3d-status-page *{box-sizing:border-box}
.crx3d-status-page .crx3d-card{background:linear-gradient(180deg,#151a20,#101419);border:1px solid #2b333d;padding:22px;margin-bottom:18px;border-radius:14px}
.crx3d-status-hero{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.crx3d-status-pill{display:inline-block;background:#ff4b00;padding:10px 14px;border-radius:8px;font-weight:700;letter-spacing:.05em;margin-top:8px}
.crx3d-status-items{display:grid;gap:10px}
.crx3d-status-items>div{display:flex;flex-direction:column;gap:5px;padding:14px;background:#0d1115;border:1px solid #29313a;border-radius:10px}
.crx3d-status-items span{font-size:13px;color:#9aa5af}
.crx3d-timeline{display:grid;gap:0}
.crx3d-timeline-row{display:grid;grid-template-columns:18px 1fr;gap:12px;position:relative;padding-bottom:22px}
.crx3d-timeline-row:before{content:"";position:absolute;left:5px;top:10px;bottom:0;width:1px;background:#444}
.crx3d-timeline-row:last-child:before{display:none}
.crx3d-dot{width:11px;height:11px;background:#ff4b00;border-radius:50%;margin-top:4px;z-index:1}
.crx3d-timeline-row strong,.crx3d-timeline-row small{display:block}
.crx3d-timeline-row small{color:#777;margin-top:3px}
.crx3d-timeline-row p{color:#b8c0c7;margin:8px 0 0}
.crx3d-status-page .crx3d-head{border-bottom:1px solid #303943;display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;padding-bottom:22px}
.crx3d-status-page .crx3d-head h1{font-size:34px;margin:4px 0}
.crx3d-status-page .crx3d-eyebrow{color:#ff4b00;font-size:11px;letter-spacing:.18em;font-weight:700}
.crx3d-status-page .crx3d-btn{display:inline-flex;background:#ff4b00;color:#fff;border:0;border-radius:9px;padding:13px 18px;font-weight:700;cursor:pointer;text-decoration:none;font-family:"Chakra Petch",Arial,sans-serif}

@media(max-width:900px){
  .crx3d-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .crx3d-package-head{grid-template-columns:1fr}
  .crx3d-package-live{text-align:left;max-width:none}
}
@media(max-width:780px){
  .crx3d{margin:16px auto;padding:14px;border-radius:14px}
  .crx3d-model-grid,.crx3d-summary,.crx3d-status-hero{grid-template-columns:1fr}
  .crx3d-grid-3,.crx3d-grid-2{grid-template-columns:1fr}
  .crx3d-view,.crx3d-view canvas{min-height:300px;height:300px}
  .crx3d-head img{width:48px;height:48px}
  .crx3d-head h2{font-size:29px}
  .crx3d-card{padding:18px;border-radius:13px}
  .crx3d-choice-cards label{flex:1 1 100%;min-width:0}
  .crx3d-totals>small{text-align:left}
}
@media(max-width:520px){
  .crx3d-package-grid{grid-template-columns:1fr}
  .crx3d-section-title{align-items:flex-start}
  .crx3d-inpost-badge{font-size:10px}
  .crx3d-color-name{display:none}
  .crx3d-color-option{padding-right:6px}
  .crx3d-color-swatch{width:22px;height:22px;flex-basis:22px}
}

/* v0.1.2 - wymagane pola, Paczkomat, modale */
.crx3d-required{color:var(--crx-accent);font-weight:700}
.crx3d-required-note{font-size:10px;color:#7f8a94;letter-spacing:.05em;white-space:nowrap}
.crx3d-required-note b{color:var(--crx-accent)}
.crx3d-delivery-copy{margin:0 0 18px;color:#8d98a2;font-size:12px;line-height:1.6}
.crx3d-locker-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
.crx3d-locker-input{margin:0!important}
.crx3d-btn-secondary{background:#171e24!important;border:1px solid #3d4852!important;color:#fff!important;min-height:45px}
.crx3d-btn-secondary:hover{border-color:var(--crx-accent)!important;background:var(--crx-accent-soft)!important}
.crx3d-btn:disabled,.crx3d-file-btn:has(input:disabled){opacity:.42;cursor:not-allowed}
.crx3d-locker-selected{margin-top:10px;padding:10px 12px;border:1px dashed #36404a;border-radius:9px;color:#74808a;font-size:11px;line-height:1.5;background:#0d1115}
.crx3d-locker-selected.is-selected{border-style:solid;border-color:#4d6676;color:#dce4e9}
.crx3d-consent a{color:#fff;text-decoration:underline;text-decoration-color:var(--crx-accent);text-underline-offset:3px}
.crx3d input:required:invalid:not(:placeholder-shown),.crx3d select:required:invalid{border-color:#62413a}

body.crx3d-modal-open{overflow:hidden}
.crx3d-modal[hidden]{display:none!important}
.crx3d-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:3vh 3vw;font-family:"Chakra Petch",Arial,sans-serif}
.crx3d-modal-backdrop{position:absolute;inset:0;background:rgba(3,5,7,.84);backdrop-filter:blur(4px)}
.crx3d-modal-panel{position:relative;z-index:1;width:min(980px,94vw);max-height:94vh;overflow:auto;background:#10151a;border:1px solid #35404a;border-radius:14px;box-shadow:0 24px 80px rgba(0,0,0,.5);color:#f5f7f8;padding:20px}
.crx3d-modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #2e3740}
.crx3d-modal-head h3,.crx3d-session-panel h3{margin:3px 0 0;font-size:24px}
.crx3d-modal-close{border:1px solid #3d4852;background:#171e24;color:#fff;width:40px;height:40px;border-radius:9px;font-size:26px;line-height:1;cursor:pointer;font-family:inherit}
.crx3d-modal-close:hover{border-color:var(--crx-accent)}
.crx3d-geowidget-panel{width:min(1180px,96vw);height:min(850px,92vh);display:flex;flex-direction:column}
.crx3d-geowidget-host{min-height:0;flex:1;overflow:hidden;border-radius:10px;background:#fff}
.crx3d-geowidget-host inpost-geowidget{display:block;width:100%;height:100%;min-height:620px}
.crx3d-session-panel{width:min(560px,94vw);padding:28px}
.crx3d-session-panel p{color:#a6b0b8;line-height:1.65}
.crx3d-modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}

@media(max-width:780px){
  .crx3d-locker-picker{grid-template-columns:1fr}
  .crx3d-locker-picker .crx3d-btn{width:100%;justify-content:center}
  .crx3d-modal{padding:0}
  .crx3d-modal-panel{width:100vw;max-height:100vh;height:100vh;border-radius:0;border-left:0;border-right:0}
  .crx3d-geowidget-panel{width:100vw;height:100vh}
  .crx3d-geowidget-host inpost-geowidget{min-height:calc(100vh - 100px)}
  .crx3d-session-panel{height:auto;width:calc(100vw - 28px);border-radius:14px;margin:auto}
}

/* v0.1.4 — estymacja, płatności i nowa strona statusu */
.crx3d-eta-live{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin-top:18px}
.crx3d-eta-live>div{padding:12px 13px;background:#0d1115;border:1px solid #29323b;border-radius:10px;display:flex;flex-direction:column;gap:5px}
.crx3d-eta-live span{font-size:9px;letter-spacing:.09em;color:#74808a}
.crx3d-eta-live strong{font-size:12px;color:#f4f7f8;font-weight:600}
.crx3d-eta-disclaimer{margin:10px 0 0!important;color:#68747e!important;font-size:10px!important;line-height:1.55!important}
.crx3d-success-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.crx3d-success-actions .crx3d-btn{margin:0!important}

html.crx3d-status-html{margin:0!important;min-height:100%;background:#0a0d10!important}
body.crx3d-status-body{margin:0!important;min-height:100vh;background:#0a0d10!important}
.crx3d-status-page{max-width:1180px!important;margin:0 auto!important;padding:28px 18px 64px!important;font-family:"Chakra Petch",Arial,sans-serif!important;color:#f5f7f8!important}
.crx3d-status-page{isolation:isolate;position:relative}
.crx3d-status-page::before{content:"";position:fixed;inset:0;background:#0a0d10;z-index:-1;pointer-events:none}
.crx3d-status-page a,.crx3d-status-page button,.crx3d-status-page input,.crx3d-status-page textarea,.crx3d-status-page select{font-family:"Chakra Petch",Arial,sans-serif}
.crx3d-status-shell{padding:22px;background:radial-gradient(circle at 92% 0%,rgba(255,75,0,.09),transparent 28%),linear-gradient(180deg,#0d1115 0%,#0a0d10 100%);border:1px solid #1d242b;border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.20)}
.crx3d-status-page *{box-sizing:border-box;font-family:inherit}
.crx3d-status-head{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:12px 4px 26px;border-bottom:1px solid #222a32;margin-bottom:22px}
.crx3d-status-head h1{margin:5px 0 7px!important;color:#fff!important;font-size:clamp(28px,4vw,46px)!important;line-height:1!important;letter-spacing:-.035em!important;font-weight:700!important}
.crx3d-status-head p{margin:0!important;color:#8d99a5!important;font-size:13px!important}
.crx3d-status-head img{border-radius:12px;border:1px solid #2a3036;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.crx3d-status-page .crx3d-card{background:linear-gradient(180deg,rgba(23,29,35,.98),rgba(17,22,27,.98))!important;border:1px solid #2b333d!important;padding:24px!important;margin:0 0 18px!important;border-radius:16px!important;box-shadow:0 10px 30px rgba(0,0,0,.12)!important;color:#f5f7f8!important}
.crx3d-status-page .crx3d-card h2,.crx3d-status-page .crx3d-card h3,.crx3d-status-page .crx3d-card strong,.crx3d-status-page .crx3d-card b{color:#f5f7f8!important}
.crx3d-status-page .crx3d-card p,.crx3d-status-page .crx3d-card span,.crx3d-status-page .crx3d-card small{color:#9aa6b0}
.crx3d-status-page .crx3d-eyebrow{color:#ff4b00!important;font-size:10px!important;letter-spacing:.17em!important;font-weight:700!important;text-transform:uppercase}
.crx3d-status-hero{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(240px,.5fr)!important;gap:24px!important;align-items:stretch}
.crx3d-status-order h2{margin:8px 0 16px!important;font-size:clamp(24px,3.5vw,39px)!important;letter-spacing:-.025em!important;font-weight:600!important;overflow-wrap:anywhere}
.crx3d-status-meta{display:flex;gap:18px 28px;flex-wrap:wrap}
.crx3d-status-meta span{display:flex;flex-direction:column;gap:4px;font-size:9px!important;letter-spacing:.08em!important;color:#6f7a84!important}
.crx3d-status-meta b{font-size:12px!important;letter-spacing:0!important;font-weight:500!important}
.crx3d-status-current{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-left:22px;border-left:1px solid #2d3640}
.crx3d-status-pill{display:inline-flex!important;align-items:center!important;min-height:48px!important;background:#ff4b00!important;color:#fff!important;padding:0 16px!important;border-radius:10px!important;font-size:13px!important;font-weight:700!important;letter-spacing:.055em!important;margin-top:9px!important;box-shadow:0 10px 28px rgba(255,75,0,.18)}
.crx3d-progress-card{position:relative;overflow:hidden}
.crx3d-progress-card:after{content:"";position:absolute;width:220px;height:220px;right:-95px;top:-125px;border-radius:50%;background:rgba(255,75,0,.06);pointer-events:none}
.crx3d-progress-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}
.crx3d-progress-head h3{margin:4px 0 0!important;font-size:17px!important;letter-spacing:.05em!important}
.crx3d-progress-head>strong{font-size:36px!important;line-height:1!important;color:#fff!important}
.crx3d-order-progress{height:11px;background:#252d35;border:1px solid #303943;border-radius:99px;overflow:hidden}
.crx3d-order-progress>div{height:100%;background:linear-gradient(90deg,#ff4b00,#ff6a28);border-radius:99px;box-shadow:0 0 20px rgba(255,75,0,.2)}
.crx3d-progress-steps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-top:13px}
.crx3d-progress-step{display:flex;flex-direction:column;gap:7px;align-items:center;text-align:center;min-width:0}
.crx3d-progress-step i{width:8px;height:8px;border-radius:50%;background:#39434d;border:1px solid #53606b}
.crx3d-progress-step span{font-size:8px!important;letter-spacing:.06em!important;color:#5f6b75!important;white-space:nowrap}
.crx3d-progress-step.is-active i{background:#ff4b00;border-color:#ff4b00;box-shadow:0 0 12px rgba(255,75,0,.4)}
.crx3d-progress-step.is-active span{color:#cbd3d9!important}
.crx3d-eta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.crx3d-eta-grid>div{padding:14px 15px;border:1px solid #2c353e;background:#0d1115;border-radius:10px;display:flex;flex-direction:column;gap:5px}
.crx3d-eta-grid span{font-size:9px!important;letter-spacing:.08em!important;color:#6f7a84!important}
.crx3d-eta-grid strong{font-size:13px!important;font-weight:600!important}
.crx3d-estimate-note{margin:12px 0 0!important;font-size:10px!important;line-height:1.55!important;color:#69757f!important}
.crx3d-status-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:18px}
.crx3d-status-grid .crx3d-card{height:calc(100% - 18px)}
.crx3d-status-page .crx3d-card>h3{margin:5px 0 18px!important;font-size:17px!important;letter-spacing:.05em!important}
.crx3d-status-items{display:grid;gap:10px}
.crx3d-status-items>div{display:flex;flex-direction:column;gap:6px;padding:14px!important;background:#0d1115!important;border:1px solid #29313a!important;border-radius:10px!important}
.crx3d-item-title{display:flex;justify-content:space-between;gap:10px;align-items:center}
.crx3d-item-title strong{font-size:12px!important;letter-spacing:.06em!important}
.crx3d-item-title b{font-size:10px!important;color:#ff6a28!important}
.crx3d-status-items span{font-size:12px!important;color:#9aa5af!important}
.crx3d-delivery-summary{display:flex;flex-direction:column;gap:8px;padding:15px;background:#0d1115;border:1px solid #29313a;border-radius:10px}
.crx3d-delivery-summary strong{font-size:20px!important;color:#fff!important;letter-spacing:.03em}
.crx3d-delivery-summary span{font-size:12px!important;line-height:1.5!important}
.crx3d-history-count{font-size:10px!important;color:#78848e!important;letter-spacing:.08em}
.crx3d-timeline{display:grid;gap:0!important}
.crx3d-timeline-row{display:grid!important;grid-template-columns:20px 1fr!important;gap:12px!important;position:relative!important;padding:0 0 24px!important}
.crx3d-timeline-row:before{content:"";position:absolute;left:5px;top:11px;bottom:0;width:1px;background:#353f49!important}
.crx3d-timeline-row:last-child{padding-bottom:0!important}
.crx3d-timeline-row:last-child:before{display:none}
.crx3d-dot{width:11px!important;height:11px!important;background:#ff4b00!important;border-radius:50%!important;margin-top:4px!important;z-index:1!important;box-shadow:0 0 0 4px rgba(255,75,0,.08)}
.crx3d-timeline-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
.crx3d-timeline-title strong{font-size:12px!important;letter-spacing:.04em!important}
.crx3d-timeline-title small{font-size:10px!important;color:#69757f!important;white-space:nowrap}
.crx3d-timeline-row p{color:#b8c0c7!important;margin:7px 0 0!important;font-size:12px!important;line-height:1.55!important}
.crx3d-payment-card{border-color:#35414b!important}
.crx3d-payment-status{display:inline-flex;align-items:center;padding:8px 10px;border-radius:8px;font-size:10px!important;font-weight:700;letter-spacing:.06em;background:#232b33;color:#dfe5e9!important}
.crx3d-payment-paid{background:rgba(45,187,114,.15)!important;color:#71e5a5!important;border:1px solid rgba(45,187,114,.3)}
.crx3d-payment-pending{background:rgba(255,166,0,.12)!important;color:#ffc45c!important;border:1px solid rgba(255,166,0,.26)}
.crx3d-payment-unpaid,.crx3d-payment-failed,.crx3d-payment-cancelled{background:rgba(255,75,0,.10)!important;color:#ff8b5a!important;border:1px solid rgba(255,75,0,.24)}
.crx3d-payment-copy{max-width:760px!important;line-height:1.65!important;font-size:12px!important}
.crx3d-payment-msg{margin-top:10px;color:#aeb8c1;font-size:11px}
.crx3d-status-expired{text-align:center;padding:50px 24px!important}
.crx3d-status-expired h2{margin:10px 0!important}
.crx3d-status-page .crx3d-btn{display:inline-flex!important;justify-content:center!important;align-items:center!important;min-height:46px!important;background:#ff4b00!important;color:#fff!important;border:1px solid #ff4b00!important;border-radius:10px!important;padding:0 18px!important;font-weight:700!important;font-size:12px!important;letter-spacing:.065em!important;text-decoration:none!important;cursor:pointer!important}
.crx3d-status-page .crx3d-btn:disabled{opacity:.45;cursor:not-allowed}

@media(max-width:820px){
  .crx3d-eta-live{grid-template-columns:1fr}
  .crx3d-status-shell{padding:14px;border-radius:14px}
  .crx3d-status-hero,.crx3d-status-grid{grid-template-columns:1fr!important}
  .crx3d-status-current{padding:18px 0 0;border-left:0;border-top:1px solid #2d3640}
  .crx3d-progress-steps{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:14px}
  .crx3d-eta-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .crx3d-status-page{padding:0!important}
  .crx3d-status-shell{border-radius:0;border-left:0;border-right:0;min-height:100vh}
  .crx3d-status-head img{width:48px;height:48px}
  .crx3d-progress-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .crx3d-timeline-title{align-items:flex-start;flex-direction:column;gap:3px}
}

.crx3d-timeline-status{display:flex;align-items:center;gap:9px;min-width:0}
.crx3d-timeline-status>span{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:38px!important;height:22px!important;padding:0 7px!important;border:1px solid #36414b!important;border-radius:99px!important;background:#12181d!important;color:#ff7a42!important;font-size:9px!important;font-weight:700!important;letter-spacing:.04em!important}

/* v0.1.5 — magazyn filamentów i decyzje klienta */
.crx3d-stock-hint{display:block;margin-top:6px;color:#788590;font-size:11px;line-height:1.45}
.crx3d-stock-hint.is-error,.is-stock-error{color:#ff6b6b!important}
.crx3d-color-option:disabled{opacity:.35!important;cursor:not-allowed!important;filter:grayscale(.45)}
.crx3d-color-option:disabled:hover{transform:none!important;border-color:#2e3740!important}
.crx3d-decision-box{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.09)}
.crx3d-decision-box>p{max-width:820px!important;line-height:1.65!important}
.crx3d-decision-box textarea{width:100%;min-height:105px;margin-top:10px;padding:13px 14px;resize:vertical;background:#0d1115;color:#f4f7f8;border:1px solid #33404a;border-radius:10px;outline:0;font-family:"Chakra Petch",Arial,sans-serif;font-size:12px;line-height:1.55}
.crx3d-decision-box textarea:focus{border-color:#ff4b00;box-shadow:0 0 0 2px rgba(255,75,0,.10)}
.crx3d-decision-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:13px}
.crx3d-decision-actions .crx3d-btn{margin:0!important}
.crx3d-decision-saved{margin:14px 0 0;padding:12px 14px;border:1px solid #34404a;border-radius:10px;background:#0d1115;color:#aeb8c1;font-size:11px;line-height:1.55}
.crx3d-decision-message{margin-top:11px;color:#b9c2ca;font-size:11px;line-height:1.55}
.crx3d-problem-card{border-color:rgba(255,166,0,.36)!important}
.crx3d-problem-card .crx3d-problem-copy{padding:15px 16px;border:1px solid rgba(255,166,0,.22);background:rgba(255,166,0,.06);border-radius:10px;color:#e7d5ad!important;line-height:1.65!important}
.crx3d-refund-card{border-color:rgba(90,160,255,.28)!important}
.crx3d-refund-state{display:inline-flex;align-items:center;padding:8px 10px;border-radius:8px;border:1px solid #35414b;background:#10161b;color:#c9d3db!important;font-size:10px!important;font-weight:700!important;letter-spacing:.055em!important}
.crx3d-refund-state.is-complete{border-color:rgba(45,187,114,.30);background:rgba(45,187,114,.10);color:#80e8ae!important}
.crx3d-refund-state.is-error{border-color:rgba(255,75,0,.30);background:rgba(255,75,0,.08);color:#ff8b5a!important}

@media(max-width:640px){
  .crx3d-decision-actions{flex-direction:column}
  .crx3d-decision-actions .crx3d-btn{width:100%!important}
}
.crx3d-payment-refunded{background:rgba(90,160,255,.12)!important;color:#9bc4ff!important;border:1px solid rgba(90,160,255,.28)}

/* v0.1.6 — flota drukarek i pozioma oś czasu realizacji */
.crx3d-summary-v2{align-items:start}
.crx3d-summary-main{min-width:0}
.crx3d-printer-live{margin-top:16px;padding:13px 14px;border:1px solid #303943;background:#0d1216;border-radius:11px;display:flex;flex-direction:column;gap:5px;transition:.18s ease}
.crx3d-printer-live span{font-size:9px;letter-spacing:.1em;color:#76828c;font-weight:700}
.crx3d-printer-live strong{font-size:12px;color:#dce2e6;font-weight:500;line-height:1.55}
.crx3d-printer-live.is-ready{border-color:rgba(45,187,114,.38);background:rgba(45,187,114,.06)}
.crx3d-printer-live.is-ready span{color:#57cc8b}
.crx3d-printer-live.is-warning{border-color:rgba(255,166,0,.34);background:rgba(255,166,0,.055)}
.crx3d-printer-live.is-warning span{color:#ffc45c}
.crx3d-order-timeline-block{margin-top:18px;padding:15px 0 0;border-top:1px solid #252e36;min-width:0}
.crx3d-summary-timeline,.crx3d-summary-estimate-note{grid-column:1/-1;width:100%;min-width:0}
.crx3d-summary-timeline{margin-top:0}
.crx3d-day-head,.crx3d-day-events{min-width:0}
.crx3d-day-event{overflow-wrap:anywhere;word-break:normal}
.crx3d-order-timeline-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:11px}
.crx3d-order-timeline-head>div{display:flex;flex-direction:column;gap:3px}
.crx3d-order-timeline-head span{font-size:9px;letter-spacing:.12em;color:#6f7b85;font-weight:700}
.crx3d-order-timeline-head strong{font-size:13px;letter-spacing:.045em;color:#f4f7f8}
.crx3d-order-timeline-head small{font-size:9px;color:#5f6b75;text-align:right}
.crx3d-order-timeline{display:flex;gap:7px;overflow:visible;padding:2px 2px 4px;min-height:126px;width:100%;min-width:0}
.crx3d-day{position:relative;flex:1 1 0;min-width:0;min-height:108px;padding:10px 9px;border:1px solid #2c353e;background:#0d1216;border-radius:10px;overflow:hidden}
.crx3d-day:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:#3b4650}
.crx3d-day.is-weekend{background:repeating-linear-gradient(135deg,#0d1115,#0d1115 8px,#11171c 8px,#11171c 16px);border-color:#252e36}
.crx3d-day.is-weekend:before{background:#5a6570}
.crx3d-day-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid #252e36}
.crx3d-day-head strong{font-size:12px;color:#eef2f4}
.crx3d-day-head span{font-size:9px;letter-spacing:.08em;color:#707d87;font-weight:700}
.crx3d-day-events{display:flex;flex-direction:column;gap:5px;margin-top:8px}
.crx3d-day-event{display:block;padding:5px 6px;border-radius:6px;background:#151c22;border:1px solid #2b3540;color:#aeb8c0;font-size:8px;line-height:1.3;letter-spacing:.035em;font-weight:600}
.crx3d-day-event.is-order,.crx3d-day-event.is-review{border-color:rgba(255,75,0,.28);background:rgba(255,75,0,.08);color:#ff9a70}
.crx3d-day-event.is-print{border-color:rgba(45,187,114,.30);background:rgba(45,187,114,.08);color:#78dfa6}
.crx3d-day-event.is-queue{border-color:rgba(255,166,0,.26);background:rgba(255,166,0,.07);color:#f5c56d}
.crx3d-day-event.is-pause{border-color:#35404a;background:#141a20;color:#7e8a94}
.crx3d-day-event.is-dispatch{border-color:rgba(99,159,255,.32);background:rgba(99,159,255,.08);color:#8eb8ff}
.crx3d-day-event.is-shipping{border-color:rgba(255,204,0,.30);background:rgba(255,204,0,.07);color:#ffe069}
.crx3d-day-event.is-idle{opacity:.45;text-align:center;background:transparent;border-style:dashed}
.crx3d-timeline-empty{width:100%;min-height:88px;display:flex;align-items:center;justify-content:center;border:1px dashed #313b44;border-radius:10px;color:#66727c;font-size:10px;text-align:center;padding:16px}
.crx3d-timeline-legend{display:flex;flex-wrap:wrap;gap:8px 15px;margin-top:4px}
.crx3d-timeline-legend span{display:inline-flex;align-items:center;gap:6px;font-size:8px;letter-spacing:.04em;color:#64717b}
.crx3d-timeline-legend i{width:8px;height:8px;border-radius:2px;background:#3b4650}
.crx3d-timeline-legend i.is-weekend{background:#5a6570}
.crx3d-timeline-legend i.is-print{background:#2dbb72}

@media(max-width:780px){
  .crx3d-order-timeline-head{align-items:flex-start;flex-direction:column;gap:5px}
  .crx3d-order-timeline-head small{text-align:left}
  .crx3d-order-timeline{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:#45515c #11161b}
  .crx3d-order-timeline::-webkit-scrollbar{height:7px}
  .crx3d-order-timeline::-webkit-scrollbar-track{background:#11161b;border-radius:99px}
  .crx3d-order-timeline::-webkit-scrollbar-thumb{background:#45515c;border-radius:99px}
  .crx3d-day{flex:0 0 98px;scroll-snap-align:start}
  .crx3d-totals{margin-top:4px}
}
.crx3d-status-page .crx3d-eta-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.crx3d-status-page .crx3d-status-plan{margin-top:20px}
@media(max-width:980px){.crx3d-status-page .crx3d-eta-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.crx3d-status-page .crx3d-eta-grid-4{grid-template-columns:1fr}}