@import url("../../elastic/styles/styles.min.css");

:root{--av-bg:#f1f0ea;--av-surface:#f9f8f4;--av-text:#161b19;--av-muted:#65706c;--av-deep:#0c4a40;--av-accent:#55e2c3;--av-green:#128b7a;--av-line:#d9ddd7}
html,body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--av-text);background:var(--av-bg)}
.avatarium-bar{position:fixed;z-index:1100;inset:0 0 auto 0;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:var(--av-deep);color:#fff;box-shadow:0 1px 0 rgba(0,0,0,.16)}
.avatarium-brand,.avatarium-brand:hover{display:flex;gap:11px;align-items:center;color:#fff;text-decoration:none;font-size:14px;letter-spacing:.12em;font-weight:700}
.avatarium-brand b{color:var(--av-accent);font-weight:800}.avatarium-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--av-accent);border-radius:9px;color:var(--av-accent);font-size:17px;letter-spacing:0}
.avatarium-links{display:flex;gap:8px}.avatarium-links a{color:#d8ede8;text-decoration:none;padding:10px 14px;border-radius:8px;font-weight:600}.avatarium-links a:hover,.avatarium-links a.active{background:rgba(85,226,195,.16);color:#fff}
#layout{top:64px!important;height:calc(100% - 64px)!important}.task-login #layout{top:64px!important;background:radial-gradient(circle at 18% 12%,rgba(85,226,195,.22),transparent 32%),var(--av-bg)}
.task-login #layout-content{background:var(--av-surface);border:1px solid var(--av-line);border-radius:18px;box-shadow:0 24px 70px rgba(12,74,64,.12);padding:34px 36px;max-width:440px}
.task-login #logo{max-height:68px;margin-bottom:1.5rem}.task-login #login-form .form-control{border:1px solid #cbd2cd;border-radius:10px;min-height:46px;background:#fff}.task-login #login-form .form-control:focus{border-color:var(--av-green);box-shadow:0 0 0 3px rgba(18,139,122,.15)}
.btn-primary,.button.mainaction{background:var(--av-green)!important;border-color:var(--av-green)!important;border-radius:10px!important;font-weight:700}.btn-primary:hover,.button.mainaction:hover{background:var(--av-deep)!important;border-color:var(--av-deep)!important}
#login-footer{color:var(--av-muted)}
@media(max-width:760px){.avatarium-bar{height:56px;padding:0 14px}.avatarium-brand{font-size:12px}.avatarium-links a{padding:9px 8px;font-size:13px}.avatarium-links a:last-child{font-size:0}.avatarium-links a:last-child:after{content:"Админ";font-size:13px}#layout{top:56px!important;height:calc(100% - 56px)!important}.task-login #layout-content{margin:16px;width:calc(100% - 32px);padding:26px 22px}}