/* App-only additions. The client's design lives untouched in omega-hive.css. */
nav a,a.btn{text-decoration:none}
.top form{margin:0}
.who{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--mu)}
.who b{color:var(--tx);font-weight:500}
body.auth{align-items:center;justify-content:center;overflow:auto}
.auth .card{width:min(400px,calc(100% - 32px));padding:28px}
.auth .brand{padding:0 0 16px;margin-bottom:6px}
.auth .remember{display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:0;font-size:12.5px;margin-top:14px}
.auth .remember input{width:auto}
.err{color:var(--bad);font-size:12px;margin-top:6px}
.toast.bad{border-color:var(--bad)}
tr[data-href]{cursor:pointer}
.gate form{margin:0}
textarea{resize:vertical}
.kanban.deal-stages{grid-template-columns:minmax(0,1fr);overflow:visible;gap:16px;padding-bottom:0}
.deal-stages .col{min-height:0;min-width:0;padding:14px}
.deal-stage-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px}
.deal-stage-cards .dc{min-width:0;margin-bottom:0;overflow-wrap:anywhere}

/* Responsive layout. Above 1100px the client's desktop design applies unchanged. */
@media(max-width:1100px){
 aside{width:64px}
 aside .brand{padding:14px 0;text-align:center}
 aside .brand span,nav a span,.navh,.fleetst{display:none}
 aside .brand b{font-size:0;letter-spacing:0}
 aside .brand b:before{content:"Ω";font-size:22px}
 nav a{justify-content:center;padding:11px 0}
 nav a i{width:auto}
 .grid>*{min-width:0}
 .card{min-width:0;overflow-x:auto}
 .top{padding:12px 16px;flex-wrap:wrap}
 .wrap{padding:18px 16px 60px}
}
@media(max-width:760px){
 body{height:100dvh}
 .top{position:static}
 .top h1{flex:1 1 100%}
 .hero .v{font-size:30px}
 .kpi .v{font-size:24px}
 table{min-width:560px}
 .fg{grid-template-columns:minmax(0,1fr)}
 .loop{grid-template-columns:1fr 1fr}
 .log div{grid-template-columns:minmax(0,1fr);gap:2px}
 .funnel .row{grid-template-columns:90px minmax(0,1fr) 40px}
 .tabs{flex-wrap:wrap}
 table.kv{min-width:0}
 .gate{flex-wrap:wrap;gap:6px}
 .btn{min-height:38px}
 .btn.s{min-height:34px;padding:6px 10px}
 input,select,textarea{font-size:16px}
 .modal{padding:10px}
 .mbox{padding:16px}
 .toast{left:12px;right:12px;bottom:12px;max-width:none}
}

/* Settings: role permission checkboxes and profile link */
.who a{color:inherit;text-decoration:none}
.who a:hover b{color:var(--gold2)}
.permission-grid b{display:block;margin-bottom:6px;font-size:12.5px}
label.check{display:flex;align-items:center;gap:8px;margin:4px 0;font-size:12.5px;color:var(--tx);text-transform:none;letter-spacing:0;cursor:pointer}
label.check input{width:auto;margin:0}