:root{--tomos-bg:#f6f4ef;--tomos-surface:#fcfbf8;--tomos-input:#fff;--tomos-text:#2f2f2f;--tomos-muted:#6b6b6b;--tomos-placeholder:#747470;--tomos-border:#d9d6cf;--tomos-border-soft:#e7e3dc;--tomos-border-hover:#cfcbc3;--tomos-accent:#a44a1d;--tomos-primary:#9a431c;--tomos-primary-hover:#853919;--tomos-primary-active:#713018;--tomos-primary-disabled:#c7b6ad;--tomos-danger:#b4382e;--tomos-danger-hover:#982e27;--tomos-danger-active:#7e261f;--tomos-danger-text:#8a2e26;--tomos-notice-bg:#fbf4e8;--tomos-notice-text:#6f4b1d;--tomos-notice-border:#e5c998;--tomos-error-bg:#f8ecea;--tomos-error-border:#d9a39e;--tomos-info-bg:#f7f7f4;--tomos-code-bg:#f1f1ee;--tomos-code-text:#555;--tomos-button-hover:#f7f5f0;--tomos-button-active:#efece6;--tomos-shadow:0 1px 2px rgba(47,47,47,.04)}
html{background:var(--tomos-bg);min-height:100%}body{background:var(--tomos-surface)!important;border:1px solid var(--tomos-border);border-radius:10px;box-shadow:var(--tomos-shadow);box-sizing:border-box;color:var(--tomos-text)!important;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;line-height:1.6!important;margin:32px auto!important;max-width:860px!important;padding:28px!important;width:calc(100% - 32px)}
h1{color:var(--tomos-text);font-size:1.8rem;margin:0 0 .5rem}h2{border-top:1px solid var(--tomos-border-soft);color:var(--tomos-text);font-size:1.2rem;margin:2rem 0 1rem;padding-top:1.5rem}h3{color:var(--tomos-text);font-size:1rem;margin:1.4rem 0 .4rem}p{overflow-wrap:anywhere}.hint,.meta{color:var(--tomos-muted)!important}.card{border-top:0!important;padding:0!important}.card+h2,.card+.card h2{border-top:1px solid var(--tomos-border-soft)}
label{color:var(--tomos-text);display:block;font-weight:700;margin:1rem 0 .35rem}input[type=password],input[type=text]{background:var(--tomos-input);border:1px solid var(--tomos-border);border-radius:6px;box-sizing:border-box;color:var(--tomos-text);font:inherit;font-size:16px;margin:.3rem 0 1rem;max-width:none!important;padding:.65rem;width:100%!important}input::placeholder{color:var(--tomos-placeholder);opacity:1}input[type=password]:focus,input[type=text]:focus{border-color:var(--tomos-accent);box-shadow:0 0 0 3px rgba(164,74,29,.12);outline:none}
button,.button{border-radius:6px!important;box-sizing:border-box;display:inline-block;font:inherit;font-weight:700;padding:.7rem 1rem!important;text-decoration:none;cursor:pointer}button,.button.primary{background:var(--tomos-primary)!important;border:1px solid var(--tomos-primary)!important;color:#fff!important}.button:not(.primary){background:var(--tomos-input)!important;border:1px solid var(--tomos-border)!important;color:var(--tomos-text)!important}button:hover,.button.primary:hover{background:var(--tomos-primary-hover)!important;border-color:var(--tomos-primary-hover)!important}.button:not(.primary):hover{background:var(--tomos-button-hover)!important;border-color:var(--tomos-border-hover)!important}button:active,.button.primary:active{background:var(--tomos-primary-active)!important;border-color:var(--tomos-primary-active)!important}button:disabled{background:var(--tomos-primary-disabled)!important;border-color:var(--tomos-primary-disabled)!important;color:#fff!important}button.danger{background:var(--tomos-danger)!important;border-color:var(--tomos-danger)!important;color:#fff!important}button.danger:hover{background:var(--tomos-danger-hover)!important;border-color:var(--tomos-danger-hover)!important}
.result{background:var(--tomos-info-bg)!important;border:1px solid #e2e1dd;border-radius:6px;color:var(--tomos-text)!important;margin:1rem 0;padding:1rem!important}.result.ok,.ok{background:var(--tomos-notice-bg)!important;border-color:var(--tomos-notice-border)!important;color:var(--tomos-notice-text)!important}.result.ng,.ng{background:var(--tomos-error-bg)!important;border-color:var(--tomos-error-border)!important;color:var(--tomos-danger-text)!important}code{background:var(--tomos-code-bg);border-radius:4px;color:var(--tomos-code-text);padding:.1rem .25rem;overflow-wrap:anywhere;word-break:break-word}pre{background:var(--tomos-code-bg);border-radius:6px;overflow:auto;padding:1rem}.actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.credential{border-top:1px solid var(--tomos-border-soft)!important;padding:1.25rem 0!important}.steps li{margin:.8rem 0}
@media(max-width:560px){body{margin:16px auto!important;padding:20px 16px!important;width:calc(100% - 20px)}button,.button{min-height:44px;max-width:100%}.actions button,.actions .button{width:100%}}
button:focus-visible,.button:focus-visible,input[type=password]:focus-visible,input[type=text]:focus-visible{outline:3px solid rgba(164,74,29,.28);outline-offset:2px}
