/* History filters, Language picker, Rules accordion, Contact, Logout confirm */

/* ---------- History ---------- */
.hist-tools{background-color:#fff;border-radius:24px;padding:1rem;margin-bottom:12px}
.hist-search{display:flex;align-items:center;gap:0.5rem;background-color:#F3F6FA;border-radius:50rem;padding:0 1rem;margin-bottom:0.75rem}
.hist-search span{color:#969696}
.hist-search input{flex:1;min-width:0;border:0;background:none;padding:10px 0;outline:none;color:#0C092A}
.hist-chips{display:flex;gap:0.375rem;overflow-x:auto;scrollbar-width:none}
.hist-chips::-webkit-scrollbar{display:none}
.hist-chips button{flex-shrink:0;border:0;border-radius:50rem;padding:6px 12px;font-size:0.8125rem;font-weight:bold;background-color:#FFEBD9;color:#FE9E44;white-space:nowrap}
.hist-chips button.active{background-color:#FE9E44;color:#fff}
.hist-dates{display:flex;gap:0.5rem;margin-top:0.75rem}
.hist-dates[hidden]{display:none}
.hist-dates label{flex:1;min-width:0;font-size:0.75rem;font-weight:bold;color:#969696}
.hist-dates input{display:block;width:100%;margin-top:2px;border:1px solid #DFDFDF;border-radius:12px;padding:6px 8px;color:#0C092A;font-size:0.875rem}
.hist-count{color:#fff;font-size:0.8125rem;font-weight:bold;margin:0 0.5rem 0.5rem}
.history-list[hidden]{display:none}
.hist-empty{text-align:center;padding:2rem 1rem;color:#969696}
.hist-empty[hidden]{display:none}
.hist-empty>span{font-size:1.75rem;display:block;margin-bottom:0.25rem}
.hist-empty p{margin-bottom:0.75rem}
.hist-empty button{border:0;background:none;color:#FE9E44;font-weight:bold}

/* ---------- Language ---------- */
.lang-current{display:flex;align-items:center;gap:0.75rem;color:#fff;margin:0 0.25rem 1rem}
.lang-current .lang-flag{width:44px;height:44px}
.lang-current-label{font-size:0.75rem;opacity:0.8}
.lang-current-name{font-weight:bold;font-size:1.25rem;line-height:1.2}
.lang-title{font-weight:bold;padding:1rem 1rem 0.25rem;margin:0;color:#0C092A}
.lang-list{padding:0 0.5rem 0.5rem}
.lang-item{display:flex;align-items:center;gap:0.75rem;width:100%;border:2px solid transparent;background:none;border-radius:16px;padding:0.625rem 0.75rem;text-align:left;color:#0C092A}
.lang-item+.lang-item{margin-top:2px}
.lang-item.active{border-color:#FE9E44;background-color:#FFF6EE}
.lang-flag{width:36px;height:36px;flex-shrink:0;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #fff,0 2px 6px rgba(12,9,42,0.15)}
.lang-name{flex:1;min-width:0;line-height:1.25}
.lang-name b{display:block}
.lang-name small{color:#969696}
.lang-check{width:22px;height:22px;flex-shrink:0;border-radius:50%;border:2px solid #DFDFDF;position:relative}
.lang-item.active .lang-check{border-color:#FE9E44;background-color:#FE9E44}
.lang-item.active .lang-check::after{content:'';position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.menu-lang{margin-left:auto;margin-right:1.75rem;display:inline-flex;align-items:center;gap:0.375rem;font-size:0.8125rem;color:#969696}
.menu-lang img{width:18px;height:18px;border-radius:50%;object-fit:cover}

/* ---------- Rules accordion ---------- */
.rules-intro{color:#fff;font-size:0.875rem;margin:0 0.25rem 0.75rem}
.rules-acc{background-color:#fff;border-radius:24px;overflow:hidden;margin-bottom:1rem}
.rules-item+.rules-item{border-top:1px solid rgba(150,150,150,0.25)}
.rules-head{display:flex;align-items:center;gap:0.75rem;width:100%;border:0;background:none;padding:1rem;text-align:left;color:#0C092A;font-weight:bold}
.rules-ico{width:34px;height:34px;flex-shrink:0;border-radius:10px;background-color:#FFEBD9;color:#FE9E44;display:flex !important;align-items:center;justify-content:center;font-size:1rem}
.rules-title{flex:1;min-width:0}
.rules-chev{color:#969696;transition:transform 0.2s}
.rules-chev::before{margin:0}
.rules-head:not(.collapsed) .rules-chev{transform:rotate(180deg);color:#FE9E44}
.rules-head:not(.collapsed) .rules-ico{background-color:#FE9E44;color:#fff}
.rules-body{margin:0;padding:0 1rem 1rem 3.75rem;color:#555;font-size:0.9375rem}
.rules-body li{margin-bottom:0.5rem}
.rules-body li:last-child{margin-bottom:0}
.rules-help{display:block;text-align:center;color:#fff;margin-bottom:1.5rem;font-size:0.9375rem}
.rules-help:hover{color:#fff;opacity:0.85}

/* ---------- Contact ---------- */
.contact-hero{text-align:center;color:#fff;margin-bottom:1.25rem}
.contact-hero-ico{width:72px;height:72px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;background:linear-gradient(160deg,#FFCC5F 35%,#FE9E44 100%);box-shadow:0 5px 10px rgba(12,9,42,0.16);margin-bottom:0.75rem}
.contact-hero-title{font-size:1.375rem;font-weight:bold;margin-bottom:0.25rem}
.contact-hero-sub{opacity:0.9;margin:0 auto;max-width:300px}
.contact-list{overflow:hidden}
.contact-opt{display:flex;align-items:center;gap:0.875rem;padding:1rem;color:#0C092A}
.contact-opt+.contact-opt{border-top:1px solid rgba(150,150,150,0.25)}
.contact-opt:hover,.contact-opt:focus{color:#0C092A;background-color:#FFF6EE}
.contact-opt-ico{width:48px;height:48px;flex-shrink:0;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}
.contact-opt-ico.wa{background-color:#47c475}
.contact-opt-ico.mail{background-color:#FE9E44}
.contact-opt-text{flex:1;min-width:0;line-height:1.3}
.contact-opt-text b{display:block;font-size:1.0625rem}
.contact-opt-text small{color:#969696;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.contact-opt-go{width:32px;height:32px;flex-shrink:0;border-radius:50%;background-color:#FFEBD9;color:#FE9E44;display:flex;align-items:center;justify-content:center}
.contact-opt-go::before{margin:0}
.contact-info{text-align:center;color:#fff;font-size:0.875rem;margin-bottom:0.5rem}
.contact-faq{display:block;text-align:center;color:#fff;font-weight:bold;font-size:0.875rem;margin-bottom:1.5rem}
.contact-faq:hover{color:#fff;opacity:0.85}

/* ---------- Confirm modal (logout) ---------- */
.confirm-modal{padding:24px;border-radius:24px;text-align:center}
.confirm-ico{width:56px;height:56px;margin:0 auto 0.75rem;border-radius:50%;background-color:#FFEBD9;color:#FE9E44;display:flex;align-items:center;justify-content:center;font-size:1.5rem}
.confirm-ico span::before{margin:0}
.confirm-text{color:#969696;margin-bottom:24px}
.confirm-danger{color:#dc3545;font-weight:bold;background:none}
.confirm-danger:hover{color:#b02a37}