:root{
 --dc-pwa-orange:#EDA762;
 --dc-pwa-orange-strong:#E6903F;
 --dc-pwa-navy:#0C1721;
 --dc-pwa-bg:#F7F9FB;
 --dc-pwa-line:#E8EDF2;
}
.dc-pwa-offline{
 display:none;position:fixed;z-index:1095;top:10px;left:50%;transform:translateX(-50%);
 min-height:38px;padding:8px 15px;border-radius:999px;align-items:center;gap:8px;
 font-size:12px;font-weight:800;box-shadow:0 10px 28px rgba(12,23,33,.15)
}
.dc-pwa-offline.is-offline{background:#0c1721;color:#fff}
.dc-pwa-offline.is-online{background:#e8f8ef;color:#137442}
.dc-pwa-dot{width:8px;height:8px;border-radius:50%;background:var(--dc-pwa-orange)}
.dc-pwa-offline.is-online .dc-pwa-dot{background:#2fb344}

.dc-pwa-install-card{
 display:none;position:fixed;z-index:1090;left:20px;bottom:20px;width:min(390px,calc(100vw - 40px));
 background:#fff;border:1px solid var(--dc-pwa-line);border-radius:20px;padding:16px;
 box-shadow:0 20px 60px rgba(12,23,33,.18);align-items:center;gap:13px
}
.dc-pwa-install-icon{width:52px;height:52px;border-radius:15px;background:var(--dc-pwa-navy);color:var(--dc-pwa-orange);display:grid;place-items:center;font-size:25px;font-weight:900;flex:0 0 auto}
.dc-pwa-install-copy{flex:1;min-width:0}.dc-pwa-install-copy b{display:block;font-size:14px}.dc-pwa-install-copy small{color:#6b7783;font-size:11px}
.dc-pwa-install-actions{display:flex;gap:6px;margin-top:8px}
.dc-pwa-install-actions button{border:0;border-radius:9px;padding:7px 11px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}
.dc-pwa-install-primary{background:var(--dc-pwa-orange);color:var(--dc-pwa-navy)}
.dc-pwa-install-later{background:#f1f4f6;color:#52606c}

.dc-pwa-update{
 display:none;position:fixed;z-index:1092;right:20px;bottom:20px;background:var(--dc-pwa-navy);color:#fff;
 padding:13px 16px;border-radius:14px;align-items:center;gap:12px;box-shadow:0 15px 40px rgba(12,23,33,.22);font-size:12px
}
.dc-pwa-update button{background:var(--dc-pwa-orange);border:0;border-radius:8px;padding:6px 10px;font:inherit;font-weight:800}

.dc-pwa-bottom{display:none}
.dc-pwa-install-link{border:1px solid rgba(237,167,98,.45)!important;color:#9b5e24!important}
.dc-pwa-install-link:hover{background:#fff4e8!important}

@media(max-width:991.98px){
 body.dc-admin{padding-bottom:78px}
 body.dc-admin .page-body{padding-bottom:12px}
 body.dc-admin .footer{display:none}
 .dc-pwa-install-card{bottom:88px;left:10px;width:calc(100vw - 20px)}
 .dc-pwa-update{bottom:88px;right:10px;left:10px}
 .dc-pwa-bottom{
   display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:1080;
   right:8px;left:8px;bottom:8px;height:64px;background:rgba(12,23,33,.98);
   border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:5px 8px;
   box-shadow:0 16px 45px rgba(12,23,33,.30);backdrop-filter:blur(12px)
 }
 .dc-pwa-bottom a,.dc-pwa-bottom button{
   position:relative;border:0;background:transparent;color:#d7dde2;display:flex;flex-direction:column;
   align-items:center;justify-content:center;gap:2px;font:inherit;font-size:9px;padding:0;border-radius:13px
 }
 .dc-pwa-bottom i{font-size:21px}.dc-pwa-bottom .active{color:var(--dc-pwa-orange)}
 .dc-pwa-bottom .dc-pwa-main-action{transform:translateY(-13px)}
 .dc-pwa-bottom .dc-pwa-main-action span:first-child{
   width:48px;height:48px;border-radius:50%;background:linear-gradient(145deg,var(--dc-pwa-orange),#f5b879);
   color:var(--dc-pwa-navy);display:grid;place-items:center;box-shadow:0 8px 22px rgba(237,167,98,.36);
   border:4px solid var(--dc-pwa-navy)
 }
 .dc-pwa-bottom .dc-pwa-main-action i{font-size:24px}
 .dc-pwa-bottom .dc-pwa-main-action small{margin-top:-1px;color:#fff;font-size:9px}
 .dc-admin .navbar-vertical{padding-bottom:72px}
 .dc-pwa-offline{top:7px;max-width:calc(100vw - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media(display-mode:standalone){
 .dc-pwa-install-card,[data-pwa-install]{display:none!important}
 body{overscroll-behavior-y:contain}
}

/* V11.8 Figma mobile polish */
@media(max-width:767.98px){
 .dc-admin .page-body .container-xl{padding-right:10px;padding-left:10px}
 .dc-admin .dc-page-head{padding-top:4px}
 .dc-admin .card,.dc-admin .dc-panel{border-radius:15px}
}

/* V11.11 Figma alignment */
@media(max-width:991.98px){
 .dc-pwa-bottom{right:0!important;left:0!important;bottom:0!important;height:72px!important;border-radius:0!important;border:0!important;padding:4px 10px!important;background:#0C1721!important;box-shadow:0 -8px 24px rgba(12,23,33,.12)!important}
 .dc-pwa-bottom .dc-pwa-main-action{transform:translateY(-16px)!important}
 .dc-pwa-bottom .dc-pwa-main-action span:first-child{width:48px!important;height:48px!important;border:0!important;box-shadow:0 7px 20px rgba(237,167,98,.32)!important}
 body.dc-admin{padding-bottom:72px!important}
 .dc-pwa-install-card,.dc-pwa-update{bottom:82px!important}
}

/* V11.11.3 Typography */
.dc-pwa-offline,
.dc-pwa-install-card,
.dc-pwa-update,
.dc-pwa-bottom,
.dc-pwa-bottom a,
.dc-pwa-bottom button{
  font-family:Tahoma,Arial,sans-serif!important;
}
.dc-pwa-offline,
.dc-pwa-install-copy b,
.dc-pwa-update{
  font-size:10pt!important;
}
.dc-pwa-install-copy small,
.dc-pwa-install-actions button,
.dc-pwa-bottom a,
.dc-pwa-bottom button,
.dc-pwa-bottom small{
  font-size:8.5pt!important;
}


/* V11.11.4 — approved Figma typography */
.dc-pwa-offline,
.dc-pwa-install-card,
.dc-pwa-update,
.dc-pwa-bottom,
.dc-pwa-bottom a,
.dc-pwa-bottom button {
  font-family: Tahoma, Arial, sans-serif !important;
}
.dc-pwa-install-copy b,
.dc-pwa-update {
  font-size: 13px !important;
}
.dc-pwa-offline,
.dc-pwa-install-copy small,
.dc-pwa-install-actions button,
.dc-pwa-bottom a,
.dc-pwa-bottom button,
.dc-pwa-bottom small {
  font-size: 11px !important;
}

/* V11.11.8 button typography */
.dc-pwa-bottom button,.dc-pwa-bottom a,.dc-pwa-install-actions button{
 font-family:Tahoma,Arial,sans-serif!important;
 font-size:10pt!important;
 font-weight:400!important;
}

/* DigiClinic V12 FINAL */
.dc-pwa-bottom{background:#0C1721!important}
.dc-pwa-bottom a,.dc-pwa-bottom button{font-family:Tahoma,Arial,sans-serif!important;font-size:10pt!important;font-weight:400!important}
.dc-pwa-bottom .dc-pwa-main-action span:first-child{background:#EDA762!important;color:#0C1721!important}