/* Review-only net-price screen: reference column rhythm and 25-row blank grid. */
#artikullPricesScreen{padding:0 12px 18px;min-width:0}
#artikullPricesScreen .artikullPricesHeader{display:flex;position:relative;align-items:center;justify-content:center;border-bottom:1px solid #c7c7c7;min-height:47px}
#artikullPricesScreen h1{font-size:28px;font-weight:400;margin:0;padding:0;border:0;line-height:38px}
#artikullPricesClose{position:absolute;left:0;padding:5px 9px;font-size:12px}
#artikullPricesScreen .artikullPricesHeader>span{position:absolute;right:0;color:#606060;font-size:12px}
#artikullPricesScreen .artikullPricesScope,#artikullPricesWriteGap{font-size:12px;line-height:1.5;color:#555;margin:8px 2px}
#artikullPricesStatus{font-size:12px;min-height:16px;margin:4px 2px 8px;color:#555}
#artikullPricesScreen .artikullPricesScroll{width:100%;overflow:auto;max-height:558px;border:1px solid #c9c9ce;background:#fff}
#artikullPricesScreen .artikullPricesScroll:focus-visible{outline:2px solid var(--t);outline-offset:2px}
#artikullPricesTable{width:max-content;min-width:100%;table-layout:fixed;border-collapse:collapse;font-size:12px}
#artikullPricesTable caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#artikullPricesTable th,#artikullPricesTable td{box-sizing:border-box;border-right:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:30px;font-weight:400}
#artikullPricesTable th{position:sticky;top:0;background:#ebecef;font-size:12px;font-weight:600;text-align:left;height:49px;z-index:1}
#artikullPricesTable td{background:#fff}
#artikullPricesTable tr:nth-child(even) td{background:#f7f7f7}
#artikullPricesTable td[data-price-column=number],#artikullPricesTable th[data-price-column=number]{text-align:center}
#artikullPricesTable td[data-price-column=code]{padding:0}
#artikullPricesTable td[data-price-column=level],#artikullPricesTable td[data-price-column=contracted_purchase_price],#artikullPricesTable td[data-price-column=contracted_discount]{text-align:right;font-variant-numeric:tabular-nums}
#artikullPricesTable input{border:0;border-radius:0;margin:0;padding:5px 8px;font:12px Verdana,Geneva,sans-serif;background:transparent;width:100%;height:29px;color:#333}
#artikullPricesTable input:focus-visible{outline:2px solid var(--t);outline-offset:-2px}
#artikullPricesTable input[aria-invalid=true]{outline:2px solid #b42318;outline-offset:-2px}
#artikullPricesScreen .artikullPricesToolbar{display:flex;justify-content:center;align-items:end;gap:12px;border-top:1px solid #d5d5d5;margin:39px 2px 0;padding-top:13px}
#artikullPricesScreen .artikullPricesToolbar button{display:grid;justify-items:center;gap:4px;background:none;border:0;min-width:46px;padding:0 3px;color:#444;cursor:pointer;font-size:12px}
#artikullPricesScreen .artikullPricesToolbar button>span{font-size:29px;line-height:29px;color:#17615d}
#artikullPricesScreen .artikullPricesToolbar button:disabled{opacity:.45;cursor:not-allowed}
#artikullPricesScreen .artikullPricesToolbar button:focus-visible{outline:2px solid var(--t);outline-offset:3px}
#artikullPricesWriteGap{text-align:center}

/* Reference colors and grid typography; viewport allocation is owned by
   the active-screen flex layout in artikull-reference-layout.css. */
#artikullPricesScreen{background:#f0f0f0;color:#333}
#artikullPricesTable input{font-family:Verdana,Geneva,sans-serif}
#artikullPricesTable th{white-space:normal;overflow-wrap:normal;line-height:18px}
#artikullPricesTable td:not([data-price-column=number]):not([data-price-column=code]):not([data-price-column=description]):not([data-price-column=level]){background:#f6f6f6}
#artikullPricesScreen .artikullPricesToolbar{gap:22px}
#artikullPricesScreen .artikullPricesToolbar>#artikullPricesSave,#artikullPricesScreen .artikullPricesToolbar>#artikullPricesNew{width:32px;min-width:32px;height:32px;min-height:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:0;box-shadow:none}
/* The same data-free original Save/New artwork observed on both reference pages. */
#artikullPricesScreen .artikullPricesToolbar [data-price-icon]{display:block;width:28px;height:28px;background-image:url('brand/artikull-footer-reference.jpg');background-repeat:no-repeat;background-size:978px 156px}
#artikullPricesScreen .artikullPricesToolbar [data-price-icon="save"]{background-position:-439.5px -113px}
#artikullPricesScreen .artikullPricesToolbar [data-price-icon="new"]{background-position:-494.5px -113px}
#artikullPricesScreen .artikullPricesToolbar .artikullPricesActionLabel{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#artikullPricesStatus:empty{display:none}
/* Current reference price grid: bold column labels and desktop header rhythm. */
#artikullPricesScreen #artikullPricesTable th{font-weight:700}
@media screen and (min-width:761px){
 #artikullPricesScreen{padding-right:22px;padding-bottom:14px}
 #artikullPricesScreen .artikullPricesHeader{min-height:42px}
 #artikullPricesScreen #artikullPricesTitle{margin:0;font-size:28px;line-height:33.6px}
}