/* 14A A1: UI specification 11⅘. Only explicitly opted-in T controls. */
.t1-tabs,.t2-tabs,.t3-seg{box-sizing:border-box;max-width:100%;min-width:0;flex-wrap:nowrap}
.t1-tabs{display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);position:relative}
.t1-tab{border:0;background:none;color:var(--txt-3);font-family:inherit;font-size:15px;font-weight:700;line-height:1;padding:14px 2px 13px;cursor:pointer;white-space:nowrap;flex-shrink:0}
.t1-tab.on{color:var(--seed-primary,var(--blue))}
.t1-indicator{position:absolute;bottom:0;left:0;height:2.5px;border-radius:3px 3px 0 0;background:var(--seed-primary,var(--blue));pointer-events:none;transition:transform .18s var(--ease,ease),width .18s var(--ease,ease)}
.t1-side{margin-left:auto;display:flex;gap:8px;align-items:center}
.t2-tabs{display:inline-flex;gap:4px;background:var(--bg-soft);border:0;box-shadow:none;border-radius:12px;padding:4px;overflow-x:auto}
.t2-tab{border:0;background:transparent;color:var(--txt-2);font-family:inherit;font-size:12px;font-weight:500;line-height:1;border-radius:9px;padding:8px 14px;min-height:28px;cursor:pointer;white-space:nowrap;flex-shrink:0}
.t2-tab.on{background:var(--seed-primary,var(--blue));color:var(--on-primary);font-weight:650}
.t3-seg{display:inline-flex;background:var(--bg-soft);border:0;border-radius:12px;padding:3px;position:relative;overflow-x:auto}
.t3-opt{border:0;background:transparent;color:var(--txt-2);font-family:inherit;font-size:12px;font-weight:600;line-height:1;border-radius:10px;padding:8px 16px;cursor:pointer;white-space:nowrap;flex-shrink:0}
.t3-opt.on{background:var(--bg-surface);color:var(--seed-primary,var(--blue));box-shadow:var(--shadow-sm)}
.t1-tab:focus-visible,.t2-tab:focus-visible,.t3-opt:focus-visible{outline:2px solid var(--seed-primary,var(--blue));outline-offset:-2px}
.t-task-head{display:flex;align-items:center;gap:16px;justify-content:space-between;margin-bottom:18px}
#page-annual-plan .ap-form .t2-tabs,#page-annual-plan .ap-section>.t2-tabs{margin:14px 0}
#dashboardTrend .r3-actions{min-width:0;max-width:100%}
@media(max-width:760px){.t1-tabs{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.t2-tabs,.t3-seg{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.t-task-head{flex-wrap:wrap}.ap-list-head>.t1-tabs{max-width:100%}}
@media(prefers-reduced-motion:reduce){.t1-indicator{transition:none}}