/* Phase 37 — subscription/topbar polish + HR payroll hero. Loaded last. */
body[data-theme="clarity-pro"] .brand{gap:10px;min-width:0}
body[data-theme="clarity-pro"] .brand-copy{min-width:0;display:grid;grid-template-columns:auto auto;grid-template-areas:"name plan" "sub sub";align-items:center;column-gap:8px;row-gap:1px}
body[data-theme="clarity-pro"] .brand-copy>h1{grid-area:name;max-width:min(28vw,320px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-theme="clarity-pro"] .brand-copy>small{grid-area:sub;margin-top:0}
body[data-theme="clarity-pro"] .tenant-plan-row{grid-area:plan;display:flex;align-items:center;min-width:0}
body[data-theme="clarity-pro"] .tenant-subscription-cluster{display:inline-flex;align-items:center;gap:6px;min-width:0;white-space:nowrap}
body[data-theme="clarity-pro"] .tenant-subscription-cluster .plan-badge{font-size:10px;padding:4px 8px;line-height:1;border-radius:7px;white-space:nowrap}
body[data-theme="clarity-pro"] .subscription-days,body[data-theme="clarity-pro"] .subscription-renew{height:24px;display:inline-flex;align-items:center;gap:4px;border-radius:7px;padding:0 7px;font-size:10px;font-weight:750;line-height:1;text-decoration:none;white-space:nowrap}
body[data-theme="clarity-pro"] .subscription-days.warning{background:#fff7e8;border:1px solid #f4d9a3;color:#a85a08}
body[data-theme="clarity-pro"] .subscription-days.critical{background:#fff0ef;border:1px solid #f2c5c1;color:#b42318}
body[data-theme="clarity-pro"] .subscription-renew{background:#0f766e;border:1px solid #0f766e;color:#fff;box-shadow:0 3px 10px rgba(15,118,110,.12)}
body[data-theme="clarity-pro"] .subscription-renew:hover{background:#0c625c;color:#fff;transform:none}

/* Restore the richer blue payroll action card the HR dashboard originally read better with. */
body[data-theme="clarity-pro"] .cd-run-payroll{position:relative;overflow:hidden;background:linear-gradient(135deg,#195fc9 0%,#347ee2 54%,#61a4ef 100%)!important;border-color:#347ee2!important;box-shadow:0 12px 30px rgba(35,105,203,.15)!important}
body[data-theme="clarity-pro"] .cd-run-payroll:before,body[data-theme="clarity-pro"] .cd-run-payroll:after{content:"";position:absolute;border-radius:50%;pointer-events:none;background:rgba(255,255,255,.10)}
body[data-theme="clarity-pro"] .cd-run-payroll:before{width:190px;height:190px;right:-85px;top:-95px}
body[data-theme="clarity-pro"] .cd-run-payroll:after{width:120px;height:120px;right:52px;bottom:-82px;background:rgba(255,255,255,.07)}
body[data-theme="clarity-pro"] .cd-run-payroll>.cd-card-head,body[data-theme="clarity-pro"] .cd-run-payroll>.cd-payroll-action{position:relative;z-index:1}
body[data-theme="clarity-pro"] .cd-run-payroll .cd-chip{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.24)!important;color:#fff!important}
body[data-theme="clarity-pro"] .cd-payroll-action{min-height:206px;padding:14px 16px 16px}
body[data-theme="clarity-pro"] .cd-payroll-action .payroll-ready{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:#fff}
body[data-theme="clarity-pro"] .cd-payroll-action .payroll-ready i{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.16);display:grid;place-items:center;flex:none}
body[data-theme="clarity-pro"] .cd-payroll-action .payroll-ready strong{display:block;color:#fff;font-size:12px}
body[data-theme="clarity-pro"] .cd-payroll-action .payroll-ready small{font-size:10px;opacity:.78}
body[data-theme="clarity-pro"] .cd-payroll-action .payroll-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:11px 0 3px}
body[data-theme="clarity-pro"] .cd-payroll-action .payroll-meta span{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.12);padding:8px 9px;border-radius:9px;color:#fff;opacity:1}
body[data-theme="clarity-pro"] .cd-payroll-action .payroll-meta small{display:block;font-size:9px;opacity:.72;margin:0 0 3px}
body[data-theme="clarity-pro"] .cd-payroll-action .payroll-meta b{font-size:13px;margin:0;color:#fff}
body[data-theme="clarity-pro"] .cd-run-payroll .btn.primary{background:#fff!important;border-color:#fff!important;color:#195fc9!important;box-shadow:0 4px 12px rgba(15,55,120,.12)}

@media(max-width:1120px){body[data-theme="clarity-pro"] .brand-copy{grid-template-columns:auto;grid-template-areas:"name" "plan"}body[data-theme="clarity-pro"] .brand-copy>small{display:none}.tenant-plan-row{margin-top:2px}}
@media(max-width:760px){body[data-theme="clarity-pro"] .brand-copy>h1{max-width:28vw}body[data-theme="clarity-pro"] .tenant-subscription-cluster{gap:4px}body[data-theme="clarity-pro"] .tenant-subscription-cluster .plan-badge{font-size:9px;padding:3px 6px}body[data-theme="clarity-pro"] .subscription-days,body[data-theme="clarity-pro"] .subscription-renew{height:22px;padding:0 6px;font-size:9px}}
@media(max-width:620px){body[data-theme="clarity-pro"] .brand{gap:7px}body[data-theme="clarity-pro"] .brand-copy{grid-template-columns:minmax(0,1fr);grid-template-areas:"name" "plan";row-gap:3px}body[data-theme="clarity-pro"] .brand-copy>h1{max-width:42vw;font-size:13px}body[data-theme="clarity-pro"] .tenant-plan-row{display:flex;max-width:58vw;overflow:hidden}body[data-theme="clarity-pro"] .tenant-subscription-cluster{max-width:100%;overflow:hidden}body[data-theme="clarity-pro"] .tenant-subscription-cluster .plan-badge{max-width:84px;overflow:hidden;text-overflow:ellipsis}body[data-theme="clarity-pro"] .subscription-days{flex:none}body[data-theme="clarity-pro"] .subscription-renew{flex:none;padding:0 5px}body[data-theme="clarity-pro"] .cd-payroll-action .payroll-meta{grid-template-columns:1fr 1fr}}
@media(max-width:470px){body[data-theme="clarity-pro"] .brand-copy>h1{max-width:38vw}body[data-theme="clarity-pro"] .tenant-plan-row{max-width:62vw}body[data-theme="clarity-pro"] .tenant-subscription-cluster .plan-badge{display:none}body[data-theme="clarity-pro"] .subscription-days{font-size:8.5px;padding:0 5px}}