.di-planbox{display:flex;align-items:center;gap:10px;min-width:0;margin-inline-start:auto;color:#365047;font-family:Tajawal,"Segoe UI",sans-serif;font-size:13px;white-space:normal}
.di-planbox__name{font-weight:800;color:#25483a}
.di-planbox__expiry{color:#63746b;font-size:12px}
.di-planbox__expiry bdi{font-weight:700;color:#324a40}
.di-planbox__upgrade{display:inline-flex;align-items:center;flex:none;border-radius:9px;background:#eab52e;color:#342a12!important;padding:8px 12px;font-weight:800;white-space:nowrap;text-decoration:none!important}
.di-planbox__upgrade:hover,.di-planbox__upgrade:focus-visible{background:#dca51e}
.di-planbox__menu{position:absolute;z-index:120;top:calc(100% + 8px);left:0;min-width:250px;max-width:min(300px,90vw);padding:15px;border:1px solid #dce7de;border-radius:12px;background:#fff;box-shadow:0 12px 32px rgba(28,53,38,.16);white-space:normal}
.di-planbox__menu label{display:block;font-weight:700;color:#365047}
.di-planbox__menu select{display:block;width:100%;margin-top:6px;min-height:38px;padding:6px;border:1px solid #ccd8d0;border-radius:7px;background:#fff;color:#283e34}
.di-planbox__send{width:100%;margin-top:10px;padding:9px;border:0;border-radius:8px;background:#2b9f70;color:#fff;font:700 13px Tajawal,"Segoe UI",sans-serif;cursor:pointer}
.di-planbox__send:disabled{opacity:.6;cursor:wait}
.di-planbox__menu small{display:block;margin-top:8px;color:#66776d;line-height:1.4}
html.dark-mode .di-planbox__name,html.dark-mode .di-planbox__expiry bdi{color:#e8f1eb}
html.dark-mode .di-planbox__expiry{color:#bdd0c3}
html.dark-mode .di-planbox__menu{background:#26382e;border-color:#4a6050}
html.dark-mode .di-planbox__menu label{color:#e9f3eb}
@media(max-width:960px){.di-planbox__expiry{font-size:11px}.di-planbox{gap:6px}.di-planbox__upgrade{padding:7px 9px}}
@media(max-width:700px){.di-planbox__name,.di-appbar__divider,.di-appbar__title,.di-appbar__spacer{display:none}.di-planbox__expiry{max-width:128px;line-height:1.25}.di-appbar__help{display:none}}
@media(max-width:440px){.di-planbox__expiry{max-width:110px;font-size:10px}.di-planbox__upgrade{font-size:11px;padding:7px}.di-appbar{gap:7px!important;padding-inline:9px!important}.di-appbar__brand img{height:30px!important}}