/* AppHub UX V5.4 — wizard progressive, tables and order rows */
.csv-steps-v54{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:18px 0 22px}.csv-steps-v54 a{display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;font-weight:800;font-size:12px;border:1px solid #e0e4ed;background:#f8fafc;color:#344159;border-radius:12px;min-height:48px;padding:8px}.csv-steps-v54 a:hover{background:#eff6ff;border-color:#7ca4ef}.csv-phase{border:1px solid #e2e7f0;border-radius:18px;background:#fff;padding:20px;margin:18px 0;scroll-margin-top:18px;box-shadow:0 5px 22px #1e293b08}.csv-phase-heading{display:flex;gap:12px;align-items:center;margin-bottom:16px}.csv-phase-heading>span{display:grid;place-items:center;min-width:38px;height:38px;border-radius:12px;background:#eaf1ff;color:#2459bc;font-size:15px;font-weight:900}.csv-phase-heading h4{margin:0;font-size:16px;color:#162b43}.csv-phase-heading p{font-size:12px;color:#68778b;margin:4px 0 0}.csv-final-phase{border-color:#a9bfe8;background:linear-gradient(155deg,#f9fbff,#fff)}.csv-final-actions{display:flex;flex-direction:column;align-items:stretch;gap:15px}.csv-final-actions #csvPreview{align-self:flex-start;min-height:43px}.csv-final-actions #csvImport{align-self:flex-end;min-width:225px;min-height:46px;font-weight:850}.csv-final-actions #csvImport:disabled{opacity:.42;cursor:not-allowed}.csv-final-actions #csvOutcome{width:100%;max-height:360px;overflow:auto}.csv-final-actions #csvOutcome:empty{display:none}
/* Keep controls readable in dense tables, even for long names and narrow screens */
#categories .table-wrap,#variants .table-wrap,#pages .table-wrap,#orders .table-wrap{overflow-x:auto;max-width:100%}
#categoryRows td:last-child,#optionsRows td:last-child,#pagesRows td:last-child{min-width:250px;white-space:normal;line-height:1.8}
#categoryRows td:last-child .mini,#optionsRows td:last-child .mini,#pagesRows td:last-child .mini{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin:3px 5px 3px 0;white-space:nowrap;min-height:33px;padding:6px 10px;line-height:1.2;position:static;max-width:none}
#orderRows tr[data-order-click]{cursor:pointer;transition:background-color .16s ease}#orderRows tr[data-order-click]:hover{background:#f0f5ff}#orderRows tr[data-order-click]:focus-visible{outline:3px solid #417ee0;outline-offset:-3px}#orderRows td{vertical-align:middle;line-height:1.55}#orderRows td:first-child{min-width:160px;white-space:normal}#orderRows .mini{position:static;vertical-align:middle;display:inline-flex;align-items:center;justify-content:center;min-height:34px;margin:3px 6px 3px 0;line-height:1.2;white-space:nowrap}
@media(max-width:760px){.csv-steps-v54{grid-template-columns:repeat(2,minmax(0,1fr))}.csv-phase{padding:13px}.csv-final-actions #csvImport{width:100%}#categoryRows td:last-child,#optionsRows td:last-child,#pagesRows td:last-child{min-width:210px}}