@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700&display=swap');

:root { --gold:#c8a84b; --ink:#12120f; --muted:#6f706b; --paper:#f7f6f1; --white:#fff; --line:#e5e2d8; --soft:#eeece4; --success:#2d7051; }
*{box-sizing:border-box} [hidden]{display:none!important} html{scroll-behavior:smooth} body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,Arial,sans-serif;line-height:1.55} a{color:inherit} button,input{font:inherit}
.shell{max-width:1180px;margin:auto;padding:0 24px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mark{display:block;width:42px;height:42px;background-image:url('/onlajn-company-logo-transparent.png')!important;background-color:transparent!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;color:transparent!important;clip-path:none;font-size:0;border-radius:0;overflow:visible;flex:0 0 42px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between}.link{font-size:14px;color:var(--muted);text-decoration:none}.btn{border:0;border-radius:7px;padding:14px 22px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:8px}.btn-dark{background:var(--ink);color:#fff}.btn-gold{background:var(--gold);color:#111}.btn-light{background:#fff;border:1px solid var(--line)}
.eyebrow{font-family:'Barlow Condensed';text-transform:uppercase;letter-spacing:.15em;font-weight:700;color:#8b722c;font-size:13px}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center;padding:72px 0 92px}.hero h1,.display{font-family:'Bebas Neue';font-size:clamp(56px,7vw,96px);font-weight:400;line-height:.92;letter-spacing:.005em;margin:16px 0 24px}.lead{font-size:19px;color:#51524e;max-width:650px}.facts{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0}.fact{border:1px solid var(--line);background:#fff;border-radius:100px;padding:8px 13px;font-size:13px;font-weight:600}.form-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px;box-shadow:0 24px 70px rgba(30,28,18,.10)}.form-card h2{font-family:'Barlow Condensed';font-size:31px;line-height:1.05;margin:0 0 8px}.form-card p{color:var(--muted);font-size:14px;margin:0 0 22px}.field{display:grid;gap:6px;margin:14px 0}.field label{font-size:13px;font-weight:700}.field input,.field textarea,.field select{width:100%;padding:13px 14px;border:1px solid #cfcdc4;border-radius:7px;background:#fff}.field input:focus,.field textarea:focus{outline:3px solid rgba(200,168,75,.2);border-color:var(--gold)}.check{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:var(--muted);margin:16px 0}.check input{margin-top:3px}.full{width:100%}.message{font-size:13px;margin:12px 0 0;color:#9b3327}.section{padding:88px 0}.section-white{background:#fff}.section h2{font-family:'Bebas Neue';font-size:clamp(42px,5vw,62px);font-weight:400;line-height:1;margin:10px 0 38px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tile{border-top:3px solid var(--gold);background:var(--paper);padding:25px;min-height:190px}.tile b{font-family:'Barlow Condensed';font-size:23px}.tile p{color:var(--muted);font-size:14px}.num{font-family:'Bebas Neue';color:var(--gold);font-size:30px}.quote{background:var(--ink);color:#fff;padding:54px;border-radius:16px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.quote h2{margin:0;font-size:48px}.quote p{color:#c9c8c0;margin:8px 0 0}.footer{padding:34px 0;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}
.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-brand{background:var(--ink);color:#fff;padding:60px;display:flex;flex-direction:column;justify-content:space-between}.login-brand h1{font-family:'Bebas Neue';font-weight:400;font-size:68px;line-height:.95;max-width:520px}.login-brand p{color:#c9c8c0;max-width:520px}.login-panel{display:grid;place-items:center;padding:30px}.login-panel .form-card{width:min(440px,100%)}
.app-body{background:#f4f3ee}.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:var(--ink);color:#fff;padding:25px 18px;display:flex;flex-direction:column}.sidebar .brand{padding:0 8px 28px}.nav{display:grid;gap:5px}.nav a{padding:11px 12px;text-decoration:none;border-radius:7px;color:#c9c8c0;font-size:14px}.nav a.active,.nav a:hover{background:#28271f;color:#fff}.nav-label{font-family:'Barlow Condensed';text-transform:uppercase;letter-spacing:.12em;color:#77766f;font-size:11px;margin:24px 12px 8px}.sidebar-bottom{margin-top:auto;padding:18px 10px 0;border-top:1px solid #33322b;font-size:12px;color:#aaa}.main{padding:34px 44px 70px}.app-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.app-top h1{font-family:'Barlow Condensed';font-size:34px;margin:0}.profile{font-size:13px;color:var(--muted)}.welcome{background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.welcome h2{font-family:'Barlow Condensed';font-size:32px;margin:0 0 6px}.welcome p{color:var(--muted);margin:0}.progress{font-family:'Bebas Neue';font-size:42px;color:var(--gold)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}.card-tag{font-family:'Barlow Condensed';text-transform:uppercase;letter-spacing:.1em;color:#987b2d;font-size:11px;font-weight:700}.card h3{font-family:'Barlow Condensed';font-size:24px;line-height:1.1;margin:9px 0}.card p{font-size:13px;color:var(--muted);min-height:58px}.card .btn{padding:10px 13px;font-size:13px}.agenda{margin-top:30px}.agenda h2{font-family:'Barlow Condensed';font-size:26px}.event{display:grid;grid-template-columns:68px 1fr auto;align-items:center;gap:18px;background:#fff;border:1px solid var(--line);padding:17px;border-radius:10px}.date{background:var(--ink);color:#fff;text-align:center;padding:8px;border-radius:6px;font-family:'Barlow Condensed';line-height:1}.date strong{display:block;font-size:25px;color:var(--gold)}.event h3{margin:0;font-size:16px}.event p{margin:3px 0 0;color:var(--muted);font-size:13px}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:35px;padding-top:35px}.grid-4{grid-template-columns:1fr 1fr}.login-layout{grid-template-columns:1fr}.login-brand{min-height:320px;padding:35px}.app{grid-template-columns:1fr}.sidebar{display:none}.main{padding:24px}.cards{grid-template-columns:1fr}.welcome{grid-template-columns:1fr}.quote{grid-template-columns:1fr}}
@media(max-width:560px){.shell{padding:0 18px}.topbar{height:66px}.hero h1{font-size:57px}.hero{padding-bottom:60px}.form-card{padding:23px}.grid-4{grid-template-columns:1fr}.section{padding:60px 0}.quote{padding:30px}.quote h2{font-size:38px}.login-brand h1{font-size:52px}.main{padding:18px}.app-top{align-items:flex-start}.event{grid-template-columns:58px 1fr}.event .btn{grid-column:1/-1}}
.admin-tools{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.user-detail{margin-top:22px}.detail-fields{display:grid;grid-template-columns:1fr 2fr auto;gap:12px;align-items:end}.text-button{border:0;background:none;color:#8d3329;cursor:pointer}.field small{color:var(--muted)}@media(max-width:900px){.admin-tools,.detail-fields{grid-template-columns:1fr}}
.nav-button{width:100%;border:0;background:none;color:#999;text-align:left;padding:11px 12px;border-radius:7px;cursor:pointer;font-size:14px}.nav-button:hover{background:#28271f;color:#fff}.support-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);gap:22px}.ticket-list{display:grid;gap:8px;margin-top:18px}.ticket-item{width:100%;display:flex;justify-content:space-between;gap:12px;text-align:left;border:1px solid var(--line);background:#fff;padding:14px;border-radius:9px;cursor:pointer}.ticket-item.active{border-color:var(--gold);box-shadow:0 0 0 2px rgba(200,168,75,.15)}.ticket-item span{min-width:0}.ticket-item strong,.ticket-item small{display:block}.ticket-item small{margin-top:4px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.status{font-style:normal;font-size:11px;font-weight:700;border-radius:100px;padding:5px 8px;white-space:nowrap;background:var(--soft)}.status-new{background:#f6e7c1;color:#775b0c}.status-in_progress{background:#dce8f7;color:#315a88}.status-answered{background:#dcefe4;color:#286143}.status-closed{background:#e6e6e3;color:#686963}.conversation{min-height:480px}.conversation-head{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:16px}.conversation-head h3{margin:5px 0 0}.messages{display:flex;flex-direction:column;gap:12px;padding:22px 0}.bubble{max-width:82%;padding:13px 15px;border-radius:10px;background:var(--soft)}.bubble-admin{align-self:flex-start;border-left:3px solid var(--gold)}.bubble-member{align-self:flex-end;background:#171713;color:#fff}.bubble p{margin:5px 0;white-space:pre-wrap}.bubble small{opacity:.65;font-size:10px}.empty-state,.empty-note{color:var(--muted);font-size:13px}@media(max-width:900px){.support-layout{grid-template-columns:1fr}}
.profile-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:22px;align-items:start}.profile-form h3,.spaced h3{margin-top:0}.spaced{margin-top:18px}.stack-list{display:grid;gap:9px}.stack-list p{font-size:13px;color:var(--muted)}.list-row{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px;text-decoration:none}.list-row span{color:var(--muted)}.admin-table-wrap{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:16px;border-bottom:1px solid var(--line);vertical-align:top}.admin-table th{font-family:'Barlow Condensed';text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--muted)}.admin-table td small{display:block;color:var(--muted);margin-top:3px}.level-checks{display:flex;flex-wrap:wrap;gap:8px 16px}.level-checks label{font-size:13px;white-space:nowrap}@media(max-width:900px){.profile-grid{grid-template-columns:1fr}}
.admin-tabs{display:flex;gap:8px;margin-bottom:22px;border-bottom:1px solid var(--line)}.admin-tabs button{border:0;background:none;padding:12px 15px;border-bottom:3px solid transparent;font-weight:700;cursor:pointer}.admin-tabs button.active{border-color:var(--gold)}.button-row{display:flex;gap:8px;flex-wrap:wrap}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.support-admin-layout{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(450px,1.25fr);gap:20px}@media(max-width:1000px){.level-grid{grid-template-columns:1fr 1fr}.support-admin-layout{grid-template-columns:1fr}}@media(max-width:600px){.level-grid{grid-template-columns:1fr}}
.admin-tabs{overflow-x:auto}.admin-tabs button{white-space:nowrap}.integration-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px}.integration-head h3{margin:.35rem 0}.integration-head p{margin:0;max-width:720px}.list-row>span{display:grid;gap:3px}.list-row small{color:var(--muted)}@media(max-width:700px){.integration-head{align-items:flex-start;flex-direction:column}}

/* Jednotná typografie Onlajn Company Hubu */
body,button,input,textarea,select,.brand,.eyebrow,.hero h1,.display,.form-card h2,.section h2,.tile b,.num,.login-brand h1,.nav-label,.app-top h1,.welcome h2,.progress,.card-tag,.card h3,.agenda h2,.date,.admin-table th{font-family:'Montserrat',Arial,sans-serif}
.hero h1,.display,.section h2,.login-brand h1{font-weight:800;letter-spacing:-.035em}.app-top h1,.welcome h2,.card h3,.agenda h2,.form-card h2{font-weight:700;letter-spacing:-.025em}.eyebrow,.card-tag,.nav-label,.admin-table th{font-weight:700;letter-spacing:.09em}.brand{font-size:13px;font-weight:700;letter-spacing:.015em;text-transform:none;white-space:nowrap}.brand>span:last-child{white-space:nowrap}.sidebar .brand{gap:6px}.login-brand .brand{gap:13px}.sidebar .brand>span:last-child,.login-brand .brand>span:last-child{font-size:0}.sidebar .brand>span:last-child::after,.login-brand .brand>span:last-child::after{content:'Onlajn Company HUB';font-size:13px;white-space:nowrap}.sidebar .brand{padding-left:4px;padding-right:0}