.view-mode-selector{background:var(--card);box-shadow:inset 0 0 0 1px var(--border);box-sizing:border-box;border:0;border-radius:8px;align-items:center;gap:4px;display:inline-flex}.view-mode-btn{cursor:pointer;width:34px;height:34px;color:var(--muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.view-mode-selector--compact .view-mode-btn{width:41px;height:41px}.view-mode-selector--md .view-mode-btn{width:45px;height:45px}.view-mode-selector--lg .view-mode-btn{width:50px;height:50px}.view-mode-btn:hover:not(:disabled){background:var(--muted-bg);color:var(--text)}.view-mode-btn--active{background:var(--accent);color:var(--text-on-accent)}.view-mode-btn--active:hover:not(:disabled){filter:brightness(1.1);color:var(--text-on-accent)}.view-mode-btn:disabled{opacity:.4;cursor:not-allowed}.view-mode-icon{justify-content:center;align-items:center;display:flex}.view-mode-icon svg,.view-mode-icon__img{width:18px;height:18px;display:block}
.section-visibility-controls{background:var(--card);border:1px solid var(--border);border-radius:8px;align-items:center;gap:4px;display:inline-flex}.section-visibility-controls__btn{cursor:pointer;width:36px;height:36px;color:var(--muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.section-visibility-controls__btn:hover{background:var(--muted-bg);color:var(--text)}.section-visibility-controls__btn--active{background:var(--accent);color:var(--text-on-accent)}.section-visibility-controls__btn--active:hover{filter:brightness(1.1);color:var(--text-on-accent)}.section-visibility-controls__icon{justify-content:center;align-items:center;display:inline-flex}.section-visibility-controls__icon svg{width:16px;height:16px}
.upgrade-card{border:1px solid var(--border);background:var(--card);border-radius:12px;flex-direction:column;min-height:100%;padding:18px;display:flex;position:relative}.upgrade-card__hero{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:linear-gradient(130deg, color-mix(in srgb, var(--card) 80%, var(--accent) 20%), color-mix(in srgb, var(--card) 92%, var(--absolute-black) 8%));box-sizing:border-box;border-radius:10px;justify-content:flex-start;align-items:center;width:100%;height:88px;margin-bottom:14px;padding:14px;display:flex}.upgrade-card__title{color:var(--text);word-wrap:break-word;overflow-wrap:break-word;min-width:0;margin:0 0 4px}.upgrade-card__subtitle{color:var(--muted);margin:0 0 14px}.upgrade-card__features{margin:0 0 14px;padding:0;list-style:none}.upgrade-card__list-block{margin-bottom:8px}.upgrade-card__list-title{color:var(--muted);margin:0 0 8px}.upgrade-card__list-block--missing{padding-top:6px}.upgrade-card__feature{color:var(--text);align-items:flex-start;gap:8px;margin-bottom:9px;display:flex}.upgrade-card__check{color:var(--success);flex-shrink:0;align-items:center;display:inline-flex}.upgrade-card__cross{color:var(--danger,var(--status-danger));flex-shrink:0;align-items:center;display:inline-flex}.upgrade-card__feature--missing{color:var(--muted)}.upgrade-card__action{margin-top:auto;padding-top:8px}.upgrade-card__btn{width:100%}
.connected-account-row{border:1px solid var(--border);background:var(--card);border-radius:10px;align-items:center;gap:14px;padding:14px 16px;display:flex}.connected-account-row__icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.connected-account-row__icon svg{width:24px;height:24px}.connected-account-row__name{color:var(--text);flex:1}.connected-account-row__action{flex-shrink:0}.connected-account-row__btn{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:8px 16px;transition:all .2s}.connected-account-row__btn--connected{background:var(--success);color:var(--text-on-success);border-color:var(--success);cursor:default}.connected-account-row__btn--connect{color:var(--accent);border-color:var(--accent);background:0 0}.connected-account-row__btn--connect:hover{background:color-mix(in srgb, var(--accent) 15%, transparent)}
