
:root{
  --acyla-navy:#102a43;
  --acyla-navy2:#173f62;
  --acyla-blue:#2c6f9e;
  --acyla-red:#b52f3c;
  --acyla-blue-soft:#eaf2f8;
  --acyla-gold:#d7a33a;
  --acyla-bg:#eef2f6;
  --acyla-white:#fff;
  --acyla-text:#1f2933;
  --acyla-muted:#697b8c;
  --acyla-border:#d9e2ec;
  --acyla-shadow:0 10px 30px rgba(16,42,67,.09);
  --acyla-shadow-sm:0 3px 14px rgba(16,42,67,.07);
}
html,body{background:var(--acyla-bg)!important;color:var(--acyla-text)!important}
body.acyla-body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;min-height:100vh!important}
.acyla-topbar{
  background:linear-gradient(135deg,#0d263d 0%,#16446a 100%)!important;
  color:#fff!important;border-bottom:3px solid var(--acyla-gold)!important;
  box-shadow:0 5px 22px rgba(16,42,67,.18)!important;
}
.acyla-nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.acyla-brand{display:flex;align-items:center;gap:12px;color:#fff!important;text-decoration:none!important}
.acyla-brand-mark{
  position:relative;width:44px;height:44px;border-radius:11px;background:transparent;
  display:flex;align-items:center;justify-content:center;overflow:hidden;
  box-shadow:0 3px 9px rgba(0,0,0,.18);font-size:10px;letter-spacing:.04em;
  color:var(--acyla-navy)!important
}
.acyla-brand-mark strong{position:relative;z-index:3;font-weight:900}
.acyla-brand-red,.acyla-brand-blue{position:absolute;inset:0}
.acyla-brand-red{background:linear-gradient(150deg,transparent 0 44%,rgba(181,47,60,.92) 45% 58%,transparent 59%)}
.acyla-brand-blue{background:linear-gradient(30deg,transparent 0 48%,rgba(44,111,158,.9) 49% 61%,transparent 62%)}
.acyla-brand-title{line-height:1.05}
.acyla-brand-title strong{display:block;font-size:17px;font-weight:800}
.acyla-brand-title span{display:block;margin-top:4px;font-size:11px;color:#c8d5e1}
.acyla-context{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.acyla-context-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#aebfce;font-weight:700}
.acyla-context-event{
  padding:8px 11px;border-radius:8px;background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.13);font-size:13px;font-weight:750;color:#fff
}
.acyla-quick{
  display:inline-flex;align-items:center;gap:4px;padding:8px 11px;border-radius:7px;
  background:var(--acyla-gold)!important;color:var(--acyla-navy)!important;
  border:1px solid rgba(255,255,255,.08)!important;text-decoration:none!important;
  font-size:12px;font-weight:800;transition:all .15s ease
}
.acyla-quick:hover{transform:translateY(-1px);filter:brightness(1.04)}
.acyla-plus{font-size:15px;line-height:1}
.acyla-main,main{font-family:inherit}
main{max-width:1250px!important;margin:26px auto!important;padding:0 20px 50px!important}
h1{font-size:28px!important;font-weight:800!important;color:var(--acyla-navy)!important}
h2{font-size:18px!important;font-weight:750!important;color:var(--acyla-navy)!important}
.acyla-card,.panel,.card{
  background:#fff!important;border:1px solid var(--acyla-border)!important;
  border-radius:13px!important;box-shadow:var(--acyla-shadow-sm)!important
}
.panel,.card{padding:20px!important}
.cards{gap:15px!important}
.card .number,.card .n,.n{color:var(--acyla-navy)!important;font-weight:850!important}
.card .label{color:var(--acyla-muted)!important}
.btn{
  border-radius:8px!important;font-weight:750!important;
  transition:all .15s ease!important
}
.btn:hover{transform:translateY(-1px)!important;filter:brightness(.98)!important}
table{border:1px solid var(--acyla-border)!important;border-radius:10px!important;overflow:hidden!important;box-shadow:var(--acyla-shadow-sm)!important}
th{background:#f4f7fa!important;color:#526575!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.05em!important}
td,th{border-color:#e8edf2!important}
tr:hover td{background:#fbfcfd!important}
input,select,textarea,.form-control,.form-select{
  border:1px solid #cbd6e0!important;border-radius:8px!important
}
input:focus,select:focus,textarea:focus,.form-control:focus,.form-select:focus{
  border-color:var(--acyla-blue)!important;box-shadow:0 0 0 .2rem rgba(44,111,158,.12)!important
}
.search{background:#fff!important;padding:12px!important;border:1px solid var(--acyla-border)!important;border-radius:11px!important;box-shadow:var(--acyla-shadow-sm)!important}
.muted,.text-secondary{color:var(--acyla-muted)!important}
@media(max-width:720px){
 .acyla-nav{padding:11px 0;align-items:flex-start}
 .acyla-context{justify-content:flex-start}
 .acyla-brand-title span{display:none}
 .acyla-context-label{display:none}
 main{padding-left:14px!important;padding-right:14px!important}
}

/* Organization logo */
.acyla-logo-mark {
  width: 76px;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 76px;
  overflow: hidden;
}
.acyla-logo-mark img {
  width: 76px;
  height: 76px;
  object-fit: contain;
  display: block;
}

/* Transparent organization logo */
.acyla-brand-logo,
.acyla-brand-logo img,
.acyla-brand img.logo,
.acyla-brand-mark {
    background: transparent !important;
    box-shadow: none !important;
}
