.usage-consent, .usage-settings { font-family: inherit; box-sizing: border-box; direction: rtl; }
.usage-consent { position: fixed; z-index: 120; bottom: 3.6rem; left: 1rem; width: min(34rem, calc(100vw - 2rem)); padding: 1.25rem; background: #fff; color: #17382b; border: 1px solid #c8d9ce; border-radius: 1rem; box-shadow: 0 8px 38px #14362626; font-size: .9rem; line-height: 1.9; max-height: calc(100dvh - 5rem); overflow: auto; }
.usage-consent[hidden], .usage-settings[hidden] { display: none !important; }
.usage-consent h2 { font: inherit; font-weight: 800; margin: 0 0 .45rem; font-size: 1.03rem; }
.usage-consent p { margin: .4rem 0; }
.usage-consent .usage-consent-note { color: #52675b; font-size: .78rem; }
.usage-consent-actions { display: flex; gap: .5rem; flex-wrap: wrap; margin-top: .9rem; }
.usage-consent button { border: 1px solid #b5cbbd; padding: .55rem .8rem; min-height: 44px; border-radius: .55rem; color: #17382b; background: #f6faf7; font: inherit; font-weight: 700; cursor: pointer; }
.usage-consent button.usage-consent-primary { color: white; background: #186243; border-color: #186243; }
.usage-consent button:focus-visible, .usage-settings:focus-visible { outline: 3px solid #d49d29; outline-offset: 3px; }
.usage-consent .usage-consent-status { font-size: .8rem; margin-top: .55rem; }
.usage-consent .usage-consent-status:empty { display: none; }
.usage-settings { position: fixed; z-index: 119; bottom: .65rem; left: 1rem; min-height: 36px; padding: .35rem .7rem; border: 1px solid #c8d9ce; border-radius: 1rem; color: #345341; background: #ffffffed; box-shadow: 0 2px 10px #14362612; font-size: .72rem; cursor: pointer; }
@media (max-width: 600px) { .usage-consent { padding: 1rem; font-size: .84rem; bottom: 3.4rem; } .usage-consent-actions button { flex: 1 0 auto; } }
@media print { .usage-consent, .usage-settings { display: none !important; } }