.brand-logo{
  display:block;
  width:250px;
  height:auto;
  max-height:62px;
  object-fit:contain;
  object-position:left center;
}

.summary-card.green{
  background:#effdf6 !important;
  border-color:#6fd3a8 !important;
  border-left:5px solid #16855f !important;
  box-shadow:0 8px 22px rgba(22,133,95,.13) !important;
}
.summary-card.green .summary-icon{background:#c9f2df !important;color:#087a53 !important}
.summary-card.red{
  background:#fff1ef !important;
  border-color:#f29a91 !important;
  border-left:5px solid #d9433b !important;
  box-shadow:0 8px 22px rgba(217,67,59,.13) !important;
}
.summary-card.red .summary-icon{background:#ffd7d2 !important;color:#cf3028 !important}
.summary-card.amber{
  background:#fff8e4 !important;
  border-color:#f4c45b !important;
  border-left:5px solid #df8c00 !important;
  box-shadow:0 8px 22px rgba(223,140,0,.14) !important;
}
.summary-card.amber .summary-icon{background:#ffe7ae !important;color:#bd7000 !important}
.summary-card.grey{
  background:#f0f4f5 !important;
  border-color:#aebcc0 !important;
  border-left:5px solid #65777c !important;
  box-shadow:0 8px 22px rgba(101,119,124,.12) !important;
}
.summary-card.grey .summary-icon{background:#dce5e7 !important;color:#50656b !important}

.status.completed{background:#c9f2df !important;color:#087a53 !important;border:1px solid #75d6ad}
.status.completed i{background:#087a53 !important}
.status.overdue{background:#ffd7d2 !important;color:#c82f27 !important;border:1px solid #f29a91}
.status.overdue i{background:#d9433b !important}
.status.due-soon{background:#ffe7ae !important;color:#a76100 !important;border:1px solid #f4c45b}
.status.due-soon i{background:#d98200 !important}
.status.not-due{background:#dce5e7 !important;color:#50656b !important;border:1px solid #aebcc0}
.status.not-due i{background:#65777c !important}
.status{font-size:11px !important;padding:6px 9px !important}
.status-stack{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.substatus{display:inline-flex;align-items:center;border-radius:20px;background:#e5ddfa;color:#6743a3;border:1px solid #c9b9ec;padding:4px 8px;font-size:10px;font-weight:800;white-space:nowrap}
.substatus:before{content:"";width:6px;height:6px;border-radius:50%;background:#7b55b5;margin-right:6px}

.dial-top{justify-content:center !important}
.dial-top h3{font-weight:800 !important;text-align:center}
.dial-counts span{flex:1;font-size:12px !important;font-weight:650;text-align:center}
.dial-counts b{font-size:14px !important;margin:5px 0 0 !important;text-align:center}

.footer-actions{display:flex;gap:9px;align-items:center}
.save-button{border:1px solid #2f6a85;background:#fff;color:#2f6a85;border-radius:8px;padding:10px 15px;font-weight:800}
.save-button:hover{background:#edf5f8}

@media(max-width:760px){.brand-logo{width:210px;max-height:52px}}
@media(max-width:420px){.brand-logo{width:178px}}