.catalog-update-button{padding:5px 8px;border:1px solid #547eae;border-radius:6px;background:#203049;color:#fff;font-size:10px;font-weight:650;line-height:1.3;white-space:nowrap}
.catalog-update-button:hover{background:#304a6b}
.catalog-update-button:disabled{opacity:.65;cursor:wait}
.catalog-notice-dialog{width:500px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:0;border:1px solid #b9d0ec;border-radius:18px;color:#203049;background:#fff;box-shadow:0 18px 70px #20304938;overflow:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.catalog-notice-dialog[open]{display:flex;flex-direction:column}
.catalog-notice-dialog::backdrop{background:#20304942;backdrop-filter:blur(1.5px)}
.catalog-notice-heading{padding:24px 26px 19px;background:#edf4fe;border-bottom:1px solid #d4e2f4;position:relative;display:block;height:auto;flex-shrink:0}
.catalog-notice-kicker{display:flex;align-items:center;gap:7px;font-size:10px;color:#5f7da1;letter-spacing:.8px;font-weight:600;margin-bottom:11px}
.catalog-notice-kicker svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}
.catalog-notice-heading h2{font-size:24px;line-height:1.2;letter-spacing:-.6px;margin:0;color:#203049;padding-right:20px;font-weight:700}
.catalog-notice-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border:0;background:transparent;border-radius:7px;font:24px/1 system-ui;cursor:pointer;color:#6982a0}
.catalog-notice-body{padding:20px 26px 0;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#8ec0fa transparent}
.catalog-notice-intro{font-size:13px;line-height:1.65;color:#607590;margin:0 0 17px}
.catalog-notice-changes{margin:0 0 18px;padding:0;list-style:none;border:1px solid #dbe5f2;border-radius:11px;overflow:hidden}
.catalog-notice-changes li{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 14px;font-size:12px;line-height:1.5;color:#35516f;border-bottom:1px solid #e7edf6}
.catalog-notice-changes li:last-child{border:0}
.catalog-notice-changes small{display:block;margin-top:4px;font-size:11px;line-height:1.5;color:#72849c}
.catalog-notice-changes b{min-width:25px;text-align:center;padding:3px 7px;background:#e5f0fe;border-radius:6px;font-size:11px;color:#355e8c}
.catalog-notice-safety{margin:0 0 21px;font-size:11px;line-height:1.65;color:#72849c}
.catalog-notice-actions{display:flex;gap:10px;padding:0 26px 24px;flex-shrink:0}
.catalog-notice-actions button{border-radius:9px;padding:12px 18px;min-height:44px;cursor:pointer;line-height:1.3;font-size:12px;font-weight:650}
.catalog-notice-update{background:#8ec0fa;border:1px solid #8ec0fa;flex:1;color:#203049}
.catalog-notice-update:hover{background:#a1cbfc}
.catalog-notice-close:hover{background:#edf4fe}
.catalog-notice-actions button:disabled{opacity:.65;cursor:wait}
.catalog-notice-selection:empty{display:none}
.catalog-notice-group{margin:0 0 20px;border-top:1px solid #dbe5f2;padding-top:16px}
.catalog-notice-group h3{margin:0 0 4px;font-size:14px;color:#203049}
.catalog-notice-group .refresh-change{padding:11px 0;overflow-wrap:anywhere}
.catalog-notice-group .refresh-change strong{font-size:13px}
.catalog-notice-group .refresh-change p{font-size:11px;line-height:1.5}
.catalog-notice-group .refresh-prices{font-size:13px}
.catalog-notice-total{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;padding:12px;background:#edf4fe;border-radius:9px;font-size:12px}
.catalog-notice-total>span{color:#607590}
.catalog-notice-total>div{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-variant-numeric:tabular-nums}
.catalog-notice-total del{color:#72849c}
.catalog-notice-total b{font-size:13px}
.catalog-notice-dialog :focus-visible,.catalog-update-button:focus-visible{outline:2px solid #5f97d4;outline-offset:2px}
@media(max-width:760px){.catalog-notice-heading{padding:22px 20px 18px}.catalog-notice-heading h2{font-size:22px}.catalog-notice-body{padding:18px 20px 0}.catalog-notice-intro{font-size:12px}.catalog-notice-actions{padding:0 20px 21px}.catalog-notice-actions button{padding:12px}.catalog-update-button{font-size:9px;padding:4px 6px}}
@media(max-width:760px){.source-state:has(.catalog-update-button:not([hidden])){flex-direction:column;align-items:flex-end;gap:3px}.source-state:has(.catalog-update-button:not([hidden])) .source-dot{display:none}}
