.subscriptions-view{font-size:14px;color:#233d2c}
.subscriptions-view .toolbar label{font-size:13px;color:#425746}
.subscriptions-view .toolbar label:first-child{flex:1;min-width:230px;max-width:480px}
.subscriptions-view input,.subscriptions-view select{font-size:14px;width:100%}
#subscriptionCount{font-size:13px;color:#526558;align-self:center}
.subscriptions-view table{font-size:14px;line-height:1.6}
.subscriptions-view th{font-size:12px;color:#526558}
.subscriptions-view td{vertical-align:top;color:#233d2c;white-space:normal}
.subscriptions-view td small{display:block;font-size:13px;color:#526558;margin-top:4px}
.subscriptions-view .workflow-link{font-size:14px!important}
.subscription-status{display:inline-block;font-size:12px;font-weight:600;padding:5px 9px;border-radius:7px;background:#edf0ed;color:#47564c}
.sub-active{background:#e4f3e6;color:#205b32}.sub-pending{background:#fff2d8;color:#77500c}.sub-frozen{background:#e8f0fc;color:#2a5480}.sub-expired,.sub-cancelled{background:#f4e9e6;color:#824438}
.subscription-card{border:1px solid #dce5dc;border-radius:12px;padding:16px;margin:12px 0;font-size:14px}
.detail .subscription-card p{margin:5px 0 10px;font-size:14px}
.subscription-card dl{display:grid;gap:8px;margin:14px 0 0}
.subscription-card dl>div{display:flex;justify-content:space-between;gap:12px;font-size:13px}
.subscription-card dt{color:#526558}.subscription-card dd{margin:0;text-align:right}
.school-groups [data-group-teacher]{width:230px;max-width:100%;font-size:13px;white-space:normal}
.school-groups [data-teacher-feedback][role=alert]{color:#a53427;white-space:normal}
@media(max-width:760px){
 .subscriptions-view .panel{padding:0;background:transparent;border:0;overflow:visible!important}
 .subscriptions-view table,.subscriptions-view tbody{display:block;background:transparent}
 .subscriptions-view thead{display:none}
 .subscriptions-view tr{display:block;border:1px solid #dce5dc;border-radius:12px;background:white;margin-bottom:14px;padding:8px 14px}
 .subscriptions-view td{display:grid;grid-template-columns:1fr;gap:3px;border-bottom:1px solid #edf1eb!important;padding:10px 0;font-size:14px}
 .subscriptions-view td:last-child{border-bottom:0!important}
 .subscriptions-view td:before{content:attr(data-label);font-size:12px;color:#526558}
 .subscriptions-view td small{margin-top:0}.subscriptions-view td br{display:none}
 .subscription-status{justify-self:start}.subscriptions-view .toolbar label{width:100%;max-width:none!important}
}