#customer_panel_tabs-subscriptions #customer_subscriptions_table{width:100%;font-size:14px;border-collapse:collapse;table-layout:auto}
#customer_panel_tabs-subscriptions #customer_subscriptions_table .table-head{text-align:left;padding:8px;border-bottom:1px solid #ddd;white-space:normal}
#customer_panel_tabs-subscriptions #customer_subscriptions_table .table-cell{padding:12px 8px;border-bottom:1px solid #eee;vertical-align:top;line-height:1.5;white-space:normal}
#customer_subscriptions_table .subscription-cell-action{width:250px;min-width:210px}
#customer_subscriptions_table .subscription-cell-status{width:110px;min-width:110px}
#customer_subscriptions_table .subscription-products .ic-subscription-line{display:block}
#customer_subscriptions_table .subscription-status-active{display:inline-block;background:#008a00;color:#fff;padding:1px 7px;border-radius:3px;font-size:13px}
#customer_subscriptions_table .subscription-payment-due-line{display:block;margin-top:4px}
#customer_subscriptions_table .subscription-payment-due{display:inline-block;background:#fcf9e8;color:#8a6100;border-radius:10px;font-size:12px;padding:1px 8px;white-space:nowrap}
#customer_subscriptions_table .subscription-payment-failed{display:inline-block;background:#fcf0f1;color:#b32d2e;font-weight:700;border:1px solid #f0b8b8;border-radius:3px;padding:1px 7px;white-space:nowrap}
#customer_subscriptions_table .subscription-payment-deadline{color:#b32d2e;font-size:13px;font-weight:600;margin-top:3px}
#customer_panel_tabs-subscriptions #customer_subscriptions_table .button,#customer_panel_tabs-subscriptions .ic-subscription-card-notice .button{display:inline-block;box-sizing:border-box;padding:6px 12px;border-radius:3px;font-size:14px;line-height:1.5;margin:0 6px 6px 0;white-space:nowrap;text-decoration:none;background:#008a00;color:#fff;border:0;box-shadow:none;cursor:pointer}
#customer_panel_tabs-subscriptions #customer_subscriptions_table .subscription-cancel{background:#f6f7f7;border:1px solid #bbb;color:#333}
#customer_subscriptions_table .subscription-action-help{color:#777;font-size:13px;line-height:1.5}
#customer_subscriptions_table .subscription-paypal-guidance{font-size:13px;color:#444}
#customer_subscriptions_table a:not(.button),#customer_panel_tabs-subscriptions .ic-subscription-card-notice a:not(.button){color:#2a6f97;text-decoration:underline}
#customer_panel_tabs-subscriptions .ic-subscription-card-notice{box-sizing:border-box;text-align:left;border:0;border-left:4px solid;border-radius:4px;padding:12px 16px;font-size:15px;line-height:1.55;margin:0 0 14px;color:#2b2b2b;background:#eef5fb;border-left-color:#2a6f97}
#customer_panel_tabs-subscriptions .ic-subscription-card-notice.success{background:#edf7ed;border-left-color:#2e7d32;color:#1e4620}
#customer_panel_tabs-subscriptions .ic-subscription-card-notice.warning{background:#fdf6e3;border-left-color:#dba617}
#customer_panel_tabs-subscriptions .ic-subscription-card-notice.error{background:#fcf0f1;border-left-color:#b32d2e}
@media(max-width:600px){
#customer_panel_tabs-subscriptions #customer_subscriptions_table{display:block;table-layout:auto}
#customer_subscriptions_table>.table-row:first-child{display:none}
#customer_panel_tabs-subscriptions #customer_subscriptions_table .table-row[data-subscription_id]{display:block;border:1px solid #ddd;border-radius:4px;margin:0 0 14px;padding:12px}
#customer_panel_tabs-subscriptions #customer_subscriptions_table .table-cell{display:grid;grid-template-columns:96px minmax(0,1fr);gap:0;border:0;padding:4px 0;min-width:0;width:auto;overflow-wrap:anywhere}
#customer_subscriptions_table .table-cell:before{content:attr(data-label);font-weight:600}
#customer_panel_tabs-subscriptions #customer_subscriptions_table .subscription-cell-name{display:block;font-size:16px;font-weight:700;margin-bottom:8px}
#customer_subscriptions_table .subscription-cell-name:before,#customer_subscriptions_table .subscription-cell-action:before{display:none}
#customer_panel_tabs-subscriptions #customer_subscriptions_table .subscription-cell-last{display:none}
#customer_panel_tabs-subscriptions #customer_subscriptions_table .subscription-cell-action{display:block;padding-top:12px}
#customer_panel_tabs-subscriptions #customer_subscriptions_table .button{display:block;width:100%;margin:0 0 8px;text-align:center}
#customer_panel_tabs-subscriptions .ic-subscription-card-notice{font-size:14px}
}
@media(max-width:600px){
#customer_panel_tabs-subscriptions #customer_subscriptions_table .table-row[data-state="grace"] .subscription-cell-details,#customer_panel_tabs-subscriptions #customer_subscriptions_table .table-row[data-gateway="paypal"] .subscription-cell-next{display:none}
#customer_subscriptions_table .table-cell:before{font-weight:400;color:#777}
#customer_panel_tabs-subscriptions #customer_subscriptions_table .button{padding:9px;font-size:15px}
}
#customer_panel_tabs-subscriptions #customer_subscriptions_table span{white-space:normal}
#customer_panel_tabs-subscriptions #customer_subscriptions_table .subscription-payment-failed,#customer_panel_tabs-subscriptions #customer_subscriptions_table .subscription-payment-due{white-space:nowrap}
/* Override the legacy important Cancel colour only within this subscription table. */
#customer_panel_tabs-subscriptions #customer_subscriptions_table .subscription-cancel{background:#f6f7f7!important;border:1px solid #bbb;color:#333}
#customer_panel_tabs-subscriptions .ic-subscription-card-notice{display:block;width:100%;max-width:none;border-top:0!important;border-right:0!important;border-bottom:0!important;outline:0;box-shadow:none;font-size:15px;font-weight:400;line-height:1.55}
#customer_panel_tabs-subscriptions .ic-subscription-card-notice strong{font-size:inherit;font-weight:700;line-height:inherit}
@media(max-width:600px){#customer_panel_tabs-subscriptions .ic-subscription-card-notice{font-size:14px}#customer_subscriptions_table .subscription-status-value{grid-column:2;min-width:0}}
#customer_panel_tabs-subscriptions .ic-subscription-card-notice{background-image:none}

/* Keep all lifecycle badges consistent and unbroken after catalog span rules. */
#customer_panel_tabs-subscriptions #customer_subscriptions_table .subscription-status{display:inline-block;flex-shrink:0;box-sizing:border-box;white-space:nowrap;word-break:normal;overflow-wrap:normal;background:#f0f0f1;color:#444;font-size:13px;line-height:1.5;font-weight:400;padding:1px 7px;border:0;border-radius:3px}
#customer_panel_tabs-subscriptions #customer_subscriptions_table .subscription-status-active{background:#008a00;color:#fff}
#customer_panel_tabs-subscriptions #customer_subscriptions_table .subscription-payment-due,#customer_panel_tabs-subscriptions #customer_subscriptions_table .subscription-payment-failed{white-space:nowrap;word-break:normal;overflow-wrap:normal;flex-shrink:0}
#customer_panel_tabs-subscriptions #customer_subscriptions_table .subscription-paypal-guidance,#customer_panel_tabs-subscriptions #customer_subscriptions_table .subscription-action-help{font-size:13px;line-height:1.5}
#customer_panel_tabs-subscriptions #customer_subscriptions_table .subscription-paypal-guidance a,#customer_panel_tabs-subscriptions #customer_subscriptions_table .subscription-action-help a{font-size:inherit;line-height:inherit}
