.security-note {
  display: grid;
  gap: 5px;
  margin-bottom: 14px;
  padding: 14px 16px;
  border-radius: 11px;
  color: #604d17;
  background: #fff5d9;
}
.security-note span { font-size: 13px; }
.credential-list { display: grid; gap: 12px; }
.add-store-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:end; gap:14px; }
.add-store-grid button { justify-self:start; white-space:nowrap; }
.credential-section-title { display:flex; align-items:baseline; gap:10px; margin:22px 2px 12px; }
.credential-section-title h2 { margin:0; font-size:16px; }
.credential-section-title span { color:#6c7588; font-size:12px; }
.credential-card {
  display: grid;
  grid-template-columns: minmax(150px,.8fr) minmax(210px,1fr) minmax(240px,1.2fr) auto;
  align-items: end;
  gap: 14px;
  padding: 17px 18px;
  border: 1px solid #e1e5ee;
  border-radius: 13px;
  background: #fff;
}
.credential-name strong,.credential-name span { display:block; }
.credential-name span { margin-top:5px; color:#6c7588; font-size:12px; }
.credential-card label { min-width:0; }
.credential-card input { width:100%; }
.credential-card button { white-space:nowrap; }
@media(max-width:900px){.credential-card,.add-store-grid{grid-template-columns:1fr 1fr}.credential-card button{justify-self:start}}
@media(max-width:560px){.credential-card,.add-store-grid{grid-template-columns:1fr}}
.login-screen { position:fixed; inset:0; z-index:100; display:grid; place-items:center; padding:20px; background:#f3f5f9; }
.login-screen[hidden] { display:none; }
.login-card { width:min(390px,100%); padding:28px; border:1px solid #e1e5ee; border-radius:16px; background:#fff; box-shadow:0 20px 60px rgba(24,32,52,.12); }
.login-card h1 { margin:8px 0 6px; font-size:22px; }
.login-card>p { margin:0 0 22px; color:#6c7588; }
.login-card label { margin-bottom:14px; }
.login-card .primary { width:100%; }
.login-brand { padding:0 0 14px; color:#182034; }
.login-brand small { color:#6c7588; }
.login-error { display:block; min-height:20px; margin-top:12px; color:#bd454e; font-size:13px; }
.rate-form { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:end; gap:14px; }
.rate-form button { justify-self:start; }
@media(max-width:900px){.rate-form{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.rate-form{grid-template-columns:1fr}}
.product-with-image { display:flex; align-items:center; gap:10px; width:320px; max-width:38vw; }
.product-with-image.overview-product { width:260px; max-width:30vw; }
.product-copy,.after-product-copy { min-width:0; }
.truncate-name { display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:help; }
#hover-tooltip { position:fixed; z-index:10000; max-width:min(520px,calc(100vw - 24px)); padding:9px 11px; border:1px solid #d9deea; border-radius:8px; color:#263044; background:#fff; box-shadow:0 8px 24px rgba(26,35,53,.16); font-size:13px; line-height:1.5; white-space:pre-wrap; pointer-events:none; }
.product-thumb,.search-thumb,.after-thumb,.cost-thumb { display:block; flex:none; object-fit:cover; border:1px solid #e1e5ee; border-radius:9px; background:#f3f5f9; color:#8a93a5; }
.product-thumb { width:48px; height:48px; }
.search-thumb { width:42px; height:42px; }
.after-thumb { width:64px; height:64px; }
.cost-thumb { width:60px; height:60px; }
.thumb-placeholder { display:grid; place-items:center; font-size:10px; }
.search-result { display:flex; align-items:center; gap:10px; text-align:left; }
.search-result>span { display:grid; min-width:0; gap:3px; }
.cost-product-summary { display:flex; align-items:center; gap:12px; min-width:0; }
.cost-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:18px; }
.cost-metrics div { padding:13px; border:1px solid #e1e5ee; border-radius:10px; background:#fafbfc; }
.cost-metrics small,.cost-metrics strong { display:block; }
.cost-metrics small { color:#6c7588; }
.cost-metrics strong { margin-top:6px; font-size:17px; }
.cost-actions { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:16px; padding-top:16px; border-top:1px solid #e1e5ee; }
.cost-actions small { color:#6c7588; }
@media(max-width:850px){.cost-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.cost-metrics{grid-template-columns:1fr}.cost-actions{align-items:stretch;flex-direction:column}}
.after-product-card { grid-column:1/-1; display:flex; align-items:center; gap:14px; padding:12px; border:1px solid #e1e5ee; border-radius:12px; background:#fafbfc; }
.after-product-card div { display:grid; gap:4px; width:min(560px,calc(100vw - 360px)); }
.after-product-card span { color:#6c7588; font-size:13px; }
.after-product-card small { color:#8a93a5; }
@media(max-width:700px){.product-with-image{width:260px;max-width:72vw}.after-product-card div{width:calc(100vw - 150px)}}
.pagination { display:flex; align-items:center; justify-content:flex-end; gap:8px; padding-top:16px; }
.pagination span { min-width:100px; text-align:center; color:#6c7588; }
.pagination-size { display:inline-flex; align-items:center; gap:6px; color:#6c7588; font-size:13px; }
.pagination-size select { width:auto; min-width:76px; padding:7px 28px 7px 10px; }
.pagination button:disabled,.dialog-switch button:disabled { opacity:.45; cursor:not-allowed; }
.sku-after-dialog { width:min(960px,94vw); max-height:88vh; overflow:auto; }
.sku-group-dialog { width:min(1180px,96vw); max-height:90vh; overflow:auto; }
.sku-group-dialog .price-note-product { width:290px; max-width:34vw; }
.sku-table-scroll th:first-child,.sku-table-scroll td:first-child { position:sticky; left:0; min-width:338px; background:#fff; box-shadow:8px 0 12px -12px rgba(24,32,52,.55); }
.sku-table-scroll th:first-child { z-index:3; }
.sku-table-scroll td:first-child { z-index:2; }
#sku-after-close { width:38px; height:38px; border:1px solid #dfe3eb; border-radius:9px; background:#fff; font-size:22px; cursor:pointer; }
.dialog-switch { position:sticky; bottom:-20px; display:flex; justify-content:space-between; gap:12px; margin:18px -20px -20px; padding:14px 20px; border-top:1px solid #e1e5ee; background:#fff; }
@media(max-width:560px){.pagination{justify-content:center;flex-wrap:wrap}.pagination [data-page-action="first"],.pagination [data-page-action="last"]{display:none}.sku-after-dialog .split{grid-template-columns:1fr}}
.price-note-filters { display:grid; grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(125px,.7fr)); align-items:end; gap:10px; margin-bottom:15px; }
.price-note-filters label { min-width:0; }
.price-note-filters input,.price-note-filters select { width:100%; }
.price-note-product { display:flex; align-items:center; gap:10px; width:270px; max-width:32vw; }
.price-note-product>div { min-width:0; }
.price-note-product strong,.price-note-product small { display:block; }
.price-note-product small { margin-top:3px; color:#6c7588; }
.price-note-description { display:block; max-width:230px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.price-note-dialog { width:min(820px,94vw); max-height:90vh; overflow:auto; }
.price-note-change { margin:14px 0; padding:12px; border-radius:10px; color:#4d5668; background:#f3f5f9; font-variant-numeric:tabular-nums; }
.price-note-form-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.price-note-form-grid .wide { grid-column:1/-1; }
.price-note-form-grid textarea { min-height:90px; padding:10px 11px; border:1px solid #dfe3eb; border-radius:9px; color:#182034; background:#fff; resize:vertical; font:inherit; }
.price-note-history { margin-top:20px; padding-top:16px; border-top:1px solid #e1e5ee; }
.price-note-history h3 { margin:0 0 10px; font-size:14px; }
@media(max-width:1050px){.price-note-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.price-note-filters,.price-note-form-grid{grid-template-columns:1fr}.price-note-form-grid .wide{grid-column:auto}.price-note-product{width:230px;max-width:70vw}}
.sort-help { margin-left:0!important; font-size:12px; color:#8a93a5!important; }
.sort-head { display:inline-flex; align-items:center; justify-content:flex-end; gap:4px; width:100%; padding:0; border:0; color:#6c7588; background:transparent; font:inherit; white-space:nowrap; cursor:pointer; }
.sort-head span { min-width:22px; color:#9aa2b1; font-size:11px; }
.sort-head:hover,.sort-head.active,.sort-head.active span { color:#6f3ff5; }
.current-user { color:#6c7588; font-size:12px; white-space:nowrap; }
.user-create-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)) auto; align-items:end; gap:14px; }
.user-create-grid button { white-space:nowrap; }
.user-row-input { min-width:120px; }
.user-row-password { min-width:180px; }
.user-status { display:flex; align-items:center; gap:7px; color:#182034; }
.user-status input { min-height:auto; width:auto; }
@media(max-width:1000px){.user-create-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-create-grid button{justify-self:start}}
@media(max-width:560px){.user-create-grid{grid-template-columns:1fr}.current-user{display:none}}
.webhook-base-form { display:flex; align-items:end; gap:12px; }
.webhook-base-form label { flex:1; }
.webhook-store-list { display:grid; gap:12px; margin-bottom:14px; }
.webhook-store-card { display:grid; gap:13px; padding:18px; border:1px solid #e1e5ee; border-radius:13px; background:#fff; }
.webhook-store-head,.webhook-store-actions,.callback-row { display:flex; align-items:center; gap:10px; }
.webhook-store-head strong { margin-right:auto; }
.webhook-store-meta { color:#6c7588; font-size:12px; }
.callback-row input { flex:1; min-width:0; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:12px; }
.webhook-store-actions { justify-content:flex-end; }
@media(max-width:560px){.webhook-base-form,.callback-row,.webhook-store-actions{align-items:stretch;flex-direction:column}}