#ct-tablet-dashboard #ns-catalog-screen{color:#25323f;font:400 11px/1.5 Inter,Arial,sans-serif;letter-spacing:0}
#ns-catalog-screen .cd-title{display:flex;align-items:center;gap:10px;border-bottom:2px solid #008dcc;padding-bottom:10px;margin-bottom:10px}
#ct-tablet-dashboard #ns-catalog-screen h2{font:600 20px/1.3 Inter,Arial,sans-serif;letter-spacing:0}
#ns-catalog-screen .cd-title svg{color:#008dcc}
#ns-catalog-screen .cd-tabs{display:flex;gap:16px;border-bottom:1px solid #d7dfe5;margin-bottom:12px;flex-wrap:wrap}
#ns-catalog-screen button{font:inherit;border:1px solid transparent;border-radius:3px;background:#fff;min-height:32px;color:#536b80;padding:7px 9px}
#ns-catalog-screen button:focus-visible{outline:2px solid #008dcc;outline-offset:2px}
#ns-catalog-screen .cd-tabs button{display:flex;gap:5px;align-items:center;background:none;border-radius:0;padding-inline:0}
#ns-catalog-screen .cd-tabs button[aria-pressed=true]{color:#008dcc;border-bottom:2px solid #008dcc;font-weight:600}
#ns-catalog-screen .cd-layout{display:grid;grid-template-columns:145px minmax(0,1fr);gap:12px;align-items:start}
#ns-catalog-screen .cd-categories{background:#fff;border:1px solid #d9dfe5;border-radius:4px;overflow:hidden}
#ct-tablet-dashboard #ns-catalog-screen h3{font:600 13px/1.4 Inter,Arial,sans-serif;letter-spacing:0}
#ns-catalog-screen .cd-categories h3{padding:12px;border-bottom:1px solid #e6ebef}
#ns-catalog-screen [data-cd-categories]{padding:6px}
#ns-catalog-screen [data-cd-categories] button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;font-size:10px;margin-bottom:3px}
#ns-catalog-screen [data-cd-categories] button[aria-pressed=true]{background:#eaf6fc;color:#008dcc}
#ns-catalog-screen .cd-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;flex-wrap:wrap}
#ns-catalog-screen .cd-toolbar small{margin-top:4px}
#ns-catalog-screen .cd-view{display:flex}
#ns-catalog-screen .cd-view button{border-color:#d5dfe6;border-radius:0}
#ns-catalog-screen .cd-view button[aria-pressed=true],#ns-catalog-screen .cd-pages [aria-current=page]{background:#205c75;color:#fff;border-color:#205c75}
#ns-catalog-screen .cd-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#ns-catalog-screen .cd-product{min-width:0;background:#fff;border:1px solid #d9dfe5;border-radius:4px;overflow:hidden}
#ns-catalog-screen .cd-picture{height:64px;display:grid;place-items:center;background:#f5f7f9;border-bottom:1px solid #e6edf2;color:#008dcc}
#ns-catalog-screen .cd-picture svg{width:32px;height:32px}
#ns-catalog-screen .cd-info{padding:10px;display:flex;flex-direction:column;min-height:112px}
#ct-tablet-dashboard #ns-catalog-screen h4{font:600 11px/1.4 Inter,Arial,sans-serif;letter-spacing:0;overflow-wrap:anywhere;min-height:31px}
#ns-catalog-screen .cd-info>small{font-size:9px;margin-top:5px;min-height:14px}
#ns-catalog-screen .cd-price{margin-top:auto;padding-top:14px}
#ns-catalog-screen .cd-price strong{font-size:12px;font-weight:600;color:#205c75;font-variant-numeric:tabular-nums}
#ns-catalog-screen .cd-price small{margin-top:3px;font-size:9px}
#ns-catalog-screen .cd-components{font-size:10px;line-height:1.6;margin-top:6px;color:#6b7b8c}
#ns-catalog-screen .cd-pages{display:flex;justify-content:flex-end;gap:5px;margin-top:12px}
#ns-catalog-screen .cd-pages button{border-color:#d5dfe6;min-width:32px}
#ns-catalog-screen .cd-empty{grid-column:1/-1;background:#fff;padding:22px;border-radius:4px}
#ns-catalog-screen .cd-table-wrap{overflow-x:auto;overscroll-behavior-y:auto;min-width:0;border:1px solid #d9dfe5;background:#fff;padding:10px}
#ns-catalog-screen table{border-collapse:collapse;width:100%;min-width:780px;font:400 10px/1.5 Inter,Arial,sans-serif}
#ns-catalog-screen th,#ns-catalog-screen td{padding:9px 7px;border-bottom:1px solid #dde5eb;text-align:left;color:#46617a}
#ns-catalog-screen th{background:#f5f7f9;font-weight:500;white-space:nowrap}
#ns-catalog-screen .cd-number{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
#ns-catalog-screen .cd-table-name{display:flex;align-items:center;gap:7px;min-width:150px;color:#25323f}
#ns-catalog-screen .cd-table-name svg{color:#008dcc;width:14px;height:14px}
#ns-catalog-screen .cd-row-actions{display:flex;gap:4px}
#ns-catalog-screen .cd-row-actions button{border-color:#008dcc;color:#008dcc;font-size:10px;padding:4px 6px;min-height:28px}
#ns-catalog-screen .cd-detail{background:#fff;border:1px solid #d9dfe5;padding:16px;border-radius:4px;margin-top:12px}
#ns-catalog-screen .cd-detail[hidden]{display:none}
#ns-catalog-screen .cd-detail label{display:block;margin:12px 0}
#ns-catalog-screen .cd-detail p{font-size:11px;margin-block:8px}
#ns-catalog-screen .cd-detail button{border-color:#008dcc;color:#008dcc}
#ns-catalog-screen .cd-products[data-layout=list]{grid-template-columns:1fr}
#ns-catalog-screen [data-layout=list] .cd-product{display:grid;grid-template-columns:60px minmax(0,1fr)}
#ns-catalog-screen [data-layout=list] .cd-picture{height:100%;min-height:75px;border:0}
#ns-catalog-screen [data-layout=list] .cd-info{min-height:75px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;align-items:center}
#ns-catalog-screen [data-layout=list] h4{min-height:0}
#ns-catalog-screen [data-layout=list] .cd-info>small{grid-column:1;margin:0}
#ns-catalog-screen [data-layout=list] .cd-price{grid-column:2;grid-row:1/3;padding:0;margin:0}
#ns-catalog-screen [data-layout=list] .cd-components{grid-column:1/-1;grid-row:3}
@container(max-width:850px){#ns-catalog-screen .cd-products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container(max-width:650px){#ns-catalog-screen .cd-layout{grid-template-columns:1fr}#ns-catalog-screen .cd-categories h3{padding:7px 10px}#ns-catalog-screen [data-cd-categories]{display:flex;flex-wrap:wrap;gap:4px}#ns-catalog-screen [data-cd-categories] button{width:auto;margin:0}#ns-catalog-screen .cd-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container(max-width:360px){#ns-catalog-screen .cd-tabs{gap:8px}#ns-catalog-screen .cd-tabs button{font-size:10px}#ns-catalog-screen [data-layout=list] .cd-info{display:flex;align-items:flex-start}#ns-catalog-screen .cd-info{padding:8px}}
@media(pointer:coarse){#ns-catalog-screen button{min-height:44px}}