/* Supporting screens share the Part 1 tokens and Part 3 state component. */
#screenView .support-page{color:var(--text-primary);min-width:0}
.support-page>.backbar{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;margin-bottom:var(--space-lg)}
.support-page>.backbar .title{grid-column:2;text-align:center;font-size:var(--font-asset)}
.support-page>.page-title{font-size:var(--font-title);margin-bottom:var(--space-sm)}
.support-page>.subtitle{font-size:var(--font-caption);line-height:1.8;margin-bottom:var(--space-md)}
.support-page .support-card{padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface);margin-bottom:var(--space-md);min-width:0}
.support-page .support-card>h2,.support-page .watch-group>h2{font-size:var(--font-asset);margin-bottom:var(--space-sm);line-height:1.6}
.support-page .support-identity{display:flex;align-items:center;gap:var(--space-sm);min-width:0;margin-bottom:var(--space-lg)}
.support-page .support-identity>.grow{min-width:0}
.support-page .support-identity h1{font-size:18px;line-height:1.6;overflow-wrap:anywhere}
.support-page .support-identity p{font-size:var(--font-caption);color:var(--text-secondary);line-height:1.7;overflow-wrap:anywhere}
.support-page .pair-icons{gap:var(--space-xs);flex-shrink:0}
.support-page .pair-icons .asset-icon{width:32px;height:32px}
.support-page .pair-icons>.icon{width:14px;height:14px;color:var(--text-secondary)}
.support-page .pair-current{margin-bottom:var(--space-lg)}
.support-page .pair-current p{font-size:var(--font-caption);color:var(--text-secondary);line-height:1.8}
.support-page .support-amount{font-size:var(--font-amount);font-weight:700;color:var(--brand-green-strong);line-height:1.4;overflow-wrap:anywhere;margin:var(--space-sm) 0}
.support-page .support-amount>span{font-size:18px;white-space:nowrap}
.support-page .history-panel{background:var(--surface-soft)}
.support-page .range-tabs{margin:0 0 var(--space-md);gap:var(--space-sm)}
.support-page .range-tabs button{flex:1;padding:10px;border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);border:1px solid var(--border-color)}
.support-page .range-tabs button:disabled{cursor:default;opacity:.7}
.support-page .history-panel .query-state{border:0;background:transparent;padding:var(--space-md) 0}
.support-page .history-panel .state-mark{background:var(--surface)}
.support-page .data-list{border:0;padding:0;margin:0}
.support-page .data-row{font-size:var(--font-caption);line-height:1.7;align-items:flex-start;gap:var(--space-sm);padding:12px 0}
.support-page .data-row>strong{max-width:65%;overflow-wrap:anywhere;font-weight:550}
.support-page .primary,.support-page .secondary{border-radius:var(--radius-sm);min-height:46px}
.support-page .support-actions{display:grid;gap:var(--space-sm)}
.support-page .quiet-line{font-size:11px;line-height:1.8;color:var(--text-secondary);margin-top:var(--space-md)}
.support-page .support-note{display:flex;align-items:flex-start;gap:var(--space-sm);background:var(--brand-green-soft);padding:var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-caption);line-height:1.8;color:var(--text-secondary);margin:var(--space-md) 0}
.support-page .support-note>.icon{width:20px;height:20px;flex-shrink:0;color:var(--brand-green)}
.support-page .watch-group{margin:var(--space-md) 0}
.support-page .watch-row{display:block;padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-sm);background:var(--surface)}
.support-page .watch-top{display:flex;align-items:flex-start;gap:var(--space-xs)}
.support-page .watch-main{padding:0;gap:var(--space-sm);min-width:0;flex:1;align-items:center;text-align:left}
.support-page .watch-main>.grow{min-width:0}
.support-page .pair-name{display:block;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.support-page .pair-desc{display:block;font-size:11px;color:var(--text-secondary);line-height:1.7}
.support-page .heart-btn{width:36px;height:36px;flex-shrink:0}
.support-page .watch-price{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap}
.support-page .watch-price>span{font-size:11px;color:var(--text-secondary)}
.support-page .watch-price>strong{font-size:17px;color:var(--brand-green-strong);overflow-wrap:anywhere}
.support-page .watch-updated{font-size:10px;color:var(--text-secondary);margin-top:var(--space-xs)}
.support-page .watch-alert{border-top:1px solid var(--border-color);padding-top:var(--space-sm);margin-top:var(--space-sm);display:flex;align-items:center;gap:var(--space-sm);justify-content:space-between}
.support-page .watch-alert>div{min-width:0;display:grid;gap:var(--space-xs);font-size:var(--font-caption)}
.support-page .watch-alert strong{overflow-wrap:anywhere}
.support-page .watch-alert small{color:var(--text-secondary)}
.support-page .alert-summary,.support-page .alert-condition{background:var(--surface-soft);border-color:var(--surface-soft)}
.support-page .alert-summary .support-identity{margin-bottom:var(--space-md)}
.support-page .alert-current{border-top:1px solid var(--border-color);padding-top:var(--space-md);display:grid;gap:var(--space-xs)}
.support-page .alert-current>span,.support-page .alert-current>small{font-size:var(--font-caption);color:var(--text-secondary);line-height:1.7}
.support-page .alert-current>strong{font-size:24px;color:var(--text-primary);overflow-wrap:anywhere;line-height:1.5}
.support-page .alert-modes{display:flex;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-xs);gap:var(--space-xs);margin-bottom:var(--space-md)}
.support-page .alert-modes button{flex:1;min-width:0;border-radius:var(--radius-sm);padding:10px 4px;font-size:var(--font-caption);line-height:1.5;color:var(--text-secondary)}
.support-page .alert-modes button.active{color:var(--brand-green-strong);background:var(--surface);box-shadow:0 1px 3px #1120390D}
.support-page .condition-basis{font-size:20px;font-weight:650;line-height:1.6;margin-bottom:var(--space-md);overflow-wrap:anywhere}
.support-page .condition-basis>span{display:block;font-size:var(--font-caption);color:var(--text-secondary);font-weight:400}
.support-page .form-row{gap:var(--space-sm)}
.support-page .op-button{min-width:58px;min-height:48px;border-radius:var(--radius-sm);background:var(--surface);font-size:20px}
.support-page .number-box{min-width:0;flex:1;background:var(--surface);border-radius:var(--radius-sm);min-height:48px}
.support-page .number-box input{min-width:0;font-size:22px}
.support-page .number-box>span{font-size:14px}
.support-page .quick-targets{display:flex;gap:var(--space-sm);margin:var(--space-sm) 0 var(--space-md)}
.support-page .quick-targets button{flex:1;min-height:36px;border-radius:var(--radius-sm);background:var(--brand-green-soft);color:var(--brand-green-strong);font-size:var(--font-caption)}
.support-page .quick-targets button:disabled{opacity:.45;cursor:default}
.support-page .label-row{border-top:1px solid var(--border-color);padding-top:var(--space-md);margin:0;font-size:14px;gap:var(--space-sm)}
.support-page .danger-text{justify-content:center;width:100%;margin-top:var(--space-md)}
.support-page .profile-line{padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);margin:var(--space-md) 0;gap:var(--space-md)}
.support-page .profile-avatar{width:56px;height:56px;border-radius:50%;background:var(--brand-green-soft);color:var(--brand-green);flex-shrink:0}
.support-page .profile-line h2{font-size:20px;line-height:1.5}
.support-page .profile-line p{font-size:var(--font-caption);line-height:1.7;color:var(--text-secondary)}
.support-page .setting-group{border:0;margin:0;padding:0;border-radius:0}
.support-page .setting-row{padding:14px 0;min-height:52px;gap:var(--space-sm);font-size:14px}
.support-page .setting-row>.grow{min-width:0;overflow-wrap:anywhere}
.support-page .setting-row>.icon{width:22px;height:22px;flex-shrink:0;color:var(--text-secondary)}
.support-page .setting-row>.value{max-width:38%;font-size:var(--font-caption);color:var(--text-secondary);overflow-wrap:anywhere;text-align:right}
.support-page .setting-row>.chevron{flex-shrink:0}
.support-page .provider-row{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:12px 0;min-height:64px;text-align:left;border-bottom:1px solid var(--border-color)}
.support-page .provider-row:last-child{border-bottom:0}
.support-page .provider-row>.grow{min-width:0}
.support-page .provider-row strong{display:block;font-size:14px;font-weight:600;overflow-wrap:anywhere;line-height:1.6}
.support-page .provider-row small{display:block;color:var(--text-secondary);font-size:11px;line-height:1.6}
.support-page .provider-icon{height:36px;width:36px;flex-shrink:0}
.support-page .favorite-mark{width:32px;height:32px;display:grid;place-items:center;flex-shrink:0;color:var(--text-secondary)}
.support-page .favorite-mark.on{color:var(--brand-green)}
