.pi{max-width:1120px;margin:auto;padding:28px}.pi header{display:flex;justify-content:space-between;gap:16px;margin-bottom:36px}.pi h1{font-size:clamp(30px,5vw,48px)}.pi h2{margin-bottom:14px}.pi .plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.pi .price{font-size:30px;font-weight:700;margin:16px 0}.pi section{margin:24px 0}.pi label{display:grid;gap:8px}.pi input,.pi select,.pi textarea{width:100%;min-height:44px}.pi textarea{min-height:110px}.pi button,.pi .button{min-height:44px}.pi .formGrid{gap:16px}.pi .notice{padding:14px;border-radius:12px;background:var(--k-soft,#eef4ff);color:var(--k-text,#152b50);margin:16px 0}.pi .catalogue{overflow:auto}.pi table{width:100%;border-collapse:collapse}.pi td,.pi th{text-align:left;padding:14px;border-bottom:1px solid var(--k-line,#e2e8f0)}.pi footer{margin-top:48px;font-size:14px}.pi .buttons{display:flex;gap:12px;flex-wrap:wrap}.pi details{margin:14px 0}.pi code{overflow-wrap:anywhere}.pi [role=status]:not(:empty){padding:14px;background:var(--k-soft,#eef4ff);border-radius:12px}@media(max-width:720px){.pi{padding:18px}.pi .plans{grid-template-columns:1fr}.pi .formGrid{grid-template-columns:1fr}.pi header{flex-wrap:wrap}.pi td,.pi th{padding:10px}}
.pi input,.pi select,.pi textarea{box-sizing:border-box;border:1px solid var(--k-line,#cdd5e3);border-radius:10px;padding:10px 12px;font:inherit;background:var(--k-surface,#fff);color:var(--k-text,#172b46)}.pi label:has(>input[type=checkbox]){display:flex;align-items:flex-start;min-height:44px}.pi input[type=checkbox]{width:20px;min-width:20px;min-height:20px;margin:2px 8px 0 0}.pi [hidden]{display:none!important}.pi .price small{font-size:18px}.pi header>a{text-decoration:none;color:var(--k-accent-text,#255ced);font-weight:700}.pi .listItem{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--k-line,#e2e8f0)}.pi .catalogue small{white-space:nowrap}.pi button{cursor:pointer}.pi button:disabled{cursor:wait;opacity:.55}

.pi-marketplace{max-width:1040px!important}.pi-marketplace h1{font-size:clamp(30px,4vw,42px);margin-bottom:16px}.pi-marketplace p+p{margin-top:12px}.pi-marketplace li{margin-bottom:10px}.pi-marketplace strong{overflow-wrap:anywhere}.pi-marketplace .button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:9px;background:var(--k-accent,#2563eb);color:var(--k-inverse,#fff);text-decoration:none;margin-top:16px;font-weight:600}.pi-marketplace .button:hover{background:var(--k-accent,#1d4ed8)}
.pi .pi-brand{display:inline-flex;align-items:center;gap:12px}.pi .pi-brand img{display:block;flex-shrink:0}.pi-marketplace header{align-items:center}.pi footer a{overflow-wrap:anywhere}.pi footer p{margin-top:10px}

/* Paged operator workspace and file mapping. */
.pi{max-width:1480px}
.pi .pi-tabs{display:flex;gap:8px;overflow-x:auto;padding:8px 0 12px;margin:20px 0 0;border-bottom:1px solid var(--k-line,#dce4ef)}
.pi .pi-tabs button{flex:0 0 auto;white-space:nowrap;background:var(--k-soft,#f1f5fb);color:var(--k-text,#263b58);border:1px solid var(--k-line,#d8e1ef);padding:10px 16px;border-radius:10px}
.pi .pi-tabs button.selected{background:var(--k-accent,#255ced);color:var(--k-inverse,#fff);border-color:var(--k-accent,#255ced)}
.pi .pi-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.pi .pi-title-row h2,.pi .pi-title-row h3{margin:0}
.pi .pi-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;align-items:end;margin:20px 0}
.pi .pi-filters>button{align-self:end}
.pi .pi-filters label{min-width:0}
.pi .pi-selection{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:20px 0 8px;padding:14px;background:var(--k-soft,#f4f7fc);border:1px solid var(--k-line,#e0e7f1);border-radius:12px}
.pi .pi-selection label{margin:0;align-items:center;min-height:32px}
.pi .pi-selection button{margin-left:auto}
.pi .pi-pagination{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:18px}
.pi .pi-pagination button{min-width:90px}
.pi .pi-inset{padding:20px;border:1px solid var(--k-line,#dbe3ef);border-radius:14px;margin:20px 0;background:var(--k-surface,#fcfdff)}
.pi .pi-inset h3{font-size:20px;margin-top:0}
.pi .pi-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:18px 0}
.pi .pi-metrics>div{display:grid;gap:4px;background:var(--k-soft,#f1f5fb);border-radius:10px;padding:14px}
.pi .pi-metrics strong{font-size:26px;font-weight:700;line-height:1.2}
.pi .pi-metrics span{font-size:13px;color:var(--k-muted,#4f6179)}
.pi .pi-badge{display:inline-block;font-size:12px;font-weight:650;padding:5px 9px;border-radius:6px;background:var(--k-soft,#edf1f7);color:var(--k-text,#344963);line-height:1.5}
.pi .pi-badge.pi-good{background:var(--k-soft,#e7f4ec);color:var(--k-success,#1b6840)}
.pi .pi-badge.pi-bad{background:var(--k-soft,#fff0f2);color:var(--k-danger,#9c2340)}
.pi .pi-error{background:var(--k-soft,#fff0f2)!important;color:var(--k-danger,#9c2340)!important}
.pi .pi-cell-error{color:var(--k-danger,#9c2340);margin:8px 0;font-size:13px}
.pi .pi-empty{padding:30px;text-align:center;color:var(--k-muted,#58708d)}
.pi .pi-mapping,.pi .pi-editor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0;align-items:start}
.pi .pi-editor-grid{border:0;padding:0;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}
.pi .pi-editor-grid label:has(textarea){grid-row:span 2}
.pi .pi-editor-grid>button{align-self:end}
.pi #pi-workspace input[type=checkbox]{vertical-align:middle}
.pi #pi-workspace .catalogue{max-height:780px;border:1px solid var(--k-line,#e0e7f1);border-radius:10px;margin-top:16px}
.pi #pi-workspace table{min-width:760px;font-size:14px}
.pi #pi-workspace th{position:sticky;top:0;z-index:1;background:var(--k-soft,#f3f6fb);color:var(--k-text,#405470);font-size:12px;font-weight:650;white-space:nowrap;border-bottom:1px solid var(--k-line,#dce3ef)}
.pi #pi-workspace td{vertical-align:top;max-width:340px;overflow-wrap:anywhere}
.pi #pi-workspace td button{margin:0 5px 6px 0;font-size:12px;min-height:36px;padding:8px 10px;white-space:nowrap}
.pi #pi-workspace .catalogue small{white-space:normal;color:var(--k-muted,#60728a);font-size:12px}
.pi #pi-workspace code{font-size:12px;color:var(--k-text,#36547b)}
.pi #pi-workspace pre{max-height:420px;max-width:620px;overflow:auto;white-space:pre-wrap;font-size:12px;line-height:1.6;background:var(--k-soft,#f2f5fa);padding:14px;border-radius:8px}
.pi #pi-workspace details p{font-size:13px;line-height:1.5}
.pi .pi-sample-cell{display:inline-block;margin:3px 10px 3px 0;max-width:200px;overflow-wrap:anywhere;border-right:1px solid var(--k-line,#dce4ef);padding-right:10px}
.pi .pi-sample-cell small{font-weight:700}
.pi progress{width:100%;height:12px;accent-color:var(--k-accent-text,#255ced);margin:10px 0}
.pi .pi-settings{padding:18px 24px;margin-top:28px}
.pi .pi-settings>summary{font-weight:650;cursor:pointer}
.pi .pi-settings .plans{margin-top:22px}
.pi .secondary{background:var(--k-surface,#fff);color:var(--k-muted,#2550a1);border:1px solid var(--k-line,#cad6e8)}
.pi button:focus-visible,.pi input:focus-visible,.pi select:focus-visible,.pi summary:focus-visible{outline:3px solid var(--k-line,#a9c2ff);outline-offset:2px}
@media(max-width:980px){.pi .pi-mapping{grid-template-columns:repeat(2,minmax(0,1fr))}.pi .pi-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.pi .pi-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.pi .pi-mapping,.pi .pi-editor-grid,.pi .pi-filters{grid-template-columns:1fr}.pi .pi-inset{padding:14px}.pi .pi-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pi .pi-metrics strong{font-size:22px}.pi .pi-selection{display:grid;gap:10px}.pi .pi-selection button{margin-left:0}.pi .pi-pagination{justify-content:space-between;gap:8px}.pi .pi-title-row{align-items:flex-start}.pi .pi-settings{padding:16px}.pi .pi-tabs{margin-top:14px}.pi .pi-tabs button{padding:9px 12px}.pi #pi-workspace .catalogue{max-height:640px}}

.pi .pi-attributes{grid-column:1/-1;min-width:0;border-top:1px solid var(--k-line,#dce4ef);padding-top:20px;margin-top:12px}
.pi .pi-attribute-row{display:grid;grid-template-columns:1fr 150px 1fr auto;align-items:end;gap:12px;margin:14px 0}
.pi .pi-attributes textarea{min-height:72px}
.pi .pi-attribute-row>label{min-width:0}
@media(max-width:800px){.pi .pi-attribute-row{grid-template-columns:1fr 1fr}.pi .pi-attribute-row>button{align-self:end}}
@media(max-width:480px){.pi .pi-attribute-row{grid-template-columns:1fr}}

.pi .pi-identity-changed td{background:var(--k-warning-bg,#fff7e5);font-weight:650}

/* Large catalogue controls stay outside the replaceable page of rows. */
.pi #pi-workspace .pi-load-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;padding:8px 12px;font-size:13px;min-height:38px}
.pi #pi-workspace .pi-load-status button{min-height:32px;padding:5px 10px;font-size:13px}
.pi .pi-list-panel{min-width:0}
.pi .pi-views{align-items:end;gap:10px}
.pi .pi-views>label{min-width:220px;max-width:380px;flex:1}
.pi .pi-selection{gap:10px 16px;padding:10px 14px}
.pi .pi-selection button{margin-left:0}
.pi .pi-selection [data-w-action="bulk-open"]{margin-left:auto}
.pi .pi-selection-note{flex-basis:100%;margin:0;color:var(--k-warning,#93471d);font-size:13px;line-height:1.5}
.pi .pi-table-tools{display:flex;align-items:end;flex-wrap:wrap;gap:12px 18px;margin:16px 0 0}
.pi .pi-table-tools>label{display:grid;gap:5px;font-size:12px;color:var(--k-text,#405470)}
.pi .pi-table-tools select{min-height:36px;padding:6px 10px;min-width:110px;font-size:13px}
.pi .pi-table-hint{margin-left:auto;align-self:center;font-size:12px;color:var(--k-muted,#60728a)}
.pi #pi-workspace .pi-columns{position:relative;margin:0;font-size:13px}
.pi .pi-columns summary{cursor:pointer;list-style-position:inside;border:1px solid var(--k-line,#cad6e8);border-radius:8px;padding:8px 12px;min-height:36px;box-sizing:border-box;color:var(--k-muted,#2550a1);background:var(--k-surface,#fff)}
.pi .pi-columns[open] summary{border-color:var(--k-accent,#255ced);background:var(--k-soft,#eef4ff)}
.pi .pi-columns fieldset{position:absolute;top:100%;left:0;z-index:12;margin:6px 0 0;padding:14px;min-width:270px;max-height:360px;overflow:auto;background:var(--k-surface,#fff);border:1px solid var(--k-line,#cad6e8);border-radius:10px;box-shadow:0 10px 30px #18365620}
.pi .pi-columns legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.pi .pi-columns label{min-height:32px!important;align-items:center!important;gap:0;font-size:13px;white-space:nowrap}
.pi .pi-columns label small{color:var(--k-muted,#60728a)}
.pi .pi-pagination{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:12px}
.pi .pi-pagination #pi-w-page-range{margin-right:auto;font-size:13px;color:var(--k-text,#405470);font-variant-numeric:tabular-nums}
.pi .pi-pagination button{min-width:80px;min-height:36px;padding:8px 12px;font-size:13px}
.pi #pi-workspace .pi-data-grid{--pi-selection-width:46px;max-height:clamp(280px,62vh,920px);overscroll-behavior-x:contain;scrollbar-gutter:stable;margin-top:10px;background:var(--k-surface,#fff)}
.pi #pi-workspace .pi-data-grid table{border-collapse:separate;border-spacing:0;min-width:100%;width:max-content;table-layout:auto}
.pi #pi-workspace .pi-data-grid th,.pi #pi-workspace .pi-data-grid td{box-sizing:border-box;vertical-align:middle;padding:10px 12px;background:var(--k-surface,#fff);max-width:360px;min-width:110px;line-height:1.4}
.pi #pi-workspace .pi-data-grid th{background:var(--k-soft,#f3f6fb);z-index:3;font-size:12px}
.pi #pi-workspace .pi-data-grid [data-column="select"]{position:sticky;left:0;z-index:2;width:var(--pi-selection-width);min-width:var(--pi-selection-width);max-width:var(--pi-selection-width);text-align:center;padding-left:8px;padding-right:8px}
.pi #pi-workspace .pi-data-grid [data-column="select"] input{margin:0}
.pi #pi-workspace .pi-data-grid th[data-column="select"]{font-size:0}
.pi #pi-workspace .pi-data-grid [data-column="sku"]{position:sticky;left:var(--pi-selection-width);z-index:2;min-width:150px;max-width:210px;box-shadow:2px 0 0 var(--k-line,#e0e7f1)}
.pi #pi-workspace .pi-data-grid th[data-column="select"],.pi #pi-workspace .pi-data-grid th[data-column="sku"]{z-index:5;background:var(--k-soft,#f3f6fb)}
.pi #pi-workspace .pi-data-grid [data-column="sku"] code{font-size:13px;font-weight:650}
.pi #pi-workspace .pi-data-grid [data-column="title"]{min-width:260px;width:320px;max-width:360px}
.pi #pi-workspace .pi-data-grid [data-column="title"] strong{font-weight:550}
.pi #pi-workspace .pi-data-grid [data-column="stock"]{min-width:160px;max-width:240px}
.pi #pi-workspace .pi-data-grid [data-column="status"]{min-width:190px;max-width:260px}
.pi #pi-workspace .pi-data-grid [data-column="source_at"]{min-width:160px;font-variant-numeric:tabular-nums}
.pi #pi-workspace .pi-data-grid [data-column="actions"]{min-width:110px;max-width:240px}
.pi #pi-workspace .pi-data-grid .pi-number{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.pi #pi-workspace .pi-data-grid tbody tr:hover td{background:var(--k-surface,#f7faff)}
.pi #pi-workspace .pi-data-grid tbody tr.is-selected td{background:var(--k-soft,#edf4ff)}
.pi #pi-workspace .pi-data-grid tbody tr.is-selected:hover td{background:var(--k-info-bg,#e4efff)}
.pi #pi-workspace .pi-data-grid td button{margin:2px 5px 2px 0;min-height:34px;padding:6px 9px}
.pi #pi-workspace .pi-data-grid[data-density="compact"] td{padding-top:6px;padding-bottom:6px;font-size:13px}
.pi #pi-workspace .pi-data-grid[data-density="compact"] td button{min-height:30px;padding:4px 8px}
.pi #pi-workspace .pi-data-grid[data-density="compact"] .pi-badge{padding:3px 6px}
.pi #pi-workspace .pi-data-grid:focus-visible,.pi #pi-w-page-range:focus-visible{outline:3px solid var(--k-line,#a9c2ff);outline-offset:2px}
.pi #pi-workspace .pi-data-grid button:disabled,.pi .pi-pagination button:disabled,.pi .pi-selection button:disabled{cursor:not-allowed}
.pi #pi-w-content[aria-busy="true"] .pi-data-grid{opacity:.75}
@media(min-width:981px){.pi .pi-list-panel>.pi-filters>label:first-child{grid-column:span 2}.pi #pi-workspace .pi-data-grid [data-column="actions"]{position:sticky;right:0;z-index:2;box-shadow:-2px 0 0 var(--k-line,#e0e7f1)}.pi #pi-workspace .pi-data-grid th[data-column="actions"]{z-index:5;background:var(--k-soft,#f3f6fb)}}
@media(min-width:1600px){.pi{max-width:1800px}.pi #pi-workspace .pi-data-grid{max-height:clamp(320px,66vh,1100px)}}
@media(max-width:720px){.pi .pi-table-tools{gap:10px;align-items:end}.pi .pi-table-hint{display:none}.pi .pi-table-tools>label{flex:1;min-width:120px}.pi .pi-table-tools select{min-height:44px}.pi .pi-columns{flex-basis:100%}.pi .pi-columns summary{min-height:44px;padding:12px}.pi .pi-columns fieldset{position:static;min-width:0;max-height:300px;box-shadow:none}.pi .pi-columns label{min-height:40px!important}.pi .pi-selection{display:flex}.pi .pi-selection [data-w-action="bulk-open"]{margin-left:0}.pi .pi-pagination #pi-w-page-range{flex-basis:100%;margin:0 0 4px}.pi .pi-pagination button{min-height:44px;flex:1}.pi #pi-workspace .pi-data-grid{max-height:60vh;min-height:220px}.pi #pi-workspace .pi-data-grid [data-column="sku"]{min-width:120px;max-width:150px}.pi #pi-workspace .pi-data-grid td button,.pi #pi-workspace .pi-data-grid[data-density="compact"] td button{min-height:44px}}
