/* Szybkie zamówienie (/szybkie-zamowienie/) — handoff „Szybkie zamowienie - FabrykaCmyka".
   GOTCHA: CSS widoku definiuje własne tokeny na scope (inne widoki się tu nie ładują). */
/* Tło = tło sklepu (bez szarej plamy); szerokość roota klampuje appearance CSS (--fc-container z panelu). */
.fc-root.fc-qorder{
  --fc-magenta:#c800a7;--fc-magenta-soft:#fbeaf6;--fc-text:#2b2b2b;--fc-text-soft:#7a7a7a;
  --fc-muted:#9a97a0;--fc-border:#ececec;--fc-bg-soft:#f7f8f8;
  font-family:Lato,sans-serif;color:#54595f;
  width:100%; /* .ast-container = flex — bez width:100% root kurczy się do treści (gotcha v1.0.49) */
}
.fc-qorder .qo-wrap{padding:26px 14px 64px}
.fc-qorder .qo-crumbs{font-size:13px;color:var(--fc-muted);margin-bottom:16px;display:flex;gap:8px;flex-wrap:wrap}
.fc-qorder .qo-crumbs a{color:var(--fc-muted);text-decoration:none}
.fc-qorder .qo-crumbs a:hover{color:var(--fc-magenta)}
.fc-qorder .qo-crumbs .is-cur{color:#54595f}
.fc-qorder .qo-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:8px}
.fc-qorder .qo-head__ic{flex:0 0 auto;width:46px;height:46px;border-radius:11px;background:var(--fc-magenta-soft);color:var(--fc-magenta);display:flex;align-items:center;justify-content:center}
.fc-qorder .qo-head h1{font-family:Poppins,sans-serif;font-weight:700;font-size:26px;margin:0;color:var(--fc-text)}
.fc-qorder .qo-head p{font-size:14.5px;color:var(--fc-text-soft);margin:5px 0 0;max-width:620px;line-height:1.55}
.fc-qorder .qo-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start;margin-top:22px}
.fc-qorder .qo-tabs{display:flex;gap:6px;background:#eeedf1;border-radius:11px;padding:5px;margin-bottom:18px;width:fit-content;max-width:100%}
.fc-qorder .qo-tab{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:8px;padding:9px 15px;font-family:Poppins,sans-serif;font-weight:600;font-size:13.5px;cursor:pointer;transition:.13s;background:none;color:var(--fc-text-soft)}
.fc-qorder .qo-tab:hover,.fc-qorder .qo-tab:focus,.fc-qorder .qo-tab:active{background:none;color:var(--fc-text)}
.fc-qorder .qo-tab.is-active,.fc-qorder .qo-tab.is-active:hover,.fc-qorder .qo-tab.is-active:focus{background:#fff;color:var(--fc-magenta);box-shadow:0 2px 6px rgba(0,0,0,.08)}
.fc-qorder .qo-card{background:#fff;border:1px solid var(--fc-border);border-radius:14px;padding:18px 20px 20px;box-shadow:0 1px 2px rgba(20,40,50,.03)}
.fc-qorder .qo-card[hidden]{display:none!important}
.fc-qorder .qo-rowshead{display:grid;grid-template-columns:minmax(0,1.5fr) 190px 100px 44px;gap:12px;padding:0 0 8px;font-family:Poppins,sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--fc-muted);border-bottom:1px solid #f0eff1}
.fc-qorder .qo-row{display:grid;grid-template-columns:minmax(0,1.5fr) 190px 100px 44px;gap:12px;align-items:start;padding:10px 0}
.fc-qorder .qo-row input[type="text"]{width:100%;height:44px;border:1px solid #d7dfe2;border-radius:9px;padding:0 12px;font-family:Poppins,sans-serif;font-weight:600;font-size:14px;color:var(--fc-text);background:#fff;text-transform:uppercase}
.fc-qorder .qo-row.has-err input[type="text"]{border-color:#f0b4b1}
.fc-qorder .qo-row__vars{display:flex;flex-direction:column;gap:6px;min-width:0}
.fc-qorder .qo-row select{width:100%;height:44px;border:1px solid #d7dfe2;border-radius:9px;padding:0 32px 0 12px;font-size:13.5px;color:var(--fc-text);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='14' height='14' fill='none' stroke='%239aa3a7' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;-webkit-appearance:none}
.fc-qorder .qo-row select:disabled{background-color:#f2f1f3;color:var(--fc-muted)}
.fc-qorder .qo-row input[type="tel"]{width:100%;height:44px;border:1px solid #d7dfe2;border-radius:9px;padding:0 12px;font-family:Poppins,sans-serif;font-weight:700;font-size:14px;color:var(--fc-text);text-align:center;background:#fff}
.fc-qorder .qo-row__err{font-size:12px;color:#d9453f;margin:4px 0 0}
.fc-qorder .qo-row__x{width:44px;height:44px;border-radius:9px;border:1px solid var(--fc-border);background:#fff;color:var(--fc-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.fc-qorder .qo-row__x:hover,.fc-qorder .qo-row__x:focus,.fc-qorder .qo-row__x:active{background:#fff;color:#d9453f;border-color:#f0b4b1}
.fc-qorder .qo-addrow{margin-top:12px;display:inline-flex;align-items:center;gap:8px;background:#fff;border:1.5px dashed #e3b7d8;border-radius:10px;padding:11px 18px;font-family:Poppins,sans-serif;font-weight:600;font-size:13.5px;color:var(--fc-magenta);cursor:pointer}
.fc-qorder .qo-addrow:hover,.fc-qorder .qo-addrow:focus,.fc-qorder .qo-addrow:active{background:var(--fc-magenta-soft);border-color:var(--fc-magenta)}
.fc-qorder .qo-pastelabel{display:block;font-family:Poppins,sans-serif;font-weight:600;font-size:13px;color:var(--fc-text);margin-bottom:8px}
.fc-qorder textarea[data-qo-paste]{width:100%;border:1px solid #d7dfe2;border-radius:10px;padding:12px 14px;font-family:Lato,ui-monospace,monospace;font-size:14px;color:var(--fc-text);line-height:1.7;resize:vertical;background:#fff}
.fc-qorder .qo-format{font-size:12.5px;color:var(--fc-muted);margin:8px 0 0}
.fc-qorder .qo-format b{color:#54595f;font-family:Poppins,sans-serif}
.fc-qorder .qo-format code{background:var(--fc-bg-soft);border:1px solid var(--fc-border);border-radius:5px;padding:1px 7px;color:var(--fc-magenta)}
.fc-qorder .qo-check{margin-top:14px;display:inline-flex;align-items:center;gap:8px;background:var(--fc-text);color:#fff;border:0;border-radius:10px;padding:12px 20px;font-family:Poppins,sans-serif;font-weight:600;font-size:14px;cursor:pointer}
.fc-qorder .qo-check:hover,.fc-qorder .qo-check:focus,.fc-qorder .qo-check:active{background:#000;color:#fff}
.fc-qorder .qo-preview{margin-top:22px}
.fc-qorder .qo-preview[hidden]{display:none!important}
.fc-qorder .qo-preview__h{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.fc-qorder .qo-preview__h h2{font-family:Poppins,sans-serif;font-weight:700;font-size:18px;color:var(--fc-text);margin:0}
.fc-qorder .qo-errbadge{display:inline-flex;align-items:center;gap:7px;background:#fdecef;color:#b0173a;border:1px solid #f6c9d2;border-radius:999px;padding:6px 13px;font-family:Poppins,sans-serif;font-weight:700;font-size:12px}
.fc-qorder .qo-errbadge[hidden]{display:none!important}
.fc-qorder .qo-tbl{border:1px solid var(--fc-border);border-radius:12px;overflow:hidden;background:#fff}
.fc-qorder .qo-tbl__h{display:grid;grid-template-columns:130px 1fr 110px 80px 110px 120px;gap:12px;background:var(--fc-bg-soft);padding:12px 18px;font-family:Poppins,sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--fc-muted)}
.fc-qorder .qo-tbl__r{display:grid;grid-template-columns:130px 1fr 110px 80px 110px 120px;gap:12px;align-items:center;padding:13px 18px;border-top:1px solid #f0eff1;background:#fff;font-size:13.5px}
.fc-qorder .qo-tbl__r.is-err{border-top-color:#f6d5da;background:#fdf1f2}
.fc-qorder .qo-tbl__sku{font-family:Poppins,sans-serif;font-weight:700;font-size:13px;color:var(--fc-magenta)}
.fc-qorder .qo-tbl__name{color:var(--fc-text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fc-qorder .qo-tbl__errname{display:inline-flex;align-items:center;gap:6px;color:#b0173a;font-weight:700}
.fc-qorder .qo--c{text-align:center}
.fc-qorder .qo--r{text-align:right}
.fc-qorder .qo-tbl__val{font-weight:700;color:var(--fc-text)}
.fc-qorder .qo-tbl__val.is-err{color:#b0173a}
.fc-qorder .qo-aside{position:sticky;top:16px}
body.fc-sticky-hd .fc-qorder .qo-aside{top:101px}
.fc-qorder .qo-sum{background:#fff;border:1px solid var(--fc-border);border-radius:14px;padding:20px;box-shadow:0 1px 2px rgba(20,40,50,.03)}
.fc-qorder .qo-sum h2{font-family:Poppins,sans-serif;font-weight:600;font-size:16px;color:var(--fc-text);margin:0 0 16px}
.fc-qorder .qo-sum__rows{display:flex;flex-direction:column;gap:11px;font-size:14px}
.fc-qorder .qo-sum__rows>div{display:flex;justify-content:space-between}
.fc-qorder .qo-sum__rows span:first-child{color:var(--fc-text-soft)}
.fc-qorder .qo-sum__rows b{font-family:Poppins,sans-serif;color:var(--fc-text)}
.fc-qorder .qo-sum__rows hr{height:1px;border:0;background:#f0eff1;margin:3px 0}
.fc-qorder .qo-sum__net{color:var(--fc-text);font-weight:700}
.fc-qorder .qo-sum__gross{align-items:baseline;margin-top:2px}
.fc-qorder .qo-sum__gross span:first-child{font-family:Poppins,sans-serif;font-weight:600;color:var(--fc-text)}
.fc-qorder .qo-sum__gross span:last-child{font-family:Poppins,sans-serif;font-weight:700;font-size:22px;color:var(--fc-magenta)}
.fc-qorder .qo-warn{display:flex;gap:9px;align-items:flex-start;background:#fdf3e2;border:1px solid #f2dcb0;border-radius:10px;padding:12px 14px;margin-top:16px;font-size:12.5px;color:#8a5a00;line-height:1.5}
.fc-qorder .qo-warn svg{flex:0 0 auto;margin-top:1px}
.fc-qorder .qo-warn[hidden]{display:none!important}
.fc-qorder .qo-cta{margin-top:18px;width:100%;cursor:pointer;background:var(--fc-magenta);color:#fff;border:0;font-family:Poppins,sans-serif;font-weight:600;font-size:14px;padding:15px 10px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.3;white-space:nowrap;text-align:center;box-shadow:0 8px 20px rgba(200,0,167,.22)}
.fc-qorder .qo-cta:hover,.fc-qorder .qo-cta:focus,.fc-qorder .qo-cta:active{background:#a90b8f;color:#fff}
.fc-qorder .qo-cta:disabled,.fc-qorder .qo-cta:disabled:hover{background:#e9bfe0;cursor:not-allowed;box-shadow:none}
.fc-qorder .qo-cta svg{flex:0 0 auto}
.fc-qorder .qo-note{text-align:center;font-size:12px;color:var(--fc-muted);margin:12px 0 0}
@media (max-width:760px){
  .fc-qorder .qo-grid{grid-template-columns:1fr}
  .fc-qorder .qo-aside{position:static}
  .fc-qorder .qo-rowshead{display:none}
  .fc-qorder .qo-row{display:flex;flex-direction:column;gap:10px;padding:14px 0;border-top:1px solid #f0eff1}
  .fc-qorder .qo-row__x{align-self:flex-end}
  .fc-qorder .qo-tbl{overflow-x:auto}
  .fc-qorder .qo-tbl__h,.fc-qorder .qo-tbl__r{min-width:660px}
}