/* CSC Messenger brand layer for Premium — CSC audit 2026-11-10.
   Tokens follow messenger.ee (CSC): red #FF3030 → orange #FF8000, coral #FF5330, Neue Haas Unica (CSC style guide, same files as csc.ee). */
@font-face{font-family:'Neue Haas Unica';src:url(/fonts/csc/NeueHaasUnicaW1G-Regular.woff2) format('woff2'),url(/fonts/csc/NeueHaasUnicaW1G-Regular.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Neue Haas Unica';src:url(/fonts/csc/NeueHaasUnicaW1G-Bold.woff2) format('woff2'),url(/fonts/csc/NeueHaasUnicaW1G-Bold.woff) format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Neue Haas Unica';src:url(/fonts/csc/NeueHaasUnicaW1G-Black.woff2) format('woff2'),url(/fonts/csc/NeueHaasUnicaW1G-Black.woff) format('woff');font-weight:900;font-style:normal;font-display:swap}

:root{--csc-red:#ff3030;--csc-coral:#ff5330;--csc-orange:#ff8000;--csc-ink:#141414;--csc-muted:#646464;--csc-line:#e8e8e8;--csc-soft:#f7f7f7;
  --csc-gradient:linear-gradient(105deg,var(--csc-red),var(--csc-orange));--csc-font:'Neue Haas Unica','Helvetica Neue',Arial,sans-serif;--csc-display:'Neue Haas Unica','Helvetica Neue',Arial,sans-serif}
body{font-family:var(--csc-font);color:var(--csc-ink);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{font-family:var(--csc-display);letter-spacing:-.02em;color:var(--csc-ink)}

/* top bar: white like messenger.ee, logo in brand colours */
nav,nav.nav-extended{background:#fff!important;color:var(--csc-ink);box-shadow:none;border-bottom:1px solid var(--csc-line)}
nav ul a,nav .brand-logo,nav i,nav .material-icons,nav a{color:var(--csc-ink)}
nav ul a:hover{background-color:var(--csc-soft)}
nav .dm-logo img{height:40px;width:40px;border-radius:50%;vertical-align:middle;margin-top:-3px}
.sidenav li>a.active,.sidenav li.active>a{color:var(--csc-coral)}

/* buttons */
.btn,.btn-large,.btn-small,.btn-floating{background:var(--csc-gradient)!important;border-radius:4px;box-shadow:none;font-weight:600;letter-spacing:.04em}
.btn-floating{border-radius:50%}
.btn:hover,.btn-large:hover,.btn-small:hover,.btn-floating:hover{box-shadow:0 6px 18px rgba(255,83,48,.28);filter:saturate(1.05)}
.btn-flat{color:var(--csc-coral)}

/* links, focus, inputs */
a{color:var(--csc-coral)}
input:not([type]):focus:not([readonly]),input[type=text]:focus:not([readonly]),input[type=password]:focus:not([readonly]),input[type=email]:focus:not([readonly]),input[type=number]:focus:not([readonly]),input[type=tel]:focus:not([readonly]),input[type=search]:focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]){border-bottom:1px solid var(--csc-coral)!important;box-shadow:0 1px 0 0 var(--csc-coral)!important}
input:focus:not([readonly])+label,textarea:focus:not([readonly])+label{color:var(--csc-coral)!important}
[type=checkbox]:checked+span:not(.lever):before{border-right-color:var(--csc-coral);border-bottom-color:var(--csc-coral)}
[type=checkbox].filled-in:checked+span:not(.lever):after{border-color:var(--csc-coral);background-color:var(--csc-coral)}
[type=radio]:checked+span:after,[type=radio].with-gap:checked+span:after{background-color:var(--csc-coral);border-color:var(--csc-coral)}
.switch label input[type=checkbox]:checked+.lever:after{background-color:var(--csc-coral)}
.switch label input[type=checkbox]:checked+.lever{background-color:rgba(255,83,48,.35)}
.progress{background-color:rgba(255,83,48,.18)}.progress .determinate,.progress .indeterminate{background-color:var(--csc-coral)}
.tabs .tab a,.tabs .tab a:hover,.tabs .tab a.active{color:var(--csc-coral)}.tabs .indicator{background-color:var(--csc-coral)}
.waves-effect.waves-purple .waves-ripple{background-color:rgba(255,83,48,.2)}

/* footer: dark like messenger.ee */
footer.page-footer{background:#171717!important;color:#ddd}
footer.page-footer a{color:#fff}

/* login card */
.csc-auth{min-height:calc(100vh - 65px);display:flex;align-items:flex-start;justify-content:center;padding:clamp(32px,8vh,96px) 16px 48px;background:var(--csc-soft)}
.csc-auth-card{width:100%;max-width:420px;background:#fff;border:1px solid var(--csc-line);border-radius:16px;padding:36px 32px 28px;box-shadow:0 12px 40px rgba(20,20,20,.06)}
.csc-auth-title{font:800 28px/1.15 var(--csc-display);margin:0 0 8px;letter-spacing:-.03em}
.csc-auth-sub{margin:0 0 28px;color:var(--csc-muted);font-size:14px;line-height:1.5}
.csc-auth-form{display:grid;gap:18px}
.csc-field{display:grid;gap:6px}
.csc-field label{font-size:13px;font-weight:600;color:var(--csc-ink);position:static;transform:none}
.csc-field input.browser-default{box-sizing:border-box;width:100%;height:46px;padding:0 14px;border:1px solid #d6d6d6;border-radius:10px;background:#fff;font:inherit;font-size:15px;color:var(--csc-ink);outline:none;transition:border-color .15s,box-shadow .15s}
.csc-field input.browser-default:focus{border-color:var(--csc-coral);box-shadow:0 0 0 3px rgba(255,83,48,.15)}
.csc-field input.is-invalid{border-color:#d93a1c}
.csc-field-error{color:#d93a1c;font-size:12.5px}
.csc-auth-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}
.csc-remember span{font-size:14px;color:var(--csc-muted)}
.csc-auth-submit.btn-large{width:100%;height:48px;line-height:48px;border-radius:10px;font-size:15px;margin-top:4px}
.csc-auth-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:22px;padding-top:18px;border-top:1px solid var(--csc-line);font-size:14px;color:var(--csc-muted)}
.csc-auth-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;font-size:13px}
.csc-auth-links a{color:var(--csc-muted)}
.csc-auth-price{margin-top:16px}
@media (max-width:480px){.csc-auth-card{padding:28px 20px 22px;border-radius:12px}}

/* brand lockup: CSC circle + Messenger + service */
nav .dm-logo a{display:inline-flex;align-items:center;height:64px}
.csc-brand{display:inline-flex;align-items:center;gap:10px;line-height:1}
.csc-brand img{height:38px!important;width:38px!important;border-radius:50%;margin:0!important}
.csc-brand-name{font:800 20px/1 var(--csc-display);letter-spacing:-.04em;color:var(--csc-ink)}
.csc-brand-svc{font:700 11px/1 var(--csc-font);letter-spacing:.08em;text-transform:uppercase;color:var(--csc-coral);border:1px solid rgba(255,83,48,.35);border-radius:999px;padding:5px 9px}
.csc-auth-note{margin:0 0 18px;padding:12px 14px;border-radius:10px;background:#fff4ef;color:#7a2a12;font-size:14px;line-height:1.45}
.csc-auth-note.is-error{background:#fdecea;color:#8a1f11}
.csc-auth-note a{font-weight:600}
@media (max-width:480px){.csc-brand-name{font-size:17px}.csc-brand img{height:32px!important;width:32px!important}}

/* login: CSC halftone textures + slogan panel (brand guide "Textures application") */
.csc-auth{background-color:#f4f4f4;background-image:radial-gradient(rgba(20,20,20,.13) 1px,transparent 1.6px);background-size:16px 16px}
.csc-auth--split{display:grid;grid-template-columns:minmax(0,440px) minmax(0,420px);gap:28px;align-items:start;justify-content:center}
.csc-auth--split{align-items:stretch}
@media (max-width:900px){.csc-auth-hero{min-height:0}}
/* language flags in the top bar: keep their own colours, small rounded */
nav ul a svg{border-radius:3px;box-shadow:0 0 0 1px var(--csc-line)}
.csc-auth-hero{position:relative;overflow:hidden;border-radius:16px;color:#fff;
  background:radial-gradient(circle at 70% 55%,rgba(255,255,255,.0) 0,rgba(255,255,255,0) 60%),linear-gradient(150deg,#ff8000 0%,#ff5330 45%,#ff3030 100%)}
.csc-auth-hero:before{content:"";position:absolute;inset:-20%;background-image:radial-gradient(rgba(255,255,255,.38) 1.1px,transparent 1.8px);background-size:13px 13px;
  -webkit-mask-image:radial-gradient(circle at 60% 60%,#000 0,rgba(0,0,0,.85) 35%,rgba(0,0,0,.15) 70%,transparent 85%);mask-image:radial-gradient(circle at 60% 60%,#000 0,rgba(0,0,0,.85) 35%,rgba(0,0,0,.15) 70%,transparent 85%)}
.csc-auth-hero-inner{position:relative;display:flex;flex-direction:column;height:100%;padding:44px 40px 36px}
.csc-auth-hero-title{font:800 clamp(30px,3.2vw,42px)/1.05 var(--csc-display);letter-spacing:-.035em;color:#fff;margin:0 0 18px}
.csc-auth-hero-text{font-size:17px;line-height:1.5;margin:0;color:rgba(255,255,255,.92);max-width:340px}
.csc-auth-hero-mark{margin-top:auto;padding-top:40px;display:flex;align-items:center;gap:14px;font:800 17px/1.1 var(--csc-display)}
.csc-auth-hero-mark img{width:64px;height:64px;border-radius:50%;box-shadow:0 0 0 4px #fff;background:#fff}
.csc-auth--split .csc-auth-card{box-shadow:0 18px 50px rgba(20,20,20,.08)}
@media (max-width:900px){.csc-auth--split{grid-template-columns:minmax(0,420px)}.csc-auth-hero-inner{padding:28px 26px}.csc-auth-hero-title{font-size:28px}.csc-auth-hero-mark{display:none}}

/* price lookup on login: compact "country → price" row */
.csc-auth-price{margin-top:18px;padding-top:16px;border-top:1px solid var(--csc-line)}
#price-dropdown-wrapper{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px;margin:0}
#price-dropdown-wrapper .input-field{margin:0;padding:0;position:relative;display:flex;flex-direction:column}
#price-dropdown-wrapper .input-field>label{order:-1}
#price-dropdown-wrapper .input-field>label{position:static!important;transform:none!important;display:block;margin:0 0 6px;font-size:13px;font-weight:600;color:var(--csc-ink)!important}
#price-dropdown-wrapper .select-wrapper{position:relative}
#price-dropdown-wrapper .select-wrapper input.select-dropdown{box-sizing:border-box;height:46px!important;line-height:46px;margin:0!important;padding:0 36px 0 14px!important;border:1px solid #d6d6d6!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;font-size:15px;color:var(--csc-ink)}
#price-dropdown-wrapper .select-wrapper input.select-dropdown:focus{border-color:var(--csc-coral)!important;box-shadow:0 0 0 3px rgba(255,83,48,.15)!important}
#price-dropdown-wrapper .select-wrapper .caret{right:14px!important;top:50%!important;transform:translateY(-50%);fill:var(--csc-muted)}
#price-dropdown-wrapper .select-wrapper+label{position:static!important}
#price-dropdown-wrapper .dropdown-content{border-radius:10px;max-height:320px!important}
#price-dropdown-wrapper .dropdown-content li>span{color:var(--csc-ink);font-size:14px;padding:10px 14px}
#price-dropdown-wrapper .price-value{margin:0;min-width:92px;height:46px;display:flex;align-items:center;justify-content:center;padding:0 14px;border-radius:10px;background:#fff4ef;border:1px solid rgba(255,83,48,.25);font:700 17px/1 var(--csc-display);color:var(--csc-coral);border-bottom:1px solid rgba(255,83,48,.25)!important}
#price-dropdown-wrapper .price-value span{border:0!important}

#price-dropdown-wrapper select{display:none!important}
#price-dropdown-wrapper .input-field.select-wrapper{height:auto!important}
#price-dropdown-wrapper .input-field > .select-wrapper{height:46px}
#price-dropdown-wrapper .price-value{align-self:end}
#price-dropdown-wrapper{display:flex!important;align-items:flex-end!important;gap:12px}
#price-dropdown-wrapper .input-field{flex:1 1 auto;width:auto!important}
#price-dropdown-wrapper .price-value{flex:0 0 auto;margin:0!important}

/* ===== inner UI (Smart + Premium) ===== */
body{background:#fafafa}
/* top bar */
nav ul a{font-size:14px;font-weight:600}
nav .dropdown-trigger i.material-icons{margin-left:2px}
notification-tray .btn-floating,nav .btn-floating{width:40px!important;height:40px!important;line-height:40px!important;margin-top:12px;box-shadow:none}
notification-tray .btn-floating i,nav .btn-floating i{line-height:40px!important;font-size:20px!important}

/* sidebar */
#mainSidenav,#mobileSidenav{background:#fff!important;border-right:1px solid var(--csc-line);box-shadow:none}
#mainSidenav .user-view,#mobileSidenav .user-view{padding:24px 20px 18px!important;margin:0 0 8px!important;border-bottom:1px solid var(--csc-line);
  background-color:#fafafa;background-image:radial-gradient(rgba(20,20,20,.10) 1px,transparent 1.5px);background-size:14px 14px}
.sidenav .user-view .background{display:none}
.sidenav .user-view .user-image{width:52px!important;height:52px!important;line-height:52px!important;border-radius:50%;background:var(--csc-gradient)!important;font:800 22px/52px var(--csc-display)!important;margin:0 0 12px!important;text-align:center}
.sidenav .user-view .user-image span{color:#fff!important;font-size:22px!important}
.sidenav .user-view .user-image img{width:52px!important;height:52px!important}
.sidenav .user-view .name{font:700 15px/1.3 var(--csc-font)!important;color:var(--csc-ink)!important;margin:0 0 10px!important;display:block}
.sidenav .user-view .edit-image,.sidenav .user-view .edit-bg{display:none}
.csc-balance-wrap{margin:0}
.csc-balance{display:inline-flex!important;align-items:baseline;gap:6px;padding:6px 12px;border-radius:999px;background:#fff4ef;border:1px solid rgba(255,83,48,.22);color:var(--csc-ink)!important;font-size:13px;line-height:1.2}
.csc-balance-label{color:var(--csc-muted)}.csc-balance b{color:var(--csc-coral);font:800 15px/1 var(--csc-display)}
.csc-bonus{margin-top:6px;font-size:12px;color:var(--csc-muted)!important}
.sidenav li>a{position:relative;height:44px!important;line-height:44px!important;margin:2px 12px;padding:0 14px 0 46px!important;border-radius:10px;font:500 14.5px/44px var(--csc-font)!important;color:var(--csc-ink)!important}
.sidenav li>a:hover{background:var(--csc-soft)}
.sidenav li.active>a,.sidenav li>a.active{background:#fff4ef!important;color:var(--csc-coral)!important;font-weight:600!important}
.sidenav li>a:before{font-family:'Material Icons';font-weight:normal;font-style:normal;-webkit-font-feature-settings:'liga';font-feature-settings:'liga';position:absolute;left:14px;top:0;font-size:20px;color:#8a8a8a;content:"chevron_right"}
.sidenav li.active>a:before{color:var(--csc-coral)}
.sidenav li>a[href$="/sms"]:before{content:"send"}
.sidenav li>a[href$="/groups"]:before{content:"group"}
.sidenav li>a[href$="/contacts"]:before{content:"contacts"}
.sidenav li>a[href$="/templates"]:before{content:"description"}
.sidenav li>a[href$="/smart/store"]:before{content:"account_balance_wallet"}
.sidenav li>a[href$="/graphs"]:before{content:"bar_chart"}
.sidenav li>a[href$="/smart/invoices"]:before{content:"receipt"}
.sidenav li>a[href*="api"]:before{content:"code"}
.sidenav li>a[href*="personal"]:before{content:"person"}
.sidenav li>a[href*="blacklist"]:before,.sidenav li>a[href*="stopsms"]:before{content:"block"}
.sidenav li>a[href*="account"]:before{content:"manage_accounts"}

/* content */
.main-content{background:transparent}
.main-content .page-forms,.main-content>div{max-width:920px}
.main-content .page-header,.main-content h1{font:800 clamp(28px,3vw,36px)/1.15 var(--csc-display)!important;letter-spacing:-.03em;margin:28px 0 24px!important;color:var(--csc-ink)}
.main-content .page-forms{background:#fff;border:1px solid var(--csc-line);border-radius:16px;padding:8px 32px 32px;margin-top:28px;box-shadow:0 10px 30px rgba(20,20,20,.04)}
.main-content .page-forms>.page-header{margin-top:22px!important}
.main-content label,.main-content .input-field>label{color:var(--csc-muted)!important;font-weight:500}
.main-content label i.material-icons,.main-content .tooltipped.material-icons,.main-content i.material-icons.tiny{font-size:15px!important;color:#b5b5b5!important;vertical-align:middle}
.main-content input:not([type]),.main-content input[type=text],.main-content input[type=number],.main-content input[type=tel],.main-content input[type=email],.main-content textarea.materialize-textarea,.main-content .select-wrapper input.select-dropdown{border-bottom:1px solid #dcdcdc!important;font-size:15px}
.main-content .btn,.main-content .btn-large{border-radius:10px}
.main-content .switch label .lever{background-color:#d8d8d8}
@media (max-width:600px){.main-content .page-forms{padding:4px 18px 24px;border-radius:12px}}

/* language switch: one segmented block like messenger.ee */
nav li.csc-lang-li{display:flex;align-items:center;height:64px}
.csc-lang{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--csc-line);border-radius:999px;background:#fff;margin:0 10px}
nav .csc-lang a.csc-lang-opt{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:28px;line-height:28px!important;padding:0 8px!important;border-radius:999px;font:700 12px/28px var(--csc-font)!important;letter-spacing:.04em;color:var(--csc-muted)!important;background:transparent}
nav .csc-lang a.csc-lang-opt:hover{color:var(--csc-ink)!important;background:var(--csc-soft)}
nav .csc-lang a.csc-lang-opt.is-active{background:var(--csc-gradient);color:#fff!important}

/* login: full-width centred layout (inner .main-content>div max-width must not apply) */
.main-content>.csc-auth{max-width:none!important;width:100%}
.csc-auth--split{align-items:center!important;min-height:calc(100vh - 65px);padding-top:48px;padding-bottom:48px}
.csc-auth--split .csc-auth-hero{min-height:520px;align-self:stretch}
.csc-auth--split .csc-auth-card{align-self:center}
@media (max-width:900px){.csc-auth--split{min-height:0}.csc-auth--split .csc-auth-hero{min-height:0}}
body:has(.csc-auth){background-color:#f4f4f4;background-image:radial-gradient(rgba(20,20,20,.13) 1px,transparent 1.6px);background-size:16px 16px}
.main-content:has(.csc-auth){max-width:none!important;width:100%!important;margin:0!important;padding:0!important;background:transparent}
.csc-auth{background:transparent!important}
.csc-auth--split .csc-auth-hero{align-self:center;min-height:540px}
.csc-auth--split{align-items:stretch!important}
.csc-auth--split .csc-auth-hero,.csc-auth--split .csc-auth-card{align-self:stretch!important}
.csc-auth--split .csc-auth-hero{min-height:540px}
.csc-auth--split{min-height:0!important;padding-top:clamp(32px,7vh,80px)!important;padding-bottom:48px!important}

/* inner pages: keep content clear of the fixed sidebar (sidebar = min(viewport, 330px)) */
@media (min-width:993px){.main-content{margin:0 48px 0 calc(min(100vw,330px) + 48px)!important}}
@media (max-width:992px){.main-content{margin:0 12px!important}}
.main-content:has(.csc-auth){margin:0!important}