| 1 |
.subscrpt-dash{max-width:1240px;margin:0 auto;padding-bottom:8px;display:flex;flex-direction:column;gap:16px}.subscrpt-heading{font-size:14px;font-weight:600;color:#1e1e1e;margin:0;padding:0;line-height:1.4}.subscrpt-sub{font-size:13px;color:#757575;margin:4px 0 0;line-height:1.5}.subscrpt-pro-badge{margin-inline-start:6px}.subscrpt-dash__split{display:grid;grid-template-columns:minmax(0, 1fr) 340px;gap:16px;align-items:start}.subscrpt-dash__main{min-width:0}.subscrpt-dash__aside{display:flex;flex-direction:column;gap:16px;min-width:0}@media screen and (max-width: 1100px){.subscrpt-dash__split{grid-template-columns:minmax(0, 1fr)}}.subscrpt-chart__total{display:flex;align-items:baseline;gap:8px;margin-bottom:18px}.subscrpt-chart__amount{font-size:26px;font-weight:400;color:#1e1e1e;line-height:1.1;font-variant-numeric:tabular-nums}.subscrpt-chart__caption{font-size:12px;color:#757575}.subscrpt-chart__empty{margin:0;padding:32px 0;text-align:center;font-size:13px;color:#757575}.subscrpt-chart__plot{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px;align-items:end}.subscrpt-chart__col{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.subscrpt-chart__bar-wrap{display:flex;align-items:flex-end;height:132px;width:100%}.subscrpt-chart__bar{display:block;width:100%;max-width:44px;margin:0 auto;border-radius:3px 3px 0 0;background:var(--wp-admin-theme-color, #3858e9);transition:opacity .12s}.subscrpt-chart__bar.is-empty{height:2px;background:#e0e0e0;border-radius:2px}.subscrpt-chart__col:hover .subscrpt-chart__bar{opacity:.85}.subscrpt-chart__value{font-size:11px;color:#1e1e1e;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.subscrpt-chart__month{font-size:11px;color:#757575}.subscrpt-chart__col:has(.subscrpt-chart__bar.is-empty) .subscrpt-chart__value{color:#c3c4c7}.subscrpt-tiles{display:grid;grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));gap:12px}.subscrpt-tile{position:relative;display:flex;flex-direction:column;gap:2px;padding:16px;border:1px solid #e0e0e0;border-radius:8px;background:#f6f7f7;text-decoration:none;color:inherit;transition:background .12s,border-color .12s}.subscrpt-tile:hover{background:#fff;border-color:#c3c4c7;color:inherit}.subscrpt-tile:focus{box-shadow:0 0 0 2px var(--wp-admin-theme-color, #3858e9);outline:2px solid rgba(0,0,0,0);color:inherit}.subscrpt-tile__icon{position:absolute;top:14px;left:14px;color:#a7aaad;line-height:0}.subscrpt-tile__value{font-size:30px;font-weight:400;line-height:1.15;font-variant-numeric:tabular-nums;color:var(--wp-admin-theme-color, #3858e9)}.subscrpt-tile__label{font-size:12px;color:#757575;line-height:1.4;padding-left:20px}.subscrpt-tile.is-warning .subscrpt-tile__value{color:#bd8600}.subscrpt-tile.is-error .subscrpt-tile__value{color:#cc1818}.subscrpt-banner{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap;padding:16px 18px;border:1px solid #e0e0e0;border-radius:8px;background:#fff}.subscrpt-banner.is-clear{border-color:#b8e6c1;background:linear-gradient(-90deg, #f2fcf5 0%, #fbfefc 60%)}.subscrpt-banner.is-attention{border-color:#f3d799;background:linear-gradient(-90deg, #fffaf0 0%, #fffdf8 60%)}.subscrpt-banner__badge{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:50%;background:#fff;border:1px solid #e0e0e0}.subscrpt-banner.is-clear .subscrpt-banner__badge{color:#007017;border-color:#b8e6c1}.subscrpt-banner.is-attention .subscrpt-banner__badge{color:#bd8600;border-color:#f3d799}.subscrpt-banner__body{flex:1;min-width:0}.subscrpt-banner__title{font-size:15px;font-weight:600;margin:0;line-height:1.4}.subscrpt-banner.is-clear .subscrpt-banner__title{color:#007017}.subscrpt-banner.is-attention .subscrpt-banner__title{color:#8a6116}.subscrpt-banner__text{font-size:13px;color:#757575;margin:2px 0 0;line-height:1.5}@media screen and (min-width: 1101px){.subscrpt-dash__aside .subscrpt-banner{display:grid;grid-template-columns:auto minmax(0, 1fr);align-items:start}.subscrpt-dash__aside .subscrpt-banner>.components-button{grid-column:2;justify-self:start}}.subscrpt-setup__count{font-size:12px;color:#757575;white-space:nowrap}.subscrpt-setup__warning{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:12px;border:1px solid #f3d799;border-radius:6px;background:#fffaf0}.subscrpt-setup__warning-icon{display:inline-flex;flex-shrink:0;margin-top:1px;color:#bd8600}.subscrpt-setup__warning-body{flex:1;min-width:0}.subscrpt-setup__warning-title{font-size:13px;font-weight:600;color:#8a6116;margin:0;line-height:1.4}.subscrpt-setup__warning-text{font-size:12px;color:#757575;margin:2px 0 8px;line-height:1.5}.subscrpt-setup__footer{margin-top:14px;padding-top:12px;border-top:1px solid #f0f0f1;text-align:end}.subscrpt-setup__wizard{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:500;white-space:nowrap;text-decoration:none;color:var(--wp-admin-theme-color, #3858e9)}.subscrpt-setup__wizard:hover,.subscrpt-setup__wizard:focus{text-decoration:underline}.subscrpt-setup__summary{display:flex;align-items:center;justify-content:space-between;gap:12px}.subscrpt-setup__summary .subscrpt-setup__count{display:block;margin-top:2px}.subscrpt-progress{height:4px;border-radius:2px;background:#f0f0f1;overflow:hidden;margin-bottom:4px}.subscrpt-progress__bar{display:block;height:100%;border-radius:2px;background:var(--wp-admin-theme-color, #3858e9);transition:width .2s}.subscrpt-steps{margin:0;padding:0;list-style:none}.subscrpt-step{display:flex;align-items:center;gap:12px;padding:10px 0;margin:0;border-bottom:1px solid #f0f0f1}.subscrpt-step:last-child{border-bottom:0;padding-bottom:0}.subscrpt-step__mark{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;border-radius:50%;border:1px solid #c3c4c7;color:rgba(0,0,0,0)}.subscrpt-step__label{flex:1;font-size:13px;color:#1e1e1e;line-height:1.4}.subscrpt-step__state{font-size:12px;color:#757575}.subscrpt-step.is-done .subscrpt-step__mark{background:#007017;border-color:#007017;color:#fff}.subscrpt-step.is-done .subscrpt-step__label{color:#757575;text-decoration:line-through}.subscrpt-build{padding:20px;border:1px solid #e0e0e0;border-radius:8px;background:#fff}.subscrpt-build__grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:12px;margin-top:16px}.subscrpt-build__card{display:flex;flex-direction:column;padding:18px;border:1px solid #e0e0e0;border-radius:8px;text-decoration:none;color:inherit;background:#fff;transition:border-color .12s,box-shadow .12s}.subscrpt-build__card:hover{border-color:#c3c4c7;box-shadow:0 1px 4px rgba(0,0,0,.06);color:inherit}.subscrpt-build__card:focus{box-shadow:0 0 0 2px var(--wp-admin-theme-color, #3858e9);outline:2px solid rgba(0,0,0,0);color:inherit}.subscrpt-build__icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;margin-bottom:14px;background:#f0f0f1;color:#50575e}.subscrpt-build__eyebrow{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#757575}.subscrpt-build__eyebrow .subscrpt-pro-badge{line-height:1;padding-block:1px;margin-inline-start:2px}.subscrpt-build__title{font-size:15px;font-weight:600;color:#1e1e1e;margin-top:2px;line-height:1.4}.subscrpt-build__text{font-size:13px;color:#757575;line-height:1.5;margin-top:6px}.subscrpt-build__link{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:500;margin-top:14px;color:var(--wp-admin-theme-color, #3858e9)}.subscrpt-build__card.is-setup .subscrpt-build__icon{background:#edfaef;color:#007017}.subscrpt-build__card.is-setup .subscrpt-build__link{color:#007017}.subscrpt-build__card.is-extend .subscrpt-build__icon{background:#f3eefc;color:#6c2eb9}.subscrpt-build__card.is-extend .subscrpt-build__link{color:#6c2eb9}.subscrpt-footer{text-align:center;font-size:13px;margin:4px 0 0;color:#757575}.subscrpt-footer a{display:inline-flex;align-items:center;gap:4px;text-decoration:none}.subscrpt-footer__sep{margin:0 10px;color:#c3c4c7}@media screen and (max-width: 782px){.subscrpt-banner{flex-wrap:wrap}} |
