.app-shell{min-height:100vh;padding-bottom:calc(var(--tab-height) + env(safe-area-inset-bottom))}.app-header{position:sticky;top:0;z-index:80;display:flex;align-items:center;justify-content:space-between;min-height:62px;padding:10px 16px;border-bottom:1px solid var(--color-border);background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}.account-block strong{display:block;font-size:.92rem}.account-block span{font-size:.73rem;color:var(--color-text-muted)}.page{width:min(100%,760px);margin:0 auto;padding:18px 16px 28px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.page-header h2{margin:0;font-size:1.35rem}.date-input{width:auto;min-height:42px;padding:0 10px}.bottom-tabs{position:fixed;z-index:100;left:0;right:0;bottom:0;height:calc(var(--tab-height) + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);align-items:start;padding:7px 10px env(safe-area-inset-bottom);background:rgba(255,255,255,.96);border-top:1px solid var(--color-border);backdrop-filter:blur(14px)}.tab-button{display:grid;place-items:center;align-content:center;min-height:58px;border:0;background:transparent;color:#7b8189;border-radius:14px}.tab-button.active{color:var(--color-primary)}.tab-icon{font-size:1.4rem;line-height:1}.tab-button.workout-tab{align-self:end;width:64px;height:64px;justify-self:center;margin-top:-24px;border-radius:50%;color:#fff;background:var(--color-primary);box-shadow:0 8px 24px rgba(255,90,31,.34)}.tab-button.workout-tab.active{background:var(--color-primary-dark)}
.compact-rank{display:flex;align-items:center;justify-content:center;gap:12px;min-height:76px}.rank-link{width:100%;text-align:left;cursor:pointer}.rank-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--color-primary);color:#fff;font-size:1.35rem;font-weight:900}.score-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary-dark);font-size:.78rem;font-weight:900}.rank-inline{display:flex;align-items:center;gap:8px;white-space:nowrap}.rank-inline b{font-size:1.15rem;color:var(--color-primary)}
.muscle-grid{display:grid;grid-template-columns:repeat(var(--part-count),minmax(0,1fr));gap:8px;margin-top:10px}.muscle-card{min-width:0;border:1px solid var(--color-border);border-radius:14px;background:#fff;padding:12px;text-align:center}.muscle-card.overdue{border-color:#f0a238;background:var(--color-warning-soft)}.muscle-card.critical{border-color:var(--color-danger);background:#fff0f0}.muscle-card .days{font-size:1.15rem;font-weight:900;margin-top:4px}.compact-select{width:auto;min-width:96px;padding:8px 10px}.match-item,.setting-row,.exercise-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--color-border);padding:13px 0}.match-item:last-child,.setting-row:last-child,.exercise-row:last-child{border-bottom:0}.match-button{width:100%;border:0;background:transparent;text-align:left}.match-button>span:first-child{display:grid}.settings-menu{display:grid;gap:10px}.settings-menu-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:58px;border:1px solid var(--color-border);border-radius:15px;background:#fff;padding:0 16px;font-weight:800;text-align:left}.drag-handle{font-size:1.25rem;color:#858b93;touch-action:none;cursor:grab}.swipe-row{overflow:hidden;position:relative}.swipe-content{position:relative;z-index:2;background:#fff;transition:transform .18s}.swipe-delete{position:absolute;inset:0 0 0 auto;width:84px;border:0;color:#fff;background:var(--color-danger);font-weight:800}.ranking-part{padding:0;overflow:hidden}.ranking-part-head{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:60px;border:0;background:#fff;padding:14px 16px;text-align:left}.ranking-exercises{border-top:1px solid var(--color-border)}.ranking-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid var(--color-border)}.ranking-row:last-child{border-bottom:0}.ranking-row.used-overall{background:#fff8e1;border-left:4px solid #f1b500}.used-mark{font-size:.7rem;font-weight:800;color:#8a6500}.profile-ranking{margin:14px 0}.empty-state{text-align:center;padding:34px 20px}.empty-icon{font-size:2rem;color:var(--color-primary);margin-bottom:10px}.setting-editor,.exercise-edit{display:grid;gap:12px}.inline-edit{font-weight:800}.exercise-edit{padding:12px 0;border-bottom:1px solid var(--color-border)}.exercise-edit:last-child{border-bottom:0}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.training-done{display:flex;align-items:center;gap:14px;border-color:#bfe4ce;background:#eefaf3}.complete-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--color-success);color:#fff;font-size:1.35rem;font-weight:900}.complete-small{font-weight:900;color:var(--color-success)}

/* v4 layout refinements */
.home-header{align-items:center}.home-rank-link{display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:0;text-align:left}.compact-symbol{width:42px;height:42px;border-radius:13px}.muscle-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.muscle-card .days span{font-size:.9em}.analysis-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.metric-tile{display:grid;gap:5px;border:1px solid var(--color-border);border-radius:14px;background:#fff;padding:13px;text-align:center}.metric-tile span{font-size:.72rem;color:var(--color-text-muted)}.metric-tile strong{font-size:1.1rem}.analysis-row,.analysis-record{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--color-border)}.analysis-record{grid-template-columns:1fr auto}.analysis-record>div{display:grid}.analysis-row:last-child,.analysis-record:last-child{border-bottom:0}.compact-form{display:grid;grid-template-columns:1fr auto;gap:10px}.setting-line{display:flex;align-items:center;gap:7px;padding:9px}.compact-input{min-width:0;padding:9px 10px}.mini-check{display:flex;align-items:center;gap:3px;white-space:nowrap;font-size:.75rem}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.position-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.position-inputs label{display:grid;gap:4px;font-size:.72rem;color:var(--color-text-muted)}.exercise-setting-line{display:grid;grid-template-columns:minmax(120px,1.6fr) minmax(150px,1fr) auto auto;align-items:center;gap:7px;padding:9px 12px;border-bottom:1px solid var(--color-border)}.exercise-setting-line:last-child{border-bottom:0}.position-inline{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.position-inline .input{padding:8px 5px;text-align:center}.menu-set-line{display:flex;align-items:center;gap:8px;padding:10px 12px}.menu-set-open{display:flex;flex:1;align-items:center;justify-content:space-between;gap:8px;border:0;background:transparent;text-align:left}.menu-set-detail{display:grid;gap:12px;border-top:1px solid var(--color-border);padding:12px}.menu-exercise-line{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px;border:1px solid var(--color-border);border-radius:10px;background:#fff}.dragging-smooth{z-index:20;opacity:.92;box-shadow:var(--shadow-md);transition:none!important}.workout-fixed{border-left:4px solid var(--color-success)}.workout-drag-handle{border:0;background:transparent;padding:8px;touch-action:none}

/* v5 compact mobile layout */
.tab-button.workout-tab{align-self:auto;width:auto;height:auto;justify-self:stretch;margin-top:0;border-radius:14px;color:#7b8189;background:transparent;box-shadow:none}
.tab-button.workout-tab.active{color:var(--color-primary);background:transparent}
.muscle-grid{grid-template-columns:repeat(var(--part-count),minmax(0,1fr));gap:5px}
.muscle-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:116px;padding:8px 3px}
.muscle-card>strong{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.condition-prefix,.condition-suffix{font-size:.64rem;color:var(--color-text-muted);line-height:1.1}
.muscle-card .days{display:flex;align-items:baseline;gap:2px;margin:2px 0 0;font-size:.8rem}
.muscle-card .days b{font-size:1.42rem;line-height:1}
.monthly-count{margin-top:5px;font-size:.65rem;color:var(--color-text-muted)}
.setting-display-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.setting-line .drag-handle,.exercise-setting-line .drag-handle,.menu-exercise-line .drag-handle{border:0;background:transparent;flex:0 0 auto}
.exercise-view-line{grid-template-columns:auto minmax(80px,1fr) auto auto auto}
.exercise-view-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.position-summary{font-size:.68rem;color:var(--color-text-muted);white-space:nowrap}
.exercise-edit-line{grid-template-columns:auto minmax(90px,1.2fr) minmax(100px,.8fr) minmax(180px,1.5fr) auto auto}
.labeled-position label{display:grid;gap:2px;min-width:0}
.labeled-position label span{font-size:.62rem;color:var(--color-text-muted);white-space:nowrap;text-align:center}
.draft-menu-list{display:grid;gap:7px}
.draft-menu-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-soft)}
.exercise-setup-link{display:block;border:0;background:transparent;padding:2px 0;color:var(--color-text-muted);font-size:.68rem;text-align:left}
.setup-dialog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.setup-dialog-grid>div{display:grid;gap:5px;padding:12px;border:1px solid var(--color-border);border-radius:12px;text-align:center}
.setup-dialog-grid span{font-size:.72rem;color:var(--color-text-muted)}
.history-details{border:1px solid var(--color-border);border-radius:13px;background:#fff;overflow:hidden}
.history-details summary{padding:11px 13px;font-size:.82rem;font-weight:800;cursor:pointer}
.history-card{border:0;border-top:1px solid var(--color-border);border-radius:0}
.reorder-list{position:relative;display:flex!important;flex-direction:column;gap:var(--space-2)}




/* Live smooth reordering. The dragged row follows the pointer while the
   placeholder keeps the list geometry stable and pushes sibling rows aside. */
.reorder-live-active {
  position: relative;
  user-select: none;
  -webkit-user-select: none;
}
.reorder-placeholder {
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 auto;
  border: 2px dashed color-mix(in srgb, var(--color-primary) 65%, transparent);
  border-radius: 15px;
  background: color-mix(in srgb, var(--color-primary) 7%, white);
}
.reorder-dragged-row {
  box-sizing: border-box;
  opacity: .96;
  transform: scale(1.015);
  box-shadow: 0 18px 42px rgba(20, 25, 32, .22) !important;
  cursor: grabbing;
  will-change: top;
}
.is-reordering,
.is-reordering body {
  overscroll-behavior: none;
  overflow: hidden;
}
.is-reordering body { cursor: grabbing; }
.drag-handle {
  -webkit-user-drag: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: none;
  cursor: grab;
}
.drag-handle:active { cursor: grabbing; }
.settings-add-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px}.settings-add-button{display:grid;place-items:center;width:52px;height:52px;border:0;border-radius:50%;color:#fff;background:var(--color-primary);font-size:1.85rem;line-height:1;box-shadow:0 8px 22px rgba(255,90,31,.25)}.settings-add-button:active{transform:scale(.97)}

.settings-bottom-add{display:flex;justify-content:flex-start;align-items:center;padding-top:4px}

[data-menu-set-row]>.menu-set-line>.drag-handle{flex:0 0 auto;border:0;background:transparent;padding:8px}

/* v29: settings information hierarchy / all body-part conditions */
.muscle-grid{
  grid-template-columns:repeat(auto-fit,minmax(76px,1fr));
}
.exercise-view-line{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:8px;
  padding:10px 12px;
}
.exercise-view-content{min-width:0;display:grid;gap:6px}
.exercise-primary-row{display:flex;align-items:center;gap:10px;min-width:0}
.exercise-view-name{flex:1;min-width:0;white-space:nowrap;overflow:visible;text-overflow:clip;font-size:.92rem;line-height:1.15}
.exercise-view-name.exercise-name-long{font-size:.8rem;letter-spacing:-.02em}
.exercise-view-name.exercise-name-xlong{font-size:.7rem;letter-spacing:-.035em}
.exercise-visible-check{margin-left:auto;flex:0 0 auto}
.exercise-attribute-row{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}
.deviation-badge{min-height:22px;padding:0 8px;background:#fff1e8;color:var(--color-primary);font-size:.66rem}
.exercise-lock{font-size:.72rem;line-height:1;opacity:.7}
.exercise-inline-edit{border:0;background:transparent;padding:2px 4px;color:var(--color-primary);font-size:.68rem;font-weight:800}
.exercise-attribute-row .position-summary{margin-left:auto;font-size:.61rem}

/* v30 */
.part-lock{flex:0 0 auto;font-size:.78rem;opacity:.68;padding:0 3px}

.matching-social-links{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 14px}.matching-social-link{display:inline-flex;align-items:center;min-height:34px;padding:6px 10px;border:1px solid var(--color-border);border-radius:999px;background:#fff;color:var(--color-text);font-size:.78rem;font-weight:800;text-decoration:none}.matching-social-link:active{background:var(--color-surface-soft)}

.profile-ranking-part{margin:12px 0;border:1px solid var(--color-border);border-radius:14px;overflow:hidden;background:#fff}.profile-ranking-part-head{padding:10px 14px;background:var(--color-surface-soft);border-bottom:1px solid var(--color-border);font-size:.78rem;font-weight:900;color:var(--color-text)}.profile-ranking-part .ranking-row{padding-left:14px;padding-right:14px}

/* Analysis v33 */
.analysis-page{padding-bottom:18px}.analysis-issues{border-left:4px solid var(--color-primary)}.analysis-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.issue-row{display:grid;grid-template-columns:28px 1fr;gap:9px;padding:10px 0;border-bottom:1px solid var(--color-border)}.issue-row:last-child{border-bottom:0}.issue-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--color-primary-soft,#fff2e8);color:var(--color-primary);font-weight:800}.issue-row p{margin:3px 0 0}.analysis-daily-date{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.analysis-date-shell{display:flex;width:100%;min-width:0;border:1px solid var(--color-border);border-radius:12px;background:#fff;padding:9px 11px}.analysis-date-shell input{display:block;width:100%;min-width:0;border:0;background:transparent;padding:0;text-align:center;font:inherit}.analysis-metrics-4{grid-template-columns:repeat(4,1fr)}.analysis-metrics-2{grid-template-columns:repeat(2,1fr)}.daily-exercise{padding:12px 0;border-bottom:1px solid var(--color-border)}.daily-exercise:last-child{border-bottom:0}.daily-set{display:grid;grid-template-columns:44px auto 1fr;align-items:center;gap:8px;padding:6px 0}.daily-set span,.daily-set small{font-size:.75rem;color:var(--color-text-muted)}.history-row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;border:0;border-bottom:1px solid var(--color-border);background:transparent;padding:12px 0;text-align:left}.history-row:last-child{border-bottom:0}.history-row.active{color:var(--color-primary)}.history-row>span:first-child{display:grid;gap:2px}.history-row small{color:var(--color-text-muted)}.trend-row{display:grid;grid-template-columns:60px 1fr auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--color-border)}.trend-row:last-child{border-bottom:0}.trend-row small{grid-column:2/4;color:var(--color-text-muted);font-size:.7rem}.trend-track{height:9px;background:#eef0f3;border-radius:999px;overflow:hidden}.trend-track i{display:block;height:100%;background:var(--color-primary);border-radius:inherit}.pr-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--color-border)}.pr-row:last-child{border-bottom:0}.pr-row>span{display:grid}.pr-row small{color:var(--color-text-muted)}.exercise-trend{border-bottom:1px solid var(--color-border)}.exercise-trend:last-child{border-bottom:0}.exercise-trend summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;cursor:pointer}.exercise-trend summary>span:first-child{display:grid}.exercise-trend summary small{color:var(--color-text-muted)}.exercise-trend-body{padding:0 0 14px}.mini-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.mini-stat-grid span{display:grid;gap:2px;border-radius:10px;background:#f7f8fa;padding:9px;font-size:.72rem;color:var(--color-text-muted)}.mini-stat-grid b{font-size:.9rem;color:var(--color-text)}.spark-wrap{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:8px;margin-top:8px;font-size:.72rem;color:var(--color-text-muted)}.spark-wrap svg{width:100%;height:42px;color:var(--color-primary)}
.mini-stat-grid-6{grid-template-columns:repeat(2,1fr)}

.analysis-metrics-1{grid-template-columns:1fr}.volume-chart-wrap{width:100%;overflow:hidden}.volume-chart{display:block;width:100%;height:auto;min-height:210px}.volume-grid{stroke:var(--color-border);stroke-width:1}.volume-axis-text{fill:var(--color-text-muted);font-size:11px}.volume-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.volume-line-total{stroke:var(--color-primary);fill:none}.volume-line-neural{stroke:#6b7280;fill:none}.volume-line-hypertrophy{stroke:#16a34a;fill:none}.volume-line-warmup{stroke:#a16207;fill:none}.volume-chart-legend{display:flex;flex-wrap:wrap;gap:10px 14px;margin:6px 0 8px;font-size:.72rem;color:var(--color-text-muted)}.volume-chart-legend span{display:inline-flex;align-items:center;gap:5px}.volume-legend-dot{display:inline-block;width:9px;height:9px;border-radius:999px}.volume-legend-dot.volume-line-total{background:var(--color-primary)}.volume-legend-dot.volume-line-neural{background:#6b7280}.volume-legend-dot.volume-line-hypertrophy{background:#16a34a}.volume-legend-dot.volume-line-warmup{background:#a16207}

/* v35: minimal admin console */
.admin-subnav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.admin-subnav-button{min-height:44px;border:1px solid var(--color-border);border-radius:12px;background:#fff;padding:8px 10px;font-weight:800}
.admin-subnav-button.active{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}
.admin-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.admin-metric{display:grid;gap:4px}
.admin-metric span{font-size:.78rem;color:var(--color-muted)}
.admin-metric strong{font-size:1.45rem}
.admin-user-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.admin-user-main{display:grid;gap:3px;min-width:0}
.admin-user-actions{display:flex;gap:6px;flex:0 0 auto}
.admin-report-actions{flex-wrap:wrap}
@media (min-width:560px){.admin-subnav{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-metric-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:420px){.admin-user-row{align-items:flex-start;flex-direction:column}.admin-user-actions{width:100%}.admin-user-actions .btn{flex:1}}
.analysis-page{min-width:0;max-width:100%;overflow-x:hidden}.analysis-page>.card,.analysis-page .exercise-trend,.analysis-page .exercise-trend-body{min-width:0;max-width:100%}.analysis-period-control{display:flex;align-items:center;justify-content:space-between;gap:10px}.analysis-period-control .analysis-date-shell,.analysis-year-shell{flex:0 1 180px}.analysis-year-shell{display:flex;border:1px solid var(--color-border);border-radius:12px;background:#fff;padding:9px 11px}.analysis-year-shell select{width:100%;border:0;background:transparent;font:inherit;text-align:center}.analysis-all-caption{margin:0}.volume-chart-wrap.is-scrollable,.exercise-chart-scroll.is-scrollable{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.volume-chart-wrap.is-scrollable .volume-chart,.exercise-chart-scroll.is-scrollable .exercise-chart{max-width:none}.exercise-chart-block{margin-top:12px}.exercise-chart-title{display:block;margin-bottom:4px;font-size:.72rem;font-weight:700;color:var(--color-text-muted)}.exercise-chart-scroll{width:100%;overflow:hidden}.exercise-chart{display:block;width:100%;height:auto;min-height:135px}.exercise-line{fill:none;stroke:var(--color-primary);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.exercise-line-dot{fill:var(--color-primary)}

.plot-info-popover{position:fixed;z-index:1200;max-width:180px;white-space:pre-line;padding:8px 10px;border-radius:10px;background:rgba(20,22,26,.78);color:#fff;font-size:.74rem;line-height:1.45;box-shadow:0 4px 18px rgba(0,0,0,.2);pointer-events:none}
.metric-legend{display:flex;gap:14px;font-size:.7rem;color:var(--color-text-muted);margin:2px 0 6px}
.exercise-line.metric-max,.exercise-line-dot.metric-max{stroke:var(--color-primary)}.exercise-line.metric-one,.exercise-line-dot.metric-one{stroke:#5865f2}.exercise-line.time-line,.exercise-line-dot.time-line{stroke:#118a73}

.chart-hit-zone{cursor:pointer;pointer-events:all}.matching-request-buttons{display:flex;gap:5px;margin-left:auto;margin-right:6px}.account-fold{width:100%;border:0;background:transparent;padding:0;text-align:left;color:inherit}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.danger-zone{border-top:1px solid var(--color-border);padding-top:10px}

.match-status-chip{font-size:.68rem;font-weight:700;padding:5px 7px;border-radius:999px;background:var(--color-surface-soft,#eef1f4);white-space:nowrap}
.danger-text{color:#b42318}
.plot-info-popover{pointer-events:auto}

.matching-section .matching-title{margin-bottom:8px}
.matching-request-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:9px}
.matching-filter-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.matching-filter-row .compact-select{max-width:160px}
.match-badge{display:inline-block;margin-left:6px;padding:2px 6px;border-radius:999px;font-size:.62rem;font-weight:700;background:var(--color-surface-soft,#eef1f4)}
.match-confirmed-banner{padding:10px;border-radius:10px;text-align:center;font-weight:700;background:var(--color-surface-soft,#eef1f4)}

.match-user-main{display:grid;gap:2px;min-width:0;text-align:left}
.match-user-right{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:8px}
.match-badge-colored{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);padding:3px 8px;border-radius:999px;font-weight:700}
.distance-input{font-variant-numeric:tabular-nums}

.premium-mini-icon,.premium-inline-icon,.premium-tab-icon{color:#d59a00;font-size:.62rem;font-weight:800}
.premium-mini-icon{margin-left:4px}
.premium-tab-icon{position:absolute;right:9px;top:5px}
.tab-button{position:relative}
.admin-protected-badge{font-size:.68rem;font-weight:700;padding:5px 7px;border-radius:999px;background:var(--color-surface-soft,#eef1f4);white-space:nowrap}

.selected-plan-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface-soft,#f6f7f8)}
.selected-plan-summary strong{font-size:1rem}
.plan-segment .unit-option{cursor:pointer}
.plan-segment .unit-option.active{font-weight:700}

.plan-current-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--color-border);border-radius:12px}.plan-current-status strong{font-size:1rem}

.subscription-detail{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}