:root{--bg:#020b14;--panel:#061827;--panel2:#082237;--line:#07527b;--blue:#079fe9;--cyan:#00c7ee;--text:#f3f8fc;--muted:#b9cbd8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:24px;padding:12px 2.2%;background:rgba(1,12,23,.97);border-bottom:1px solid #064365;backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;gap:12px;min-width:310px}.brand-mark{font-size:43px;color:#08aef5}.brand strong{font-size:27px;line-height:1.05}.brand strong span{color:#159fe9}.tagline{display:block;color:#c6d9e6;font-style:italic;font-size:13px;margin-top:3px}
nav{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;flex-wrap:wrap}nav a{padding:10px 9px;text-align:center;font-size:13px;color:#dceaf4;border-radius:9px}nav a:hover,nav a.active{background:#062943;color:#11b8ff}.langs{white-space:nowrap;color:#dceaf4;font-size:13px}
.hero{min-height:430px;display:flex;align-items:center;padding:45px 3.2%;background:linear-gradient(90deg,rgba(0,8,16,.98) 0%,rgba(0,10,19,.91) 30%,rgba(0,10,19,.28) 70%),url('assets/home-hero.jpg') center/cover no-repeat;border-bottom:1px solid #07517a}
.hero-copy{max-width:560px}.hero h1{font-size:clamp(38px,5vw,62px);line-height:.98;margin:0 0 18px}.hero h1 span{color:#12aaf1}.topics{color:#05c2f2;font-weight:bold;letter-spacing:.2px;margin:18px 0 12px}.hero p{font-size:17px;line-height:1.5;color:#e5edf3}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px}.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 22px;border-radius:9px;border:1px solid #009fe8;background:#079fe9;color:white;font-weight:bold}.btn.secondary{background:rgba(0,10,20,.8);border-color:#0879ae}.section{padding:18px 1.6%}.rooms{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.room{position:relative;min-height:210px;border:1px solid #0874a5;border-radius:15px;overflow:hidden;background:#061827;box-shadow:0 8px 24px #0008}.room img{width:100%;height:112px;object-fit:cover;display:block;filter:saturate(1.05)}.room:after{content:"";position:absolute;inset:75px 0 0;background:linear-gradient(180deg,transparent,#031321 35%);pointer-events:none}.room-body{position:relative;padding:10px 15px 15px;z-index:1}.room h2{display:block;font-size:17px;color:#12aaf1;margin:0 0 7px}.room p{font-size:13px;line-height:1.4;color:#d3e1eb;margin:0}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px}.info{display:flex;gap:16px;align-items:center;padding:18px 22px;border:1px solid #103d5a;border-radius:14px;background:linear-gradient(120deg,#061827,#04121e)}.info .ico{font-size:32px;color:#08aaf1}.info h3{color:#09b6f4;margin:0 0 7px}.info p{margin:0;color:#d3e1eb;line-height:1.4;font-size:14px}.footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:22px 2.2%;color:#c0d4e2;border-top:1px solid #103d5a;font-size:14px}
.page-head{padding:30px 3%;background:linear-gradient(90deg,#03101c,#08243a);border-bottom:1px solid #07517a}.page-head h1{margin:0;color:#fff}.page-head p{color:var(--muted);margin-bottom:0}.admin-hero{min-height:370px;background:linear-gradient(90deg,rgba(0,8,16,.95),rgba(0,10,19,.55)),url('assets/admin-workstation.jpg') center 48%/cover no-repeat;display:flex;align-items:end;padding:34px 4%}.admin-hero h1{font-size:clamp(34px,5vw,58px);margin:0}.admin-hero p{color:#d7e7f2;font-size:17px}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:22px 2%}.admin-card{background:linear-gradient(145deg,#082238,#04131f);border:1px solid #07527b;border-radius:14px;padding:22px;min-height:125px}.admin-card .ico{font-size:28px;color:#0bb6f5}.admin-card h2{margin:10px 0 6px;font-size:19px}.admin-card p{margin:0;color:#c2d3df;font-size:14px}
@media(max-width:1100px){.topbar{flex-wrap:wrap;gap:10px}.brand{min-width:0}nav{order:3;flex-basis:100%;justify-content:flex-start}.rooms{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.topbar{padding:10px 14px}.brand strong{font-size:21px}.brand-mark{font-size:34px}.langs{margin-left:auto}.hero{min-height:490px;padding:32px 20px;background-position:58% center}.hero-copy{max-width:100%}.hero p{font-size:15px}.rooms{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.room{min-height:195px}.room img{height:95px}.room h2{font-size:16px}.room p{font-size:12px}.info-grid,.admin-grid{grid-template-columns:1fr}.footer{font-size:12px}}
@media(max-width:390px){.rooms{grid-template-columns:1fr}.room{min-height:180px}.room img{height:110px}}


/* DB9MUT CHAT – wyrównanie z przyciskami HERO */
.hero-copy {
    width: 100%;
    max-width: none;
}

.hero h1,
.hero .topics,
.hero p {
    max-width: 560px;
}

.hero .actions {
    width: 100%;
    display: flex;
    align-items: center;
}

#db9-chat-launcher {
    position: static !important;
    margin-left: auto !important;
    flex: 0 0 auto;
}

@media(max-width:650px) {
    .hero .actions {
        flex-wrap: wrap;
    }

    #db9-chat-launcher {
        margin-left: 0 !important;
    }
}

/* DB9MUT CHAT – prawa krawędź wiersza HERO */
.hero .actions {
    position: relative;
    min-height: 50px;
    padding-right: 180px;
}
@media(max-width:650px) {
    .hero .actions {
        padding-right: 0;
    }
}