/* SMMrun 2026-10-13 v2 - light by default, dark optional, left sidebar when signed in */
:root{--bg:#f5f6f8;--surface:#fff;--line:#e2e5ea;--text:#1d2129;--muted:#636b78;--head:#0f1115;--hover:#eef0f3;--input:#fff;--inputline:#cfd4dc;--or:#FF5A1F;--or-d:#e14c13;--link:#d9480f}
html[data-theme=dark]{--bg:#0f1115;--surface:#171a21;--line:#272b34;--text:#e3e6eb;--muted:#9aa1ad;--head:#fff;--hover:#1e222a;--input:#11141a;--inputline:#2f3440;--link:#ff8a5c}
html,body{background:var(--bg)}
body{color:var(--text);font-family:Archivo,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5{color:var(--head);font-family:Archivo,Arial,sans-serif;font-weight:700;letter-spacing:0}
a{color:var(--link)}a:hover,a:focus{color:var(--or-d)}
.sr-wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.sr-logo{height:28px;width:auto;display:block;color:var(--head)}
.sr-brand{display:inline-flex;align-items:center}
/* theme button */
.sr-theme-btn{background:transparent;border:1px solid var(--line);border-radius:6px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.sr-theme-btn svg{width:17px;height:17px;fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sr-theme-btn:hover{background:var(--hover)}.sr-i-sun{display:none}html[data-theme=dark] .sr-i-sun{display:block}html[data-theme=dark] .sr-i-moon{display:none}
/* burger */
.sr-burger{display:none;background:none;border:0;padding:8px;cursor:pointer}
.sr-burger span{display:block;width:20px;height:2px;background:var(--head);margin:4px 0;border-radius:1px}
/* guest header */
.sr-head{background:var(--surface);border-bottom:1px solid var(--line)}
.sr-head__in{display:flex;align-items:center;justify-content:space-between;height:64px}
.sr-head__nav{display:flex;align-items:center;gap:24px}
.sr-head__nav>a{color:var(--text);font-weight:500;text-decoration:none}
.sr-head__nav>a:hover,.sr-head__nav>a.is-active{color:var(--link)}
.sr-head__nav>a.sr-head__cta{border:1px solid var(--or);color:var(--or-d);padding:6px 14px;border-radius:6px}
.sr-head__nav>a.sr-head__cta:hover{background:var(--or);color:#fff}
.sr-lang>a{color:var(--muted);text-decoration:none}
/* guest home */
.sr-home{padding:72px 0 64px}
.sr-home__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start}
.sr-home h1{font-size:44px;line-height:1.1;margin:8px 0 16px}
.sr-home__lead{font-size:17px;color:var(--muted);max-width:520px;margin:0 0 24px}
.sr-home__facts{list-style:none;padding:0;margin:0 0 32px;display:grid;gap:8px}
.sr-home__facts li{color:var(--text)}.sr-home__facts strong{color:var(--head);display:inline-block;min-width:64px}
.sr-home__logos{display:flex;gap:16px;flex-wrap:wrap;opacity:.9}
.sr-login{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:32px}
.sr-login h2{font-size:22px;margin:0 0 24px}
.sr-login__fields{display:grid;gap:16px}
.sr-login .form-group{margin:0}
.sr-forgot{display:inline-block;font-size:13px;margin:8px 0 16px}
.sr-login__btn{height:44px}
.sr-google{display:flex;justify-content:center;margin-top:16px}
.sr-login__signup{margin:16px 0 0;color:var(--muted);text-align:center}
.sr-footer{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:14px}
.sr-footer__in{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.sr-footer a{color:var(--muted);margin-left:16px;text-decoration:none}.sr-footer a:hover{color:var(--head)}
.sr-guest-main>.container{padding-top:40px;padding-bottom:40px}
/* signed-in shell */
.sr-side{position:fixed;top:0;left:0;bottom:0;width:240px;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:1030}
.sr-side__brand{height:64px;padding:0 20px;border-bottom:1px solid var(--line)}
.sr-side__nav{flex:1;overflow-y:auto;padding:12px 8px}
.sr-side__item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:6px;color:var(--text);font-weight:500;text-decoration:none;margin-bottom:2px}
.sr-side__item i{width:18px;text-align:center;color:var(--muted)}
.sr-side__item:hover{background:var(--hover);color:var(--head);text-decoration:none}
.sr-side__item.is-active{background:var(--hover);color:var(--head);box-shadow:inset 3px 0 0 var(--or)}
.sr-side__item.is-active i{color:var(--or)}
.sr-side__foot{border-top:1px solid var(--line);padding:12px 16px 16px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sr-balance{width:100%;margin-bottom:4px}
.sr-balance>a,.sr-balance{display:flex;justify-content:space-between;align-items:center;color:var(--text);text-decoration:none;cursor:pointer}
.sr-balance__label{color:var(--muted);font-size:13px}.sr-balance__value{font-weight:700;color:var(--head)}
.sr-side__sub{color:var(--muted);font-size:14px;text-decoration:none;margin-right:12px}.sr-side__sub:hover{color:var(--head)}
.sr-side__foot .sr-theme-btn{margin-left:auto}
.sr-main{margin-left:240px;padding:32px 16px 48px;min-height:100vh}
.sr-main>.container,.sr-main>.container-fluid{max-width:1100px;width:auto}
.sr-topbar{display:none}
.sr-shade{display:none}
/* bootstrap 3 components */
.well,.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:none;color:var(--text)}
.panel-heading,.panel-footer{background:var(--surface)!important;border-color:var(--line)!important;color:var(--head)!important}
.form-control,select.form-control,textarea.form-control{background:var(--input);border:1px solid var(--inputline);color:var(--text);border-radius:6px;height:42px;box-shadow:none}
textarea.form-control{height:auto}
.form-control:focus{border-color:var(--or);box-shadow:0 0 0 3px rgba(255,90,31,.15)}
.form-control[disabled],.form-control[readonly]{background:var(--hover);color:var(--muted)}
.control-label,label{color:var(--head);font-weight:600;font-size:14px}
.help-block,.text-muted{color:var(--muted)}
.input-group-addon{background:var(--hover);border-color:var(--inputline);color:var(--text)}
.btn{border-radius:6px;font-weight:600}
.btn-primary,.btn-primary:focus{background:var(--or);border-color:var(--or);color:#fff}
.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary:active:hover,.btn-primary:active:focus,.open>.dropdown-toggle.btn-primary{background:var(--or-d);border-color:var(--or-d);color:#fff}
.btn-default{background:var(--surface);border-color:var(--inputline);color:var(--text)}.btn-default:hover,.btn-default:focus{background:var(--hover);color:var(--head);border-color:var(--inputline)}
.table{color:var(--text)}.table>thead>tr>th{border-bottom:1px solid var(--line);color:var(--muted);font-weight:600;font-size:13px}
.table>tbody>tr>td,.table>tbody>tr>th,.table>thead>tr>th{border-top:1px solid var(--line)}
.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>thead>tr>th{border-color:var(--line)}
.table-striped>tbody>tr:nth-of-type(odd){background:var(--hover)}
.nav-pills>li>a{color:var(--text);border-radius:6px}.nav-pills>li>a:hover{background:var(--hover)}
.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{background:var(--head);color:var(--bg)}
.nav-tabs{border-color:var(--line)}.nav-tabs>li>a{color:var(--text)}.nav-tabs>li>a:hover{background:var(--hover);border-color:var(--line)}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{background:var(--surface);color:var(--head);border-color:var(--line) var(--line) transparent}
.pagination>li>a,.pagination>li>span{background:var(--surface);border-color:var(--line);color:var(--text)}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover{background:var(--head);border-color:var(--head);color:var(--bg)}
.badge,.label-primary{background:var(--or)}
.dropdown-menu{background:var(--surface);border:1px solid var(--line);box-shadow:0 8px 24px rgba(15,17,21,.12)}
.dropdown-menu>li>a{color:var(--text)}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{background:var(--hover);color:var(--head)}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover{background:var(--hover);color:var(--link);font-weight:600}
.dropdown-max-height{max-height:360px;overflow:auto}
.modal-content{background:var(--surface);border:1px solid var(--line);color:var(--text)}.modal-header,.modal-footer{border-color:var(--line)}
.close{color:var(--head);opacity:.5;text-shadow:none}
.list-group-item{background:var(--surface);border-color:var(--line);color:var(--text)}
code,pre{background:var(--hover);color:var(--head);border:1px solid var(--line)}
hr{border-color:var(--line)}
@media (max-width:991px){
 .sr-side{transform:translateX(-100%);transition:transform .2s}
 .sr-menu-open .sr-side{transform:none}
 .sr-menu-open .sr-shade{display:block;position:fixed;inset:0;background:rgba(15,17,21,.35);z-index:1020}
 .sr-topbar{display:flex;align-items:center;gap:8px;height:56px;padding:0 12px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1010}
 .sr-topbar .sr-burger{display:block}
 .sr-main{margin-left:0;padding:20px 8px 40px}
}
@media (max-width:767px){
 .sr-home{padding:32px 0 40px}.sr-home__grid{grid-template-columns:1fr;gap:32px}.sr-home h1{font-size:32px}
 .sr-login{padding:24px}
 .sr-burger--guest{display:block}
 .sr-head__nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:16px;padding:16px 24px;z-index:1000}
 .sr-menu-open .sr-head__nav{display:flex}
 .sr-head{position:relative}
 .sr-footer a{margin:0 16px 0 0}
}