.byg-toolbox-mask { position: fixed; inset: 0; z-index: 10012; background: rgba(25,35,33,.35); display: flex; justify-content: center; align-items: center; padding: 12px; box-sizing: border-box; }
.byg-toolbox { --tool-ink: #263c36; --tool-muted: #63726c; --tool-line: #dde5e1; width: min(640px, 100%); height: min(800px, 94dvh); display: flex; flex-direction: column; background: #fafcfb; color: var(--tool-ink); border-radius: 8px; overflow: hidden; box-shadow: 0 12px 45px #17271b30; font-family: inherit; font-size: 14px; letter-spacing: 0; }
.byg-toolbox header { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-bottom: 1px solid var(--tool-line); background: #fff; }
.byg-toolbox h2 { font-size: 18px; line-height: 1.4; margin: 0; flex: 1; }
.byg-toolbox header span { font-size: 11px; color: var(--tool-muted); }
.byg-toolbox button { border: 1px solid var(--tool-line); background: #fff; color: var(--tool-ink); border-radius: 6px; min-height: 38px; min-width: 38px; padding: 8px 10px; cursor: pointer; font: inherit; }
.byg-toolbox button:hover { background: var(--sea-accent-soft, #eef3f0); }
.byg-toolbox i.fas::before, #btn-func-toolbox i.fas::before, #byg-vault-toolbox-open i.fa-toolbox::before { display: none; }
.byg-toolbox i.fas svg, #btn-func-toolbox i.fas svg, #byg-vault-toolbox-open i.fa-toolbox svg { width: 1em; height: 1em; vertical-align: -.125em; fill: currentColor; }
.byg-toolbox button:disabled, .byg-toolbox input:disabled, .byg-toolbox select:disabled { opacity: .45; cursor: default; }
.byg-toolbox button:focus-visible, .byg-toolbox input:focus-visible, .byg-toolbox select:focus-visible, .byg-toolbox textarea:focus-visible { outline: 2px solid #418879; outline-offset: 2px; }
.byg-toolbox-scope { display: flex; align-items: center; gap: 12px; padding: 12px 18px; }
.byg-toolbox select, .byg-toolbox-form input, .byg-toolbox textarea { box-sizing: border-box; min-width: 0; border: 1px solid #cdd9d2; background: #fff; color: var(--tool-ink); border-radius: 6px; padding: 9px; font: inherit; }
.byg-toolbox-scope select { flex: 1; width: 0; }
.byg-toolbox nav { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); padding: 0 18px; border-bottom: 1px solid var(--tool-line); gap: 8px; }
.byg-toolbox nav button { border: none; border-bottom: 3px solid transparent; border-radius: 0; background: transparent; padding: 12px 0; }
.byg-toolbox nav button[aria-selected=true] { border-bottom-color: #367c69; color: #256854; font-weight: 600; }
.byg-toolbox #byg-toolbox-content { flex: 1; overflow-y: auto; overscroll-behavior: contain; min-height: 0; padding: 18px; }
.byg-toolbox h3 { font-size: 14px; margin: 0 0 14px; }
.byg-toolbox h4 { font-size: 15px; margin: 0 0 5px; overflow-wrap: anywhere; }
.byg-toolbox p { margin: 0; line-height: 1.6; font-size: 12px; color: var(--tool-muted); overflow-wrap: anywhere; }
.byg-toolbox-row { display: flex; gap: 12px; align-items: center; padding: 12px 0; }
.byg-toolbox-row > div { flex: 1; min-width: 0; }
.byg-toolbox-emblem { color: #468372; font-size: 20px; width: 28px; text-align: center; flex: 0 0 28px; }
.byg-toolbox input[role=switch] { appearance: none; width: 40px; height: 24px; border-radius: 20px; background: #c9d2ce; position: relative; flex: 0 0 40px; cursor: pointer; }
.byg-toolbox input[role=switch]::after { content: ''; position: absolute; width: 18px; height: 18px; border-radius: 50%; background: white; top: 3px; left: 3px; }
.byg-toolbox input[role=switch]:checked { background: #39826b; }
.byg-toolbox input[role=switch]:checked::after { left: 19px; }
.byg-toolbox-toolbar { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.byg-toolbox-toolbar > h3, .byg-toolbox-toolbar > span { flex: 1; min-width: 0; margin: 0; overflow-wrap: anywhere; }
.byg-toolbox-toolbar > span { color: var(--tool-muted); font-size: 11px; }
.byg-toolbox-service { border-bottom: 1px solid var(--tool-line); padding-bottom: 12px; margin-bottom: 16px; }
.byg-toolbox-tool { display: grid; grid-template-columns: minmax(0, 1fr) 106px; align-items: start; gap: 12px; padding: 12px 0; border-top: 1px solid var(--tool-line); }
.byg-toolbox-tool strong { font-size: 13px; overflow-wrap: anywhere; }
.byg-toolbox-tool select { font-size: 12px; width: 100%; }
.byg-toolbox-tool p { margin-top: 5px; }
.byg-toolbox .byg-toolbox-empty { padding: 32px 0; text-align: center; }
.byg-toolbox .byg-toolbox-status { padding: 8px 18px; min-height: 20px; background: #f0f4f1; flex-shrink: 0; color: #5a625a; }
.byg-toolbox-form label { display: flex; flex-direction: column; gap: 8px; margin: 18px 0; font-size: 13px; }
.byg-toolbox-form textarea { width: 100%; resize: vertical; }
.byg-toolbox-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.byg-toolbox-actions button[type=submit] { background: #367c69; color: #fff; border-color: #367c69; }
.byg-toolbox-log { border-bottom: 1px solid var(--tool-line); padding: 12px 0; }
.byg-toolbox-log summary { display: flex; align-items: start; gap: 10px; cursor: pointer; font-size: 13px; overflow-wrap: anywhere; }
.byg-toolbox-log summary .fa-check-circle { color: #36846a; }
.byg-toolbox-log summary .fa-exclamation-circle { color: #b17430; }
.byg-toolbox-log small { display: block; font-size: 11px; margin-top: 6px; color: var(--tool-muted); }
.byg-toolbox-log pre { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; font-size: 12px; line-height: 1.7; }
.byg-toolbox { --tool-ink: var(--sea-ink, #263c36); --tool-muted: var(--sea-muted, #63726c); --tool-line: var(--sea-border, #dde5e1); background: var(--sea-bg-secondary, #fafcfb); }
.byg-toolbox header, .byg-toolbox button, .byg-toolbox select, .byg-toolbox-form input, .byg-toolbox textarea { background: var(--sea-surface-strong, #fff); }
.byg-toolbox .byg-toolbox-status { background: var(--sea-bg, #f0f4f1); color: var(--tool-muted); }
.byg-toolbox nav button[aria-selected=true] { color: var(--sea-accent, #256854); border-bottom-color: var(--sea-accent, #367c69); }
.byg-toolbox nav button:hover { background: var(--sea-accent-soft, #eef3f0); }
#byg-account-vault-page #byg-vault-toolbox-open { width: 100%; display: flex; align-items: center; gap: 12px; padding: 17px; margin: 10px 0; border: 1px solid var(--sea-border, #dde5e1); border-radius: 8px; color: var(--sea-ink, #263c36); background: var(--sea-surface-strong, #fff); font: inherit; text-align: left; cursor: pointer; }
#byg-account-vault-page #byg-vault-toolbox-open > span { flex: 1; }
#byg-account-vault-page #byg-vault-toolbox-open::before, #byg-account-vault-page #byg-vault-toolbox-open::after { display: none; }
@media (max-width: 480px) { .byg-toolbox-mask { padding: 0; } .byg-toolbox { height: 100dvh; width: 100%; border-radius: 0; padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); box-sizing: border-box; } .byg-toolbox header { padding: 12px; } .byg-toolbox #byg-toolbox-content { padding: 16px; } }