/* Update 4 isolated QA — concise header actions and contemporary payment details. */
/* When an Add label is visible on iPad/desktop, it needs no duplicate plus glyph. */
@media (min-width:601px) {
 #app .u4sb-top .u4sb-add-plus,#app .u4lo-top .u4lo-add-plus {display:none!important}
}
/* Preserve compact, icon-only add controls on iPhone; those have no visible Add word. */
@media (max-width:600px) {
 #app .u4sb-top .u4sb-add-plus,#app .u4lo-top .u4lo-add-plus {display:block!important}
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .u4sb-top>.u4sb-add {
 min-width:124px!important;max-width:150px!important;height:40px!important;min-height:40px!important;
 padding:0 13px!important;font-size:12px!important;gap:0!important;
}
@media(max-width:600px){
 body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .u4sb-top>.u4sb-add {
  flex:0 0 44px!important;min-width:44px!important;max-width:44px!important;width:44px!important;
  min-height:44px!important;height:44px!important;padding:0!important;
 }
}
/* Open up the heading and replace the older nested table with modern paired tiles. */
#modal-root .modal.u4sb-detail-modal .u4sb-setup.u4sb-setup-modern {
 padding:18px!important;border-radius:22px!important;
}
#modal-root .modal.u4sb-detail-modal .u4sb-setup-modern .subscription-section-head-v75 {
 display:flex!important;align-items:flex-start!important;margin:0 0 15px!important;
 padding:0 3px 0!important;min-height:auto!important;
}
#modal-root .modal.u4sb-detail-modal .u4sb-setup-modern .subscription-section-head-v75>div {
 display:flex!important;flex-direction:column!important;gap:4px!important;
}
#modal-root .modal.u4sb-detail-modal .u4sb-setup-modern .subscription-section-head-v75 span {
 font-size:10px!important;letter-spacing:.10em!important;opacity:.8!important;
}
#modal-root .modal.u4sb-detail-modal .u4sb-setup-modern .subscription-section-head-v75 b {
 font-size:15px!important;line-height:1.35!important;font-weight:750!important;
}
#modal-root .modal.u4sb-detail-modal .u4sb-setup-modern .detail-list {
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:10px!important;margin:0!important;padding:0!important;
 border:0!important;border-radius:0!important;background:transparent!important;
 box-shadow:none!important;overflow:visible!important;
}
#modal-root .modal.u4sb-detail-modal .u4sb-setup-modern .detail-line.u4sb-setup-tile {
 display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;
 gap:7px!important;min-width:0!important;min-height:73px!important;margin:0!important;padding:12px 14px!important;
 border:1px solid color-mix(in srgb,#087b59 10%,transparent)!important;border-radius:16px!important;
 background:color-mix(in srgb,#b8e6d1 11%,var(--card,#fff))!important;
 box-shadow:none!important;text-align:left!important;
}
#modal-root .modal.u4sb-detail-modal .u4sb-setup-modern .detail-line span {
 font-size:12px!important;line-height:1.25!important;color:var(--muted,#7b8796)!important;
}
#modal-root .modal.u4sb-detail-modal .u4sb-setup-modern .detail-line b {
 display:block!important;font-size:14px!important;line-height:1.3!important;font-weight:700!important;
 color:var(--text,#19243b)!important;overflow-wrap:anywhere!important;text-align:left!important;
}
@media(max-width:380px){
 #modal-root .modal.u4sb-detail-modal .u4sb-setup-modern .detail-list {gap:8px!important}
 #modal-root .modal.u4sb-detail-modal .u4sb-setup-modern .detail-line.u4sb-setup-tile {padding:10px!important}
}
html[data-theme="dark"] #modal-root .modal.u4sb-detail-modal .u4sb-setup-modern .detail-line.u4sb-setup-tile {
 background:#203b34!important;border-color:rgba(159,222,190,.14)!important;
}