.panel-section-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex}.panel-section-title{font-size:var(--text-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-low);font-weight:600}.panel-action-btn{background:var(--accent-08);border:1px solid var(--accent-28);border-radius:var(--r-sm);color:var(--accent-bright);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background-color var(--t-fast) var(--ease-out), border-color var(--t-fast) var(--ease-out);align-items:center;gap:6px;padding:5px 10px;font-family:inherit;font-weight:600;display:flex}.panel-action-btn:hover:not(:disabled){background:var(--accent-16);border-color:var(--accent)}.panel-action-btn:disabled{border-color:var(--line);color:var(--ink-low);cursor:default;background:0 0}.panel-list{flex-direction:column;gap:2px;margin:0;padding:0 8px;list-style:none;display:flex}.panel-list[hidden]{display:none}.panel-item{border-radius:var(--r-md);width:100%;color:inherit;text-align:left;cursor:pointer;transition:background-color var(--t-fast) var(--ease-out);-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:8px 10px;font-family:inherit;display:flex}.panel-item--dense{min-height:44px;padding-top:6px;padding-bottom:6px}.panel-item--dense .panel-item-title{font-size:var(--text-sm)}.panel-item:hover{background:var(--surface-hover)}.panel-item--active,.panel-item--active:hover{background:var(--accent-08);border-color:var(--accent-28)}.panel-item--muted{cursor:default}.panel-item--muted:hover{background:0 0}.panel-item--muted .panel-item-title,.panel-item--muted .panel-item-subtitle,.panel-item--muted .panel-item-icon{color:var(--ink-low)}.panel-item-icon{color:var(--ink-low);flex-shrink:0}.panel-item--active .panel-item-icon{color:var(--accent)}.panel-item-body{flex-direction:column;flex:1;min-width:0;display:flex}.panel-item-title{font-size:var(--text-sm);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-weight:500;line-height:1.3;overflow:hidden}.panel-item--active .panel-item-title{color:var(--ink-hi)}.panel-item-subtitle{font-size:var(--text-xs);color:var(--ink-low);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.panel-item-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.panel-item-date{font-size:var(--text-2xs);color:var(--ink-low);font-variant-numeric:tabular-nums;white-space:nowrap}.panel-item-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.panel-item-dot--ok{background:var(--ok)}.panel-item-badge{font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--r-sm);flex-shrink:0;padding:2px 6px;font-weight:600}.panel-item-badge--connected{background:var(--ok-tint);color:var(--ok)}.panel-item-badge--syncing{background:var(--accent-08);color:var(--accent-bright)}.panel-divider{background:var(--line-subtle);height:1px;margin:8px 16px}.panel-back-row{flex-shrink:0;align-items:center;gap:8px;padding:12px 16px 8px;display:flex}.panel-back-btn{color:var(--ink-low);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color var(--t-fast) var(--ease-out);background:0 0;border:none;align-items:center;gap:6px;padding:4px 0;font-family:inherit;font-weight:600;display:flex}.panel-back-btn:hover{color:var(--ink)}.panel-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:32px 20px;display:flex}.panel-empty-icon{color:var(--ink-low);opacity:.5}.panel-empty p{font-size:var(--text-sm);color:var(--ink-mid);margin:0;line-height:1.5}.panel-error{background:var(--danger-tint);border:1px solid color-mix(in srgb, var(--danger-graphic) 30%, transparent);border-radius:var(--r-sm);font-size:var(--text-xs);color:var(--danger);margin:0 8px 8px;padding:8px 12px;line-height:1.4}.panel-scan-area{flex-direction:column;gap:8px;padding:8px 8px 12px;display:flex}@media (width<=768px){.panel-section-title{letter-spacing:.08em}.panel-item:not(.plans-panel__row--dense):not(.panel-item--dense){min-height:56px;padding:12px var(--space-md)}.panel-item:active{background:var(--surface-2)}.panel-item--active:active{background:var(--accent-08)}}@media (width<=768px) and (prefers-reduced-motion:reduce){.panel-item{transition:none}}@media (width<=768px){.mobile-full-page .panel-list{padding-top:12px}}