/* Moreol website theme. Decoration only: forms, actions and data stay intact. */
@font-face{font-family:Moreol;src:url('/assets/fonts/Montserrat-Variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
html.moreol-site{
  --bg:#151d22;--bg-2:#1a242b;--surface:#1b2a33;--surface-2:#21323b;--surface-3:#293e47;
  --line:#2c4650;--line-2:#41616b;--gold:#e5cfa4;--gold-bright:#f5dfb2;--bronze:#b8c9c9;
  --text:#e1e9eb;--text-2:#cadbdf;--muted:#a6bec7;--muted-2:#88a6b3;
  --green:#a8dbc1;--green-bg:#80c6aa16;--blue:#8fc5da;--blue-bg:#73b5d318;
  --gold-bg:#dbc38d17;--amber:#e2c184;--amber-bg:#dfbd7c18;--red:#eea795;--red-bg:#e9958718;
  --radius:3px;--radius-sm:2px;--radius-lg:5px;--sidebar-w:244px;
  color-scheme:dark;
}
html.moreol-site body{font-family:Moreol,Montserrat,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:13px}
html.moreol-site .app{background:radial-gradient(ellipse at 82% 2%,#35545020,transparent 48%),var(--bg)}
html.moreol-site .main{min-width:0;background:linear-gradient(140deg,#11212a40,transparent 60%)}
html.moreol-site .content{padding:24px 28px;scrollbar-gutter:stable}
html.moreol-site :is(h1,h2,h3,h4,.display,.topbar-title,.sb-co-name){font-family:Moreol,Montserrat,Arial,sans-serif}
html.moreol-site :is(button,input,select,textarea){font-family:inherit}
html.moreol-site :is(a,button,input,select,textarea):focus-visible{outline:2px solid #addfd2;outline-offset:3px}
html.moreol-site ::selection{background:#517c72;color:#fff}
html.moreol-site ::-webkit-scrollbar-thumb{background:#355562;border-radius:2px}

/* Navigation: a calm editor rail, with a clear current section. */
html.moreol-site .sb{background:linear-gradient(180deg,#1c2b34,#172329);border-right:1px solid #33525b}
html.moreol-site .sb-logo{padding:24px 20px;gap:13px;border-bottom-color:#2b4850;position:relative}
html.moreol-site .sb-logo:after{content:'';position:absolute;left:20px;bottom:-1px;width:35px;height:1px;background:#dcc594}
html.moreol-site .sb-logo-name{font-family:Moreol,Montserrat,sans-serif;font-weight:550;font-size:21px;letter-spacing:3px;color:#e4eef0}
html.moreol-site .sb-logo-sub{font-family:inherit;font-size:8px;letter-spacing:.05em;color:#9bb9c4}
html.moreol-site .sb-co{background:linear-gradient(120deg,#18323a,#101f28);border:1px solid #36565e;border-radius:2px;padding:12px}
html.moreol-site .sb-co-lbl{color:#8fb3bf;font:9px/1.5 'Courier New',monospace;letter-spacing:.09em}
html.moreol-site .sb-co-name{font-size:13px;font-weight:550;color:#dce9ec}
html.moreol-site .sb-co-user{color:#a6bebe;line-height:1.65}
html.moreol-site .sb-sec{font:9px/1.5 'Courier New',monospace;letter-spacing:.08em;color:#83a6b3;padding-top:21px}
html.moreol-site .sb-item{font-size:11px;line-height:1.65;padding:11px 16px 11px 18px;color:#bdd0d8;gap:10px}
html.moreol-site .sb-item i{color:#8bc8c3;font-size:17px;flex-shrink:0}
html.moreol-site .sb-item:hover{background:#22424a60;color:#e5f0ee}
html.moreol-site .sb-item.active{background:linear-gradient(90deg,#2d554d70,#18333b30);color:#c9ecdc;border-left-color:#b6ddc4}
html.moreol-site .sb-foot{background:#19262e;border-top-color:#2a4651}
html.moreol-site .sb-ava{background:#d9c39c;color:#15252c;border:1px solid #f0d8ad}
html.moreol-site .sb-badge{background:#b6ddc4;color:#17302c}
html.moreol-site .topbar{height:63px;background:linear-gradient(90deg,#1d2d35,#18252d);border-bottom:1px solid #34525c;padding:0 28px;gap:12px}
html.moreol-site .topbar-title{font-size:15px;font-weight:500;letter-spacing:-.3px}
html.moreol-site .topbar-title:before{content:'// ';font-family:'Courier New',monospace;color:#86c5bf}
html.moreol-site .topbar-actions{gap:16px;min-width:0}
html.moreol-site .topbar-logout{border:1px solid #36535b;background:#162b34;border-radius:2px;padding:8px 12px;color:#b8d2d4}
html.moreol-site .moreol-about-link{font-size:10px;color:#bacfce;white-space:nowrap;display:inline-flex;align-items:center;gap:13px}
html.moreol-site .moreol-about-link:hover{color:#e7d2a6}

/* Existing cards, forms and tables keep their dimensions and behavior. */
html.moreol-site :is(.card,.auth-card,.auth-box,.auth-request-card,.guest-lock,.invite-session-guard-card,.apply-section,.rs-card,.rs-panel,.cab-card,.cab-panel,.cab-dash-card,.dash-card,.wf-card,.doc-card,.wl-bot,.wl-ct-card,.fx-panel,.admin-splash,.adm-card,.adash-card,.propiska-simple-row,.request-card){border-color:#38545d;border-radius:3px;background-color:#11212b;box-shadow:0 8px 22px #00000012}
html.moreol-site :is(.apply-head,.cab-head,.rs-head,.pg-head,.wf-head){border-color:#33515b}
html.moreol-site :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea,select){background-color:#0d1b24;color:#e0edf0;border-color:#3a5965;border-radius:3px}
html.moreol-site :is(input,textarea)::placeholder{color:#85a1ad;opacity:1}
html.moreol-site :is(input,select,textarea):focus{border-color:#9dcdbf;box-shadow:0 0 0 2px #78bfa912}
html.moreol-site :is(input,select,textarea):disabled{color:#9ab0bc;background-color:#11212a}
html.moreol-site select option{background:#11212b;color:#e2eced}
html.moreol-site :is(.btn,.btn-gold,.auth-submit,.auth-secondary,.guest-login-btn,.guest-reg-btn,.apply-submit,.rs-submit,.pg-refresh,.cab-btn,.wl-sub-link){border-radius:2px;transition:background .18s,border-color .18s,color .18s}
html.moreol-site :is(.btn-gold,.auth-submit,.apply-submit,.rs-submit,.guest-login-btn){background:linear-gradient(105deg,#e7d0a3,#d3b985);color:#14252c;border:1px solid #efdcb6;box-shadow:none;font-weight:650}
html.moreol-site :is(.btn-gold,.auth-submit,.apply-submit,.rs-submit,.guest-login-btn):hover{background:#f0dfbd;color:#14252c}
html.moreol-site :is(.auth-secondary,.guest-reg-btn,.pg-refresh,.cab-btn){background:#1a353e;border:1px solid #44686b;color:#c6e5df}
html.moreol-site :is(.rs-drop,.apply-doc){border-color:#4a7178;background:#17323a45;border-radius:3px}
html.moreol-site :is(.rs-drop,.apply-doc):hover{background:#25493f45;border-color:#a5ccbc}
html.moreol-site :is(.doc-card,.wl-bot):hover{border-color:#80b6ae;background:#17323a}
html.moreol-site :is(.auth-title,.auth-card h1,.auth-request-title,.guest-lock h2){font-weight:500;letter-spacing:-.7px}
html.moreol-site :is(.auth-input,.auth-request-form input){min-height:45px}
html.moreol-site .auth-label{font-size:10px;letter-spacing:.05em;color:#a9c2c8}
html.moreol-site :is(.auth-card,.auth-request-card,.auth-request-state,.invite-session-guard-card){background:radial-gradient(ellipse at 100% 0,#37615122,transparent 55%),linear-gradient(135deg,#132a34,#0d1b24);border:1px solid #46666d;border-radius:3px;box-shadow:0 20px 55px #0003}
html.moreol-site .auth-heading{font-weight:500;font-size:28px;letter-spacing:-.8px}
html.moreol-site .login-name{font-family:Moreol,Montserrat,sans-serif;font-size:23px;font-weight:500;letter-spacing:.16em;color:#e7d4ae}
html.moreol-site .login-sub{font-family:inherit;font-size:8px;letter-spacing:.12em;color:#96b8c4}
html.moreol-site .auth-form label>span{font-weight:500;font-size:10px;letter-spacing:.08em}
html.moreol-site .auth-input{border-radius:2px;background:#0b1b24;border:1px solid #3c5b65;min-height:46px}
html.moreol-site .auth-input:focus-within{border-color:#a2cfbf;box-shadow:0 0 0 2px #92bfac18}
html.moreol-site .auth-input input{background:transparent;box-shadow:none;outline:none;border:0}
html.moreol-site .auth-tabs{border:1px solid #355461;background:#0c1c25;border-radius:2px;padding:3px}
html.moreol-site .auth-tabs button{border-radius:1px;font-weight:500;color:#a5c0cb}
html.moreol-site .auth-tabs button.active{background:#264c44;color:#cee8d8;box-shadow:inset 0 -1px #b1d3bd}
html.moreol-site .auth-back{font-size:11px;font-weight:500;color:#b9dacf}
html.moreol-site .auth-registration-lead{text-align:left;font-size:12px}
html.moreol-site .account-security-rules{border-radius:2px;background:#0d202a;border-color:#355360}
html.moreol-site .auth-divider{color:#809eaa}
html.moreol-site :is(.auth-note,.auth-request-note,.guest-lock p){color:#aec4cd;line-height:1.8}
html.moreol-site table{border-color:#36515d}
html.moreol-site thead th{background-color:#142b36;color:#b9d8df;border-color:#365460}
html.moreol-site tbody td{border-color:#29424e}
html.moreol-site tbody tr:hover td{background-color:#25495135}

/* Functional admin tiles retain their order, drag handles and badges. */
html.moreol-site .admin-panel-tiles{gap:10px}
html.moreol-site :is(.admin-panel-tile,.admin-menu-toggle){border:1px solid #37545e;border-radius:3px;background:linear-gradient(125deg,#162d37,#101f28);box-shadow:none;color:#bfd4db}
html.moreol-site .admin-panel-tile:hover{border-color:#6fa7a2;background:#1d3b44;transform:none}
html.moreol-site .admin-panel-tile.active{background:linear-gradient(120deg,#284e45,#182f39);border-color:#a4c9b9;color:#dceede;box-shadow:inset 2px 0 #c6dec3}
html.moreol-site .admin-panel-tile i{color:#91c8c5}
html.moreol-site .admin-panel-tile>span{font-family:inherit;font-size:10px;font-weight:500;letter-spacing:0;line-height:1.5}
html.moreol-site .admin-mode-select{background-color:#10242c;border-color:#3d5b67;color:#c9dddf}

/* A technological scene in place of the car / port illustration. */
html.moreol-site :is(.wl-hero,.admin-splash){position:relative;isolation:isolate;background:radial-gradient(ellipse at 78% 44%,#234f482f,transparent 50%),linear-gradient(130deg,#132833,#09151d);border:1px solid #3d5d66;border-radius:2px;overflow:hidden;min-height:350px;box-shadow:0 18px 50px #0002}
html.moreol-site :is(.wl-hero,.admin-splash):before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#558b9710 1px,transparent 1px),linear-gradient(90deg,#558b9710 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,transparent,#000);z-index:-1}
html.moreol-site :is(.wl-hero,.admin-splash):after{content:'MOREOL / CONNECTED SYSTEM';position:absolute;top:23px;right:28px;font:9px/1.5 'Courier New',monospace;letter-spacing:.14em;color:#81aebc;pointer-events:none}
html.moreol-site :is(.wl-hero-scene,.admin-splash-scene){background:none!important;opacity:1;filter:none;inset:0 0 0 auto;width:46%;height:100%;transform:none;pointer-events:none;position:absolute;z-index:-1}
html.moreol-site :is(.wl-hero-scene,.admin-splash-scene):before{content:'';position:absolute;inset:0;background:url('logo-orbit.svg') center/contain no-repeat;transform:none;animation:none}
html.moreol-site :is(.wl-hero-scene,.admin-splash-scene):after{content:none}
html.moreol-site .wl-hero-copy{position:relative;z-index:1;max-width:62%;padding:36px 38px 42px;background:linear-gradient(90deg,#0d1d2490,transparent)}
html.moreol-site .wl-brand-lockup{gap:12px;margin-bottom:24px}
html.moreol-site .wl-logo{width:49px;height:49px;animation:none;background:none;border:0;box-shadow:none}
html.moreol-site .wl-logo img{width:49px;height:49px}
html.moreol-site .wl-logo:before,html.moreol-site .wl-logo:after{display:none}
html.moreol-site .wl-brand{font-family:Moreol,Montserrat,sans-serif;font-size:20px;letter-spacing:.18em;color:#e4ecee;font-weight:500}
html.moreol-site .wl-tag{font-size:9px;color:#9cbbc6;line-height:1.7;margin-top:6px}
html.moreol-site .wl-greet{font-size:clamp(26px,2.4vw,38px);font-weight:450;line-height:1.25;letter-spacing:-1px;color:#e5eef1}
html.moreol-site .wl-sub{max-width:500px;font-size:12px;line-height:1.85;color:#b2cbd3}
html.moreol-site .wl-sub p{color:#b2cbd3}
html.moreol-site .wl-sub{background:none;border:0;box-shadow:none;padding:0;text-align:left;border-radius:0;margin-top:18px}
html.moreol-site .wl-brand-lockup{justify-content:flex-start;text-align:left}
html.moreol-site .wl-brand-lockup>div:last-child{min-width:0;flex:1;text-align:left}
html.moreol-site :is(.wl-brand,.wl-tag){text-align:left}
html.moreol-site .wl-tag{width:auto;max-width:480px;margin-left:0;margin-right:0;text-transform:none;font-weight:400;letter-spacing:.02em}
html.moreol-site .wl-sub-cta{justify-content:flex-start}
html.moreol-site .wl-sub-link{padding:11px 17px;background:#1d403f;border:1px solid #5b8980;color:#cae8dd;font-size:11px;border-radius:2px}
html.moreol-site .wl-route{height:34px;border-top:1px solid #30505a;background:#142d3455;position:absolute;left:0;right:0;bottom:0}
html.moreol-site .wl-route:after{content:'> moreol.connect("технологии", "люди");';position:absolute;left:27px;top:8px;color:#9fc8c7;font:10px/1.5 'Courier New',monospace}
html.moreol-site .wl-route-track{display:none}
html.moreol-site .wl-bots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;width:100%;gap:16px;margin-top:18px}
html.moreol-site .wl-bot{min-width:0}
html.moreol-site .wl-bot{background:linear-gradient(110deg,#152f38,#11232d);border:1px solid #395862}
html.moreol-site .wl-bot-ic{background:#21463e;color:#bbe2cf;border:1px solid #3e7064;border-radius:2px}
html.moreol-site .wl-bot-title{font-weight:500;font-size:12px;color:#d5e7e8}
html.moreol-site .wl-bot-sub{font-size:10px;color:#94b3c1}
html.moreol-site .admin-splash-copy{position:relative;z-index:1;max-width:65%;padding:42px;gap:23px;align-items:center;background:none}
html.moreol-site .admin-splash-logo{animation:none;transform:none;width:68px;height:68px;flex:none}
html.moreol-site .admin-splash-kicker{color:#95bdbf;font:9px/1.6 'Courier New',monospace;letter-spacing:.12em}
html.moreol-site .admin-splash h1{font-size:clamp(27px,3vw,41px);font-weight:450;letter-spacing:-1.3px;line-height:1.25;color:#e4eef0}
html.moreol-site .admin-splash p{color:#9ebfca;line-height:1.8;font-size:12px}
html.moreol-site .admin-splash-line{background:#46746766;height:1px}
html.moreol-site .admin-splash-line:after{content:'// точные данные → согласованные действия';position:absolute;left:35px;bottom:17px;color:#90b4b7;font:10px 'Courier New',monospace}
html.moreol-site .admin-splash-line span{background:#a6d1be;box-shadow:0 0 10px #94d2ba55}

html.moreol-site .fx-panel{background:linear-gradient(130deg,#122933,#0c1b24);border:1px solid #38565e;border-radius:2px}
html.moreol-site .fx-title{font-size:11px;font-weight:500;color:#c4dddd}
html.moreol-site :is(.fx-date-toggle,.fx-convert-toggle,.fx-picker button,.fx-convert-submit){background:#1b373d;border:1px solid #41666a;color:#c6e2dd;border-radius:2px}
html.moreol-site .fx-card{background:#10232c;border:1px solid #304f5b;border-radius:2px}
html.moreol-site .fx-code{color:#dfcfac}
html.moreol-site .fx-rate{font-family:Moreol,Montserrat,sans-serif;color:#e0edef;font-weight:450}
html.moreol-site .fx-unit-label{color:#9eb8c5}
html.moreol-site .fx-context{color:#85a8b6}
html.moreol-site .boot{background:radial-gradient(ellipse at center,#18383d,#09141a 65%)}
html.moreol-site .boot-logo{animation:none!important;transform:none!important;border-radius:0!important}
html.moreol-site .wl-hero{padding:0}
html.moreol-site .wl-hero-copy{width:62%}
html.moreol-site .wl-logo{flex:0 0 49px}
html.moreol-site :is(.wl-hero,.admin-splash):after{inset:23px 28px auto auto;background:none;animation:none}
html.moreol-site :is(.wl-hero-scene,.admin-splash-scene){animation:none!important}
html.moreol-site .admin-splash-copy{width:65%}
html.moreol-site .admin-splash{height:clamp(380px,55vh,520px);max-height:520px}
@keyframes moreol-orbit{from{transform:rotate(-24deg) scaleY(.77)}to{transform:rotate(336deg) scaleY(.77)}}
@media(prefers-reduced-motion:reduce){html.moreol-site *,html.moreol-site *:before,html.moreol-site *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@media(max-width:1100px){html.moreol-site .content{padding:21px}html.moreol-site .wl-hero-copy{padding:29px 27px 44px}html.moreol-site .wl-sub{font-size:11px}html.moreol-site .admin-splash-copy{padding:30px;max-width:68%}}
@media(max-width:768px){
  html.moreol-site .topbar{padding:0 16px;height:57px;gap:10px}
  html.moreol-site .topbar-title{font-size:13px}
  html.moreol-site .content{padding:18px 14px;scrollbar-gutter:auto}
  html.moreol-site .topbar-actions{gap:9px}
  html.moreol-site .moreol-about-link{font-size:9px;gap:5px}
  html.moreol-site :is(.wl-hero,.admin-splash){min-height:365px}
  html.moreol-site .wl-hero-copy{max-width:76%;padding:29px 24px 52px}
  html.moreol-site .wl-hero-copy{width:76%}
  html.moreol-site :is(.wl-hero-scene,.admin-splash-scene){width:48%;opacity:.6}
  html.moreol-site .admin-splash-copy{padding:26px;max-width:78%;gap:17px}
  html.moreol-site .admin-splash-logo{width:46px;height:46px}
  html.moreol-site .admin-splash-logo img{width:46px;height:46px}
  html.moreol-site .admin-splash h1{font-size:30px}
  html.moreol-site :is(.wl-hero,.admin-splash):after{font-size:7px;top:13px;right:15px}
}
@media(max-width:480px){
  html.moreol-site .wl-bots{gap:8px}
  html.moreol-site .wl-bot{padding:12px 10px;gap:8px;align-items:flex-start;flex-wrap:wrap}
  html.moreol-site .wl-bot-ic{width:28px;height:28px;font-size:17px}
  html.moreol-site .wl-bot-tx{flex-basis:100%;order:2}
  html.moreol-site .wl-bot-title{font-size:11px}
  html.moreol-site .wl-bot-sub{font-size:9px}
  html.moreol-site .wl-bot-arw{margin-left:auto}
  html.moreol-site .topbar-actions{gap:7px}
  html.moreol-site .moreol-about-link span{display:none}
  html.moreol-site .topbar-logout{padding:7px 8px}
  html.moreol-site .wl-hero{min-height:485px}
  html.moreol-site .wl-hero-copy{max-width:100%;padding:30px 23px 175px;background:none}
  html.moreol-site .wl-hero-copy{width:100%}
  html.moreol-site .wl-greet{font-size:28px}
  html.moreol-site .wl-brand-lockup{margin-bottom:21px}
  html.moreol-site .wl-sub{font-size:11px}
  html.moreol-site .wl-hero-scene{width:56%;height:173px;bottom:28px;top:auto;right:8px;opacity:1}
  html.moreol-site .wl-route:after{font-size:8px;left:17px}
  html.moreol-site .admin-splash{min-height:365px}
  html.moreol-site .admin-splash-copy{max-width:100%;padding:27px 23px 178px;align-items:flex-start}
  html.moreol-site .admin-splash-copy{width:100%}
  html.moreol-site .admin-splash-logo{display:none}
  html.moreol-site .admin-splash h1{font-size:28px;max-width:260px}
  html.moreol-site .admin-splash-scene{top:auto;bottom:20px;right:8px;width:58%;height:166px;opacity:1}
  html.moreol-site .admin-splash-line:after{left:20px;bottom:15px;font-size:7px}
  html.moreol-site .sb{width:min(284px,88vw)}
  html.moreol-site .auth-request-form{min-width:0}
}

/* Keep the dark theme, with less contrast between large background surfaces. */
@media screen{
  html.moreol-site :is(.card,.apply-section,.rs-card,.rs-panel,.cab-card,.cab-panel,.cab-dash-card,.dash-card,.wf-card,.doc-card,.wl-ct-card,.adm-card,.adash-card,.propiska-simple-row,.request-card){background-color:var(--surface)}
  html.moreol-site :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea,select){background-color:#17252d}
  html.moreol-site :is(.auth-card,.auth-request-card,.auth-request-state,.invite-session-guard-card){background:radial-gradient(ellipse at 100% 0,#41685a18,transparent 55%),linear-gradient(135deg,#21333c,#192730)}
  html.moreol-site .auth-input{background:#17252d}
  html.moreol-site .auth-input input{background:transparent}
  html.moreol-site :is(.wl-hero,.admin-splash){background:radial-gradient(ellipse at 78% 44%,#375d5320,transparent 50%),linear-gradient(130deg,#21343d,#19272f)}
  html.moreol-site .wl-bot{background:linear-gradient(110deg,#233840,#1c2d35)}
  html.moreol-site .fx-panel{background:linear-gradient(130deg,#20343d,#1a2a33)}
  html.moreol-site .fx-card{background:#1b2e36}
  html.moreol-site .boot{background:radial-gradient(ellipse at center,#243c41,#17232b 65%)}
}