/* Recommendation 02: shared shell, widgets, charts, messages, calendar, sign-in.
   The live components retain their data, permissions and interaction contracts. */
:root{--bg:#f2f4f5;--ink:#34434b;--muted:#74848c;--line:#e1e6e8;--insight-shadow:0 1px 3px #163e4b05;--psd-blue:#247ba0;--psd-teal:#70c1b3;--psd-mint:#b2dbbf;--psd-lime:#f3ffbd;--psd-rose:#eb547c}
body{background:var(--bg)}
/* One continuous white header above a blue navigation rail. */
#app>.sidebar{width:264px;flex:0 0 264px;padding:0;border:0;background:linear-gradient(165deg,#07516e 0%,#176785 58%,#247ba0 100%);color:#e8f3f6;display:flex;flex-direction:column;overflow:hidden}
#app>.sidebar>.brand{height:64px;min-height:64px;width:100%;max-width:none;display:flex;align-items:center;background:#fff;margin:0;padding:0 23px;border-bottom:1px solid var(--line);box-sizing:border-box}
.sidebar .brand #homeLogo{width:auto;padding:0;background:none;border:0;display:flex;align-items:center}.sidebar .brand .logo-full{display:block;width:170px;max-width:100%;height:auto;max-height:39px;object-fit:contain}
.sidebar-member{display:flex;align-items:center;gap:11px;padding:22px 22px 20px;min-height:78px;box-sizing:border-box;flex:none;border-bottom:1px solid #ffffff0d}
.member-avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;flex:none;color:#fff;background:#70c1b33b;border:1px solid #a8d9d65e;font-size:15px;font-weight:600}
.sidebar-member>div{min-width:0}.sidebar-member strong{font-size:13px;font-weight:600;color:#fff;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-member small{display:block;font-size:10px;color:#b4d0dc;margin-top:5px}
#app .sidebar>nav{display:flex;flex-direction:column;gap:3px;padding:17px 0 12px;overflow-y:auto;overflow-x:hidden;min-height:0;flex:1;scrollbar-width:none}#app .sidebar>nav::-webkit-scrollbar{display:none}
#app .sidebar>nav .menu{width:100%;min-width:0;min-height:42px;flex-shrink:0;margin:0;padding:10px 21px;display:flex;align-items:center;gap:12px;border:0;border-radius:0;box-sizing:border-box;background:transparent;color:#c8dce5;box-shadow:none;text-align:left}
#app .sidebar>nav .menu .menu-label{display:block;white-space:nowrap;word-break:keep-all;font-size:13px;line-height:20px;font-weight:500;letter-spacing:-.25px;min-width:0}
#app .sidebar>nav .menu .menu-icon{height:18px;width:18px;flex:0 0 18px;color:#a5c6d5;opacity:1}#app .sidebar>nav .menu .menu-chevron{width:11px;height:11px;margin-left:auto;color:#8fb6c8}
#app .sidebar>nav .menu:hover{background:#ffffff0c;color:#fff}#app .sidebar>nav .menu.active{background:#003e5a55;color:#fff;box-shadow:inset 3px 0 #f3ffbd}#app .sidebar>nav .menu.active .menu-icon{color:#d7efe9}
#app .sidebar>nav .dashboard-menu-pair{display:flex;gap:0;margin:0;padding:0;flex:none}#app .sidebar>nav .dashboard-menu-pair .menu{flex:1;padding:10px 12px;gap:7px}#app .sidebar>nav .dashboard-menu-pair .menu-label{font-size:12px}#app .sidebar>nav .dashboard-menu-pair.is-single .menu{padding-left:21px}
#app .sidebar>.sidebar-bottom{flex:none;margin:0;padding:12px 18px 10px;border-top:0;display:flex;flex-direction:column;gap:8px;color:#c6dce5;background:#08496622}
.sidebar-bottom .security-menu{background:none;border:0;border-radius:0;color:#c6dce5;padding:4px 1px;font-size:11px}.sidebar-bottom .security-menu svg{color:#aacbd9}
.sidebar-bottom .sidebar-account-actions{display:flex;gap:6px}.sidebar-bottom .mypage-account{background:#ffffff14;border:1px solid #ffffff28;border-radius:3px;color:#fff;min-height:32px;padding:6px 10px}.sidebar-bottom .mypage-account .menu-label{font-size:11px;white-space:nowrap}.sidebar-bottom .mypage-account svg{color:#d0e8ed}
.sidebar-bottom #logout{color:#c7dbe4;font-size:11px}.sidebar-bottom .admin-settings{color:#c7dbe4;border-color:#ffffff25;background:transparent;width:30px;height:30px;border-radius:3px}.sidebar-bottom .sidebar-copyright{border-top:0;color:#a8c9d8;padding-top:7px}.sidebar-copyright .copyright-links a{color:#bfd7e0;background:transparent;border-color:#ffffff22}
.workspace>header{height:64px;min-height:64px;max-height:64px;padding:0 26px;background:#fff;border-bottom:1px solid var(--line);box-shadow:none;box-sizing:border-box;align-items:center;gap:12px}
.workspace>header .page-heading{min-width:0}.workspace>header h1{font-size:17px;font-weight:650;letter-spacing:-.45px;color:#34434b}.workspace>header .page-heading p{font-size:10px;color:#8a989e;margin-top:4px}.workspace>header .header-actions{font-size:10px;color:#829199;flex-shrink:0}.header-actions #reload{width:30px;height:30px;padding:0;border:1px solid var(--line);border-radius:3px;background:#fff;color:#6e858f}
.workspace>main{padding:22px 26px;background:#f2f4f5}
/* Flat, lightly divided panel anatomy taken from widgets.psd. */
:is(.home-card,.tr-card,.tr-provider,.hot-card,.company-card,.follower-card,.latest-content-card,.cd-card,.campaign-list-card,.campaign-post,.campaign-comparison,.competitor-card,.competitor-panel,.personal-pdf-card,.report-book-card,.bible-card,.design-card,.major-calendar,.major-upcoming,.major-filters,.members-list,.member-editor,.insight-panel,.detail-metric,.stat,.calendar){border:1px solid var(--line);border-radius:4px;box-shadow:var(--insight-shadow);background:#fff}
.home-grid{gap:18px}.home-card{padding:19px}.home-card-head{margin:-19px -19px 17px;padding:14px 19px;background:#fafbfb;border-bottom:1px solid var(--line);border-radius:4px 4px 0 0;min-height:48px;box-sizing:border-box}.home-card-head h3{font-size:13px;font-weight:650;letter-spacing:.1px}.home-card-head h3:before{display:none}.home-card-head .home-link{font-size:10px;color:#738b96}
.cd-card-heading,.company-head,.campaign-post-head,.competitor-panel>header{background:#fafbfb;border-bottom:1px solid var(--line)}
.tr-card>h3,.insight-panel>h3,.detail-section-title{font-size:14px;letter-spacing:.1px;color:#3a515c}
.home-kpis{gap:18px;margin-bottom:18px}.home-kpi{border-radius:3px;min-height:123px;border:0;padding:18px 21px;box-shadow:none}.home-kpi.tone-0{background:#70c1b3;color:#173f3b}.home-kpi.tone-1{background:#b2dbbf;color:#284d39}.home-kpi.tone-2{background:#f3ffbd;color:#4d5731}.home-kpi.tone-3{background:#eb547c;color:#fff}.home-kpi>strong{font-size:31px;margin:8px 0 5px;font-weight:650}.home-kpi>span{font-size:12px}.home-kpi>small{font-size:10px}.home-kpi>i{height:37px;width:37px;right:20px;top:39px;opacity:.55}.home-kpi>i svg{stroke-width:1.3}
.home-mix-widget{display:flex;align-items:center;gap:24px;min-height:195px}.home-mix-ring{position:relative;width:160px;flex:0 0 160px}.home-mix-ring>svg{display:block;width:100%}.home-mix-ring>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.home-mix-ring strong{font-size:27px;font-weight:600;color:#375360}.home-mix-ring small{font-size:10px;color:#8b9ba2;margin-top:3px}.home-mix-widget .home-composition{flex:1;min-width:0}.home-mix-widget .home-composition>div{grid-template-columns:76px minmax(20px,1fr) 30px;gap:8px;margin:17px 0;font-size:11px}.home-mix-widget .home-composition>div>span{gap:6px}.home-track{height:4px;border-radius:0;background:#edf1f2}.home-track i{border-radius:0}.home-composition .tone-0{background:#247ba0}.home-composition .tone-1{background:#70c1b3}.home-composition .tone-2{background:#b2dbbf}.home-composition .tone-3{background:#eb547c}.home-composition .tone-4{background:#a9b96a}
.home-shortcuts>button,.cd-quick button{border-radius:3px;background:#fafbfb}.home-shortcuts i{color:#70a99f}.home-list time{border-radius:2px;background:#f2f6f7;color:#527a89}.home-list em,.home-status{border-radius:2px}.home-status{background:#f3f8db;color:#657a35}.home-issues>button{padding:13px 0;gap:12px}.home-issues>button:before{content:'';display:block;width:7px;height:7px;border-radius:50%;background:#70c1b3;border:3px solid #eaf6f3;flex:none;margin-top:3px}.home-issues>button:nth-child(3n+2):before{background:#eb547c;border-color:#fcebf0}.home-issues>button:nth-child(3n):before{background:#247ba0;border-color:#e9f2f6}
.cd-hero,.personal-hero,.competitor-profile,#followerDetail .detail-profile{border-radius:4px;background:#fff;border:1px solid var(--line);box-shadow:none}.cd-eyebrow,.personal-eyebrow{color:#247ba0}.cd-number,.cd-quick button>span{border-radius:50%;background:#e8f4f0;color:#4b9a8b}.cd-search,.tr-search,.design-search-form{border-radius:4px;box-shadow:none}.personal-hero-mark{border-radius:4px;background:#70c1b3;color:#fff}.personal-tabs>button,#mypageView .personal-tabs>button{border-radius:4px;box-shadow:none}.personal-storage,.personal-retention{border-radius:3px}.personal-storage meter::-webkit-meter-bar,.personal-storage meter::-webkit-meter-optimum-value{border-radius:0}
/* Fine chart grid, outline points, coordinated legends; source values unchanged. */
.chart-legend i,.tr-legend i,.campaign-legend i{border-radius:50%}.chart-line{stroke-width:2}.chart-point{fill:#fff;stroke-width:2}.chart-guide{stroke:#e4eaec;stroke-width:1}.follower-chart text,.tr-chart text,.campaign-chart text,.competitor-chart text{font-size:10px;fill:#83969f}.follower-chart line,.campaign-chart .grid line,.competitor-chart .grid line{stroke:#e6ecee;stroke-width:1}.home-change-spark path{stroke-width:1.6}.home-change-spark circle{fill:white;stroke:#247ba0;stroke-width:1.4}
#followerDetail .insight-panel{border-top:1px solid var(--line);border-radius:4px}#followerDetail .detail-metric.accent{background:#247ba0;border-radius:4px;box-shadow:none}#followerDetail .detail-metric{border-radius:4px}#followerDetail .detail-highlights .detail-metric{background:#f4f8ef}#followerDetail .weekday-row i{border-radius:0}#followerDetail .bar-likes,#followerDetail .bar-comments{border-radius:1px 1px 0 0}.campaign-summary>div,.competitor-stats>div,.tr-kpis>article,.stat{border-radius:3px;box-shadow:none}.campaign-post,.campaign-comparison{border-top:1px solid var(--line)}
.tr-table-scroll table th{background:#f4f7f7;font-size:11px;font-weight:600}.tr-table-scroll table td{font-size:12px}.tr-table-scroll tbody tr:nth-child(even){background:#fbfcfc}.company-head{border-radius:3px 3px 0 0}.issue-row{border-bottom:1px solid #ebeff0}.member-row{border-radius:3px}.member-number{border-radius:50%;background:#e2f1ec}.member-row.selected{border-left:3px solid #70c1b3}
/* Calendar.psd: neutral white cells, compact date circles and pastel event bands. */
#calendarView .toolbar,.major-toolbar{background:#fff;border:1px solid var(--line);border-radius:4px;padding:12px 16px;margin-bottom:14px}#calendarView .calendar{border-radius:3px;box-shadow:none}.weekdays,.major-weekdays{background:#f9fbfb;border-color:#e1e7e9;color:#768a94;font-size:11px}.day,.major-day{background:#fff;border-color:#e5eaec}.day.outside,.major-day.outside{background:#fafcfc}.day .number,.major-day .major-day-num{font-size:11px;color:#657b86;font-weight:500}.day.today .number,.major-day.today .major-day-num{background:#70c1b3;color:#173f3b;border-radius:50%}
.event{border-radius:2px;border-left-width:2px;box-shadow:none;font-size:11px}.event.feed{background:#e3f2ed;color:#386b60;border-left-color:#70c1b3}.event.reel{background:#e1edf4;color:#356580;border-left-color:#247ba0}.event.blog{background:#f0f5d9;color:#627132;border-left-color:#a9b96a}.event.creator,.event.experience{background:#f8e6ed;color:#9f4c68;border-left-color:#d9819e}.calendar-more,.major-more{color:#247ba0;background:#eff6f8;border-radius:2px}.major-event{border-radius:2px;box-shadow:none}.major-calendar{padding:18px}.major-grid{border-color:#e5eaec;border-radius:2px}.major-upcoming{border-radius:4px}.major-nav button,.date-nav button,.home-date-controls>button{border-radius:3px;box-shadow:none}.major-view-tabs button,.tabs button{border-radius:3px}.major-view-tabs button.active,.tabs button.active{color:#356b60;background:#e5f2ee;border-color:#b9dcd0}.shared-date-picker,.home-date-picker{border-radius:4px}.home-picker-grid button{border-radius:50%}.home-picker-grid button.has-data{color:#247ba0;background:#eaf5f4}.home-picker-grid button[aria-pressed=true]{background:#70c1b3;color:#163f3b}
/* One visual family for filters, dialogs and controls (no behavior changes). */
button.primary,.personal-primary,.campaign-primary,.competitor-primary,.cd-primary{background:#247ba0;border-color:#247ba0;color:#fff;border-radius:3px}.secondary,select,input:not([type=checkbox]):not([type=radio]),textarea{border-radius:3px}.dialog-head{background:#fafbfb;border-bottom:1px solid var(--line)}dialog{border-radius:5px;box-shadow:0 18px 70px #163d4b30}.dialog-head .close{border-radius:50%}.design-card,.hot-card,.report-book-card,.bible-card{border-radius:4px}.design-card-actions{border-top:1px solid #e7ecee;background:#fafcfc}.design-result-highlight{border-radius:3px}.bible-card .bible-cover,.bible-cover{border-radius:3px 3px 0 0}
/* Sign-in.psd: five-color top rule, centered compact panel and blue actions. */
.login{background:linear-gradient(90deg,#f2f4f5 0%,#f9fafb 48%,#f2f4f5 100%);padding:40px 20px;position:relative;box-sizing:border-box}.login:before{content:'';position:fixed;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#247ba0 0% 20%,#70c1b3 20% 40%,#b2dbbf 40% 60%,#f3ffbd 60% 80%,#eb547c 80%);z-index:2}.login-card{width:400px;max-width:100%;border:1px solid #dfe5e8;border-radius:4px;background:#fff;box-shadow:0 4px 22px #35546408;padding:32px;box-sizing:border-box}.login-card h1{font-size:21px;font-weight:550;border-bottom:1px solid #e7ecee;padding-bottom:20px;margin-bottom:24px}.login-card .logo{width:175px;max-width:80%;height:auto;margin-bottom:20px}.login-card input,.login-card select{border:1px solid #dce3e6;background:#fcfdfd;border-radius:2px;min-height:42px}.login-card .primary{background:#247ba0;border:1px solid #247ba0;border-radius:3px}.login-options{border-top:1px solid #e7ecee;padding-top:18px}.login-card .notice{font-size:12px}.loading-ring{border-color:#dfebe9;border-top-color:#70c1b3;border-right-color:#247ba0}
@media(min-width:781px) and (max-height:850px){#app .sidebar>nav{padding:7px 0;gap:1px}#app .sidebar>nav .menu{min-height:35px;padding-top:7px;padding-bottom:7px}.sidebar-member{padding-top:14px;padding-bottom:14px;min-height:66px}#app .sidebar>.sidebar-bottom{padding-top:8px;padding-bottom:7px;gap:5px}}
@media(min-width:781px) and (max-width:1180px){#app>.sidebar{width:248px;flex-basis:248px}#app .sidebar>nav .menu{padding-left:16px;padding-right:14px;gap:9px}#app .sidebar>nav .menu .menu-label{font-size:12px}.workspace>main{padding:18px}.workspace>header{padding:0 18px}.home-mix-widget{gap:12px}.home-mix-ring{width:125px;flex-basis:125px}.home-mix-widget .home-composition>div{grid-template-columns:65px minmax(10px,1fr) 25px;gap:5px}.home-kpi{padding:17px 14px}.home-kpi>i{width:28px;height:28px;right:12px}.home-card-head{flex-wrap:wrap;gap:6px}}
@media(max-width:780px){#app>.sidebar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0;width:100%;flex:0 0 auto;background:#07516e;overflow:hidden}#app>.sidebar>.brand{height:55px;min-height:55px;padding:0 13px;border:0;width:100%;grid-column:1;grid-row:1}.sidebar .brand .logo-full{width:146px}.sidebar-member{display:none}#app .sidebar>.sidebar-bottom{grid-column:2;grid-row:1;background:#fff;border:0;flex-direction:row;padding:8px 10px 8px 0;gap:5px;align-items:center}.sidebar-bottom .security-menu,.sidebar-bottom .sidebar-copyright{display:none}.sidebar-bottom #logout{color:#71848c;font-size:10px}.sidebar-bottom .mypage-account{background:#edf5f4;border-color:#d2e3e0;color:#366c67;padding:6px}.sidebar-bottom .mypage-account .menu-label{font-size:10px}.sidebar-bottom .mypage-account svg,.sidebar-bottom .admin-settings{color:#447b85}.sidebar-bottom .admin-settings{border-color:#d9e5e7;width:26px;height:28px}.sidebar-bottom .sidebar-account-actions{gap:3px}#app .sidebar>nav{grid-column:1/-1;grid-row:2;display:flex;flex-direction:row;padding:5px 7px;gap:3px;max-width:100vw;overflow-x:auto;overflow-y:hidden}#app .sidebar>nav .menu{width:auto;min-width:max-content;min-height:37px;padding:8px 10px;gap:7px;border-radius:2px}#app .sidebar>nav .menu .menu-label{font-size:11px;line-height:19px}#app .sidebar>nav .menu .menu-icon{width:15px;height:15px;flex-basis:15px}#app .sidebar>nav .menu.active{box-shadow:inset 0 -2px #f3ffbd}#app .sidebar>nav .dashboard-menu-pair .menu{padding:8px 10px;flex:none}#app .sidebar>nav .dashboard-menu-pair .menu-label{font-size:11px}.workspace>header{height:54px;min-height:54px;max-height:none;padding:7px 13px}.workspace>header h1{font-size:14px}.workspace>header .page-heading p{display:none}.workspace>header #refreshStatus{display:none}.workspace>header #syncMeta{font-size:8px}.workspace>main{padding:13px 12px 20px}.home-kpis{gap:10px}.home-kpi{padding:16px;min-height:121px}.home-kpi>strong{font-size:29px}.home-kpi>span{font-size:11px}.home-kpi>i{width:26px;height:26px;right:13px;top:43px}.home-card{padding:16px}.home-card-head{margin:-16px -16px 15px;padding:12px 16px;flex-wrap:wrap;gap:6px}.home-grid{gap:14px}.home-mix-widget{gap:15px;min-height:180px}.home-mix-ring{width:125px;flex-basis:125px}.home-mix-widget .home-composition>div{grid-template-columns:65px minmax(12px,1fr) 25px;gap:5px;font-size:10px}.home-mix-ring strong{font-size:23px}.home-mix-widget .home-composition>div>span{gap:4px}.home-publish-date{font-size:9px}#calendarView .toolbar,.major-toolbar{padding:9px;margin-bottom:10px}.major-calendar{padding:10px}.login-card{padding:25px}.login-options{flex-wrap:wrap}}
/* Override page-scoped legacy purple accents without changing data colors. */
.login-card{width:min(400px,calc(100vw - 40px));min-width:0}.login-card .login-option{border-radius:3px}.login-card .logo-full{width:175px}
#app .workspace :is(.home-card,.tr-card,.tr-search,.hot-card,.company-card,.follower-card,.latest-content-card,.cd-card,.campaign-list-card,.campaign-post,.campaign-comparison,.competitor-card,.competitor-panel,.personal-pdf-card,.report-book-card,.bible-card,.design-card,.major-calendar,.major-upcoming,.major-filters,.members-list,.member-editor,.insight-panel,.detail-metric,.major-highlight-card){border-radius:4px;box-shadow:var(--insight-shadow);border-color:var(--line)}
#app .workspace :is(.tr-section,.tr-tabs,.hot-toolbar,.report-filters,.bible-tools){border-radius:4px;border-color:var(--line);background:#f9fbfb}
#app .sidebar #myPageAccount.active{background:#70c1b32e;color:#fff;border-color:#96c9cc66;box-shadow:inset 3px 0 #f3ffbd}
#app .workspace :is(.tr-card,.hot-toolbar,.major-filters){border-top-width:1px}
#app .workspace :is(.campaign-legend button,.campaign-metric-tabs button,.competitor-tabs button,.personal-tabs button,.bible-tools input,.bible-tools select){border-radius:3px}
#app .workspace .personal-tabs>button{padding:19px;gap:12px}#app .workspace .personal-tabs>button strong{font-size:16px;word-break:keep-all}#app .workspace .personal-tabs>button svg{flex-shrink:0}
#app .workspace :is(.campaign-comparison,.competitor-panel)>h3{padding-bottom:13px;border-bottom:1px solid #e7ecee;font-size:15px}
#app .workspace .tr-chart-tip{background:#34464e;color:#fff;border:0;border-radius:3px;box-shadow:0 3px 12px #163a4b20}
#majorView .major-filters,#majorView .major-calendar,#majorView .major-highlight-card{border-radius:4px;border-color:var(--line);box-shadow:none}
#majorView .major-filters{border-top:1px solid var(--line);background:#fff}
#majorView .major-day.today .major-day-num{background:transparent;border-radius:0}
#majorView .major-day.today .major-day-num b{background:#70c1b3;color:#194c43;border-radius:50%}
#majorView .major-views{border-radius:3px;background:#f3f7f7}#majorView .major-views button{border-radius:3px}#majorView .major-views button.active{background:#e1f0e9;color:#386d61}
#homeView .home-kpi{min-height:125px}#homeView .home-composition>div{margin:14px 0}#homeView .home-mix-widget .home-composition{display:block}
@media(max-width:780px){.workspace>header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;overflow:hidden}.workspace>header .header-actions{width:auto;flex:0 0 auto;flex-wrap:nowrap}.workspace>header #syncMeta{display:none}.workspace>header .page-heading{flex:1}.workspace>header h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#homeView .home-kpi{min-height:126px}.home-mix-widget{min-height:165px}.home-card-head .home-publish-date{margin-left:0}}
@media print{#app>.sidebar,.workspace>header{display:none!important}.workspace>main{background:white}.home-card,.tr-card{box-shadow:none}.login:before{display:none}}

/* 2026-11-06: complete the Recommendation 02 palette and navigation interactions. */
#homeView .home-kpi.tone-0{background:#278b94}#homeView .home-kpi.tone-1{background:#307fa0}#homeView .home-kpi.tone-2{background:#4d917c}#homeView .home-kpi.tone-3{background:#cb5677}
#homeView .home-kpi,#homeView .home-kpi :is(strong,span,small,i){color:#fff}#homeView .home-kpi>i{opacity:.85}#homeView .home-kpi>i svg{color:#fff;stroke:none;fill:currentColor}
#followerDetail .detail-metric.accent,#followerDetail .detail-metric.accent :is(strong,span,small,svg){color:#fff}
#app>.sidebar>.brand{gap:8px;padding-left:20px;padding-right:14px;justify-content:space-between}.sidebar .brand #homeLogo{min-width:0;flex:1}.sidebar .brand .logo-full{width:165px}
#sidebarToggle{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;min-height:32px;padding:6px;background:transparent;border:1px solid transparent;border-radius:4px;color:#50727d;cursor:pointer}#sidebarToggle:hover,#sidebarToggle:focus-visible{background:#eaf3f4;border-color:#d5e5e9}#sidebarToggle svg{width:20px;height:20px;fill:currentColor}
#app .sidebar-member{padding-bottom:10px;min-height:64px}
#app .sidebar-user-actions{display:flex;align-items:center;gap:7px;padding:0 20px 15px;flex:none}
#app .sidebar-user-actions>button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:6px 10px;border:1px solid #ffffff30;border-radius:4px;background:#ffffff12;color:#fff;font-size:11px;line-height:18px;white-space:nowrap}
#app .sidebar-user-actions>.mypage-account{flex:1;background:#ffffff20}#app .sidebar-user-actions>.mypage-account .menu-label{font-size:11px}#app .sidebar-user-actions svg{height:15px;width:15px;color:#fff}#app .sidebar-user-actions>button:hover{background:#ffffff2c;border-color:#ffffff60}
#app .sidebar>nav .dashboard-menu-pair .menu{gap:5px;padding-left:10px;padding-right:8px}#app .sidebar>nav .dashboard-menu-pair .menu-icon{width:15px;flex-basis:15px}#app .sidebar>nav .dashboard-menu-pair .menu-chevron{width:9px;flex:0 0 9px;margin-left:auto}
#app .sidebar-bottom .sidebar-account-actions:has(>button[hidden]:only-child){display:none}
@media(min-width:781px){
 #app.sidebar-collapsed>.sidebar{width:72px;min-width:72px;max-width:72px;flex-basis:72px}
 #app.sidebar-collapsed>.sidebar>.brand{padding:0;justify-content:center}#app.sidebar-collapsed .brand #homeLogo{display:none}
 #app.sidebar-collapsed .sidebar-member{padding:16px 0 9px;justify-content:center}#app.sidebar-collapsed .sidebar-member>div{display:none}
 #app.sidebar-collapsed .sidebar-user-actions{padding:0 8px 8px;flex-direction:column;gap:4px}#app.sidebar-collapsed .sidebar-user-actions .mypage-account{width:34px;padding:7px}#app.sidebar-collapsed .sidebar-user-actions .menu-label{display:none}#app.sidebar-collapsed .sidebar-user-actions #logout{font-size:9px;padding:4px;border-color:transparent;background:none}
 #app.sidebar-collapsed .sidebar>nav .menu{justify-content:center;padding:11px 0;gap:0;min-width:0;width:100%}#app.sidebar-collapsed .sidebar>nav .menu :is(.menu-label,.menu-chevron){display:none}#app.sidebar-collapsed .sidebar>nav .menu .menu-icon{width:20px;height:20px;flex-basis:20px}
 #app.sidebar-collapsed .sidebar>nav .dashboard-menu-pair{flex-direction:column}#app.sidebar-collapsed .sidebar>nav .dashboard-menu-pair .menu{flex:none;width:100%;padding:11px 0}
 #app.sidebar-collapsed .sidebar-bottom{padding:10px 8px;align-items:center}#app.sidebar-collapsed .sidebar-bottom .security-menu span,#app.sidebar-collapsed .copyright-owner{display:none}#app.sidebar-collapsed .sidebar-copyright{display:flex;justify-content:center;padding-top:5px}.sidebar-collapsed .copyright-links{gap:3px}.sidebar-collapsed .copyright-links a{width:22px;height:22px}
 #app.sidebar-collapsed .workspace{flex:1;min-width:0;width:calc(100% - 72px)}
}
@media(max-width:780px){
 #app>.sidebar{grid-template-columns:minmax(0,1fr) auto}#app>.sidebar>.brand{grid-column:1;grid-row:1;padding:0 12px;height:55px;gap:10px;justify-content:flex-start}.sidebar .brand #homeLogo{flex:0 1 146px}.sidebar .brand .logo-full{width:146px}
 #app .sidebar-member{display:none}#app .sidebar-user-actions{grid-row:2;grid-column:1/-1;justify-content:flex-end;padding:6px 12px;background:#07516e;border-top:1px solid #ffffff15}#app .sidebar-user-actions>.mypage-account{flex:none}#app .sidebar-user-actions>button{min-height:28px;padding:3px 10px}
 #app .sidebar>nav{grid-row:3}#app.sidebar-collapsed .sidebar>nav{display:none}#app .sidebar>.sidebar-bottom{grid-row:1;grid-column:2}
}
/* Customer dashboard: compact colored service headers, matching the staff dashboard. */
#clienthomeView .cd-card{--tile:#278b94}#clienthomeView .cd-card[data-card=competitors]{--tile:#307fa0}#clienthomeView .cd-card[data-card=season]{--tile:#4d917c}#clienthomeView .cd-card[data-card=reports]{--tile:#cb5677}#clienthomeView .cd-card[data-card=bible]{--tile:#7a8052}#clienthomeView .cd-card[data-card=library]{--tile:#3b8897}
#clienthomeView .cd-card-heading{background:var(--tile);border-color:transparent;color:#fff}#clienthomeView .cd-card-heading :is(h2,h3,button,span,svg){color:#fff}#clienthomeView .cd-card-heading .cd-number{background:#ffffff20;border:1px solid #ffffff35;color:#fff}#clienthomeView .cd-card-heading .cd-link{background:transparent}
#clienthomeView .cd-quick button{border:1px solid #c9e1e0;background:#edf6f4}#clienthomeView .cd-quick button:nth-child(2n){background:#edf3f8;border-color:#cedfe9}#clienthomeView .cd-quick button:nth-child(3n){background:#f8edf1;border-color:#edd6df}
/* Remove only redundant filter/tab surfaces, leaving content cards intact. */
#reportsView .report-filters,#reportsView .report-filters label{background:transparent;border:0;box-shadow:none;padding:0}#reportsView .report-filters{align-items:center}#reportsView .report-filters select{background:#fff;color:#34434b;border:1px solid #d8e2e5;border-radius:4px}
#app #bibleView .bible-card{border-radius:14px;overflow:hidden;isolation:isolate}#bibleView .bible-card .bible-cover{border-radius:0;overflow:hidden;background:transparent}#bibleView .bible-cover img{display:block}#bibleView .bible-featured-progress{margin-bottom:0}
#trendsView .tr-result-scope{background:transparent;border:0;border-radius:0;box-shadow:none}#trendsView .tr-scope-header{background:transparent;border:0;border-radius:0;box-shadow:none;padding:4px 0 12px}#trendsView .tr-result-scope .tr-tabs{background:#fff;border:1px solid #dce5e7;border-radius:4px;padding:4px;gap:4px}#trendsView .tr-result-scope .tr-tabs button{border:0;border-radius:3px;box-shadow:none;background:transparent}#trendsView .tr-result-scope .tr-tabs button.selected{border:0;background:#e6f1ed;box-shadow:none;color:#376b62}#trendsView .tr-result-scope #trResult{padding:0;background:transparent}
/* Design insights: the same restrained blue/teal panels, headings and controls. */
#designView{color:#34434b}#designView .design-hero{background:#fff;border:1px solid #dce5e7;border-top:3px solid #278b94;border-radius:4px;box-shadow:none;padding:22px 24px 18px}#designView .design-hero:before,#designView .design-hero:after{display:none}#designView .design-hero h2{color:#34434b;font-size:23px;letter-spacing:-.6px;margin:0 0 7px}#designView .design-hero>p{color:#788b94;font-size:12px}
#designView .design-search{border:1px solid #cddfe2;border-radius:4px;box-shadow:none;background:#fff}#designView .design-search:focus-within{border-color:#278b94;box-shadow:0 0 0 3px #278b9412}#designView .design-search-field{background:transparent}#designView .design-search-field svg{color:#6a8c96}#designView .design-search input{color:#34434b;font-size:15px;background:transparent}#designView .design-primary{background:#247ba0;border:1px solid #247ba0;border-radius:3px;color:#fff;font-size:14px}
#app #designView .design-search-footer button,#designView .design-examples button{color:#527a86;border-color:#d5e5e8;background:#f4f8f9;border-radius:4px}#app #designView .design-search-footer button:hover{background:#e3f1ef;color:#256f66}
#designView .design-explore{background:transparent;border:0;padding:16px 0;margin:0;box-shadow:none}#designView .design-categories{gap:8px}#app #designView .design-categories>button{background:#fff;border:1px solid #dce5e7;border-radius:4px;box-shadow:none;padding:13px 6px;color:#677b85}#app #designView .design-categories>button strong{font-size:11px;font-weight:600;line-height:1.45}#app #designView .design-category-icon{background:#edf5f4;color:#398c81;border:0;border-radius:50%;width:38px;height:38px}#designView .design-category-icon svg{width:22px;height:22px}
#app #designView .design-categories>button[aria-pressed=true]{background:#e9f3f1;border-color:#75b3a6;box-shadow:inset 0 -3px #278b94;color:#256e64}#app #designView .design-categories>button[aria-pressed=true] .design-category-icon{background:#278b94;color:#fff}#app #designView .design-categories>button:hover{border-color:#83b9b2;background:#f5faf8}
#designView .design-photo-explore{background:#fff;border-color:#dce5e7;border-radius:4px}#designView .design-photo-categories button{color:#667c85;background:#f4f8f9;border-color:#dce5e7;border-radius:4px}#designView .design-photo-categories [aria-pressed=true]{color:#fff;background:#278b94;border-color:#278b94}
#designView .design-results-toolbar{padding:12px 0;border-bottom:1px solid #dce5e7;margin-bottom:12px}#designView .design-results-heading{font-size:17px!important;line-height:1.5;letter-spacing:-.3px;color:#344b56;font-weight:650}#designView .design-result-highlight{background:#e4f1eb;color:#276e60;padding:3px 7px}#designView .design-results-count{font-size:11px;color:#7d9098}#designView .design-sort,#designView .design-filters{color:#607b86;font-size:12px}#designView :is(select,.design-filters>summary){border-color:#d5e1e4;background:#fff;border-radius:4px;color:#405f6b}#designView .design-filters>div{border-color:#d5e1e4;border-radius:4px;box-shadow:0 12px 30px #23485815}#designView .design-scope-note{color:#7d8c94;font-size:11px;line-height:1.65}
#designView .design-card,#mypageView .design-card{border-radius:5px;border-color:#dce5e7}#designView .design-media,#mypageView .design-media{background:#eef3f4}#designView .design-media img,#mypageView .design-media img{background:#f7f9fa}#designView .design-placeholder,#mypageView .design-placeholder{background:#e8f0f2;color:#66828e}#designView .design-card-actions,#mypageView .design-card-actions{background:#f8fbfb;border-color:#e2e9eb}#designView .design-card-actions a,#mypageView .design-card-actions a{color:#347b8e}#designView .design-card h3,#mypageView .design-card h3{color:#344b56}#designView .design-card-status,#mypageView .design-card-status{color:#398377}#designView .design-badges :is(span,a),#mypageView .design-badges :is(span,a){background:#eef5f5;color:#62848b}
#designView [data-save][aria-pressed=true],#mypageView [data-save][aria-pressed=true],#mypageView .competitor-news [aria-pressed=true]{color:#26776c;background:#e6f3ef;border-color:#abd2c7}#designView .design-pagination button,#mypageView .design-pagination button{color:#477783;border-color:#d3e2e5}
/* My page: original PSD glyphs in colored circular medallions (decorative, not fake metrics). */
#mypageView .personal-hero{background:#fff;border:1px solid #dce5e7;border-top:3px solid #278b94;padding:24px 28px}#mypageView .personal-hero h2{font-size:27px;color:#344b56}#mypageView .personal-hero p{color:#7d8c94}#mypageView .personal-hero-mark{position:relative;width:100px;height:100px;background:#e8f5f1;border:1px solid #c6e5dc;border-radius:50%;overflow:visible;display:grid;place-items:center;flex:none;transform:none}
#mypageView .personal-hero-orbit{position:absolute;inset:-9px;border:2px solid #d6e8e7;border-top-color:#247ba0;border-right-color:#70b8a9;border-radius:50%;transform:rotate(-22deg)}#mypageView .personal-hero-mark .personal-hero-icon{width:52px;height:52px;color:#278b94;fill:currentColor;stroke:none}#mypageView .personal-hero-mini{position:absolute;right:-5px;bottom:-3px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#cb5677;border:3px solid #fff;color:#fff}#mypageView .personal-hero-mini svg{width:23px;height:23px;fill:currentColor;stroke:none}
#mypageView .personal-tabs>button{border:1px solid #dce5e7;border-radius:5px;box-shadow:none;background:#fff;padding:20px 16px;gap:13px}#mypageView .personal-tabs>button>span:nth-child(2){min-width:0}#mypageView .personal-tabs>button strong{font-size:14px;color:#344b56}#mypageView .personal-tabs>button small{font-size:11px;color:#7c8e96}#mypageView .personal-tabs>button[aria-pressed=true]{background:#f2f8f6;border-color:#84bcb0;box-shadow:inset 0 -3px #278b94}
#mypageView .personal-visual{--badge:#278b94;--wash:#e1f1ed;position:relative;display:grid;place-items:center;width:60px;height:60px;flex:0 0 60px;border-radius:50%;background:conic-gradient(var(--badge) 0deg 110deg,var(--wash) 110deg 360deg);padding:5px;box-sizing:border-box}#mypageView .personal-visual:before{content:'';position:absolute;inset:4px;border:4px solid #fff;border-radius:50%;background:var(--wash)}#mypageView .personal-visual svg{position:relative;width:33px;height:33px;stroke:none;fill:currentColor;color:var(--badge)}#mypageView .personal-visual-pdf{--badge:#cb5677;--wash:#f8e7ec}#mypageView .personal-visual-campaign{--badge:#247ba0;--wash:#e2edf6}#mypageView .personal-visual-competitor{--badge:#809350;--wash:#edf2dd}
#mypageView .competitor-news [data-save][aria-pressed=true]{background:#e6f3ef;color:#26776c;border-color:#a9d2c6}#mypageView .personal-primary,#mypageView .personal-download{background:#247ba0;border-color:#247ba0;color:#fff}
@media(max-width:780px){#designView .design-hero{padding:17px 15px}#designView .design-hero h2{font-size:20px}#designView .design-results-heading{font-size:16px!important}#designView .design-categories{gap:6px}#app #designView .design-categories>button{padding:11px 4px}#app #designView .design-categories>button strong{font-size:10px}#app #designView .design-category-icon{height:34px;width:34px}#mypageView .personal-hero{padding:22px 18px;gap:15px}#mypageView .personal-hero-mark{width:65px;height:65px}#mypageView .personal-hero-mark .personal-hero-icon{width:35px;height:35px}#mypageView .personal-hero h2{font-size:23px}#mypageView .personal-tabs>button{padding:15px 12px}#mypageView .personal-visual{width:52px;height:52px;flex-basis:52px}}
@media(prefers-reduced-motion:no-preference){#app>.sidebar{transition:width .18s,flex-basis .18s}#app #designView .design-categories>button{transition:background .15s,border-color .15s}}

#app .sidebar nav .menu-chevron{display:block}@media(min-width:781px){#app.sidebar-collapsed .sidebar nav .menu-chevron{display:none}}

#designView .design-results-heading.has-search-result{color:#276e60;background:#e4f1eb;border:1px solid #c7e1d8;border-radius:4px;padding:6px 10px}

#mypageView .design-status{background:#f2f7f8;border-color:#d8e5e8;color:#4d737f}#mypageView .design-library-header button{border-color:#cfdfe4;color:#347b8e;background:#fff}

/* Brand signature stays with the logo; collapsing the rail hides both together. */
#app .sidebar .brand #homeLogo{flex-direction:column;align-items:flex-start;justify-content:center;gap:4px}
#app .sidebar .brand .brand-tagline{display:block;width:165px;max-width:100%;margin:0;padding:0;color:#111;font-size:10.5px;font-weight:500;line-height:12px;letter-spacing:.8px;white-space:nowrap;text-align:center;text-align-last:center}
@media(max-width:780px){#app .sidebar .brand #homeLogo{gap:3px}#app .sidebar .brand .brand-tagline{width:146px;font-size:9.3px;line-height:11px;letter-spacing:.6px}}

/* Keep every composition row visible; ring and legend share the same categories. */
#homeView .home-mix-widget .home-compact-composition{display:grid;grid-auto-rows:minmax(34px,auto);height:auto;min-height:170px;align-content:center;overflow:visible}
#homeView .home-mix-widget .home-compact-composition>div{height:auto;min-height:34px;margin:0;grid-template-columns:76px minmax(12px,1fr) 30px}
#homeView .home-mix-widget .home-compact-composition>div>span{white-space:nowrap}
@media(max-width:780px){#homeView .home-mix-widget{gap:12px}#homeView .home-mix-widget .home-compact-composition>div{grid-template-columns:68px minmax(10px,1fr) 27px}}

/* Footer actions follow the same keyboard and visual order. */
#app .sidebar .copyright-links .admin-settings:not([hidden]) {
  display:inline-flex; align-items:center; justify-content:center; padding:0;
  width:26px; height:26px; color:inherit; background:transparent;
}
#app .sidebar .copyright-links .admin-settings[hidden] {display:none}
#app .sidebar .copyright-links .admin-settings:focus-visible {outline:2px solid currentColor;outline-offset:2px}
#app .sidebar .sidebar-copyright {margin-top:0}
#app .sidebar #showSecurity {align-self:flex-start}
#app .sidebar>nav .menu .menu-chevron {width:15px;height:15px;flex:0 0 15px;stroke-width:3;color:#d8edf5}
#app:not(.sidebar-collapsed) #sidebarToggle {color:#304c59}
#app:not(.sidebar-collapsed) #sidebarToggle svg {width:24px;height:24px;stroke:currentColor;stroke-width:.35}
@media(min-width:781px) {
  #app:not(.sidebar-collapsed)>.sidebar>.brand {height:80px;min-height:80px}
  #app.sidebar-collapsed .sidebar-bottom .copyright-links {gap:1px}
  #app.sidebar-collapsed .sidebar-copyright .copyright-links>*:not([hidden]) {width:21px;height:24px;flex:none}
  #app.sidebar-collapsed .sidebar #showSecurity {align-self:center}
}
@media(max-width:780px) {
  #app>.sidebar>.brand {height:71px;min-height:71px}
  #app .sidebar>.sidebar-bottom {grid-column:1/-1;grid-row:4;background:transparent;align-items:center;flex-direction:column;gap:2px;padding:3px 12px 5px}
  #app .sidebar .sidebar-copyright {display:flex;color:#d7e7ee}
  #app .sidebar .sidebar-copyright .copyright-links a {color:inherit}
  #app .sidebar #showSecurity {display:inline-flex;color:#d7e7ee}
}

/* Navigation groups keep the existing grants and button icons. */
#mainNavigation .nav-group{padding:9px 0 5px;margin:6px 0 0;border-top:1px solid #ffffff26}
#mainNavigation .nav-group-title{margin:3px 20px 8px;color:#c2dde7;font-size:10px;line-height:1.5;font-weight:600;letter-spacing:.08em}
#mainNavigation .nav-group[hidden]{display:none}
#app.sidebar-collapsed #mainNavigation .nav-group-title{font-size:0;margin:0;height:0}
#app.sidebar-collapsed #mainNavigation .nav-group{padding-top:5px}
@media(max-width:780px){
 #app .sidebar>#mainNavigation{display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:0;max-height:300px;overflow-y:auto;overflow-x:hidden;width:100%;min-width:0}
 #app.sidebar-collapsed .sidebar>#mainNavigation{display:none}
 #mainNavigation .nav-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0}
 #mainNavigation .nav-group-title{grid-column:1/-1;margin:3px 14px 5px}
 #app #mainNavigation .nav-group .menu{min-width:0;width:100%;margin:0;padding:9px 12px;justify-content:flex-start}
 #app #mainNavigation .nav-group .menu-label{white-space:normal}
 #app #mainNavigation .dashboard-menu-pair{width:100%;flex:none}
}
.erp-help-button.tr-provider-help{box-sizing:border-box;display:grid;place-items:center;flex:0 0 18px;width:18px;min-width:18px;height:18px;min-height:18px;padding:0!important;margin:0!important;border:1px solid #77978b;border-radius:50%;background:#fff;color:#416b5c;font-size:11px;font-weight:700;line-height:1;cursor:help}
.erp-help-tip{position:fixed;z-index:10000;width:max-content;max-width:min(440px,calc(100vw - 16px));box-sizing:border-box;padding:14px 16px;border:1px solid #c7dbd2;border-radius:10px;background:#fff;box-shadow:0 8px 25px #173a3620;line-height:1.7;font-size:12px;color:#526a61;white-space:normal;pointer-events:none}
.erp-help-tip[hidden]{display:none}.erp-help-tip ul{margin:0;padding-left:18px}.erp-help-tip li{padding:3px 0}
#followerDetail .detail-more{display:flex;flex-direction:column;align-items:center;gap:8px;margin:18px 0}
#followerDetail .detail-more p{font-size:12px;color:var(--muted);margin:0}
#followerDetail .detail-follower-panel .follower-chart{width:100%;max-width:660px;display:block;margin:auto}

/* Shared search history: independent search/remove targets, never nested buttons. */
:is(#trendsView,.rv-page) .recent-search-chip{position:relative;display:inline-flex;align-items:stretch;min-height:52px;max-width:100%;border:1px solid var(--line,#e1e6e8);border-radius:4px;background:#f7fafb;overflow:hidden}
:is(#trendsView,.rv-page) .recent-search-chip .recent-search-word{min-height:52px;min-width:94px;max-width:100%;margin:0;padding:12px 52px 12px 16px!important;border:0;background:transparent;color:var(--psd-blue,#247ba0);font-family:inherit;font-weight:600;font-size:14px!important;line-height:1.6;overflow-wrap:anywhere;white-space:normal;text-overflow:clip;text-align:left}
:is(#trendsView,.rv-page) .recent-search-chip .recent-search-remove{position:absolute;top:0;right:0;display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;min-height:44px;margin:0;padding:0!important;border:0;border-radius:0;background:transparent;color:#536873;font-size:24px!important;line-height:1;cursor:pointer}
:is(#trendsView,.rv-page) .recent-search-chip button:hover{background:#e7f1f5}
:is(#trendsView,.rv-page) .recent-search-chip button:focus-visible{outline:2px solid var(--psd-blue,#247ba0);outline-offset:-3px}
:is(#trendsView,.rv-page) .recent-search-chip button:disabled{opacity:.5;cursor:wait}

/* All seven weekday bars have exactly the same track and numeric columns. */
#followerDetail .weekday-row{display:grid;grid-template-columns:18px minmax(0,1fr) 60px 66px;gap:7px;align-items:center}
#followerDetail .weekday-row>div{width:100%;min-width:0;flex:none;height:10px}
#followerDetail .weekday-row b,#followerDetail .weekday-row small{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
#followerDetail .post-badges{justify-content:flex-start;gap:6px;padding:6px 8px;min-height:44px;flex-wrap:nowrap}
#followerDetail .post-badges :is(.post-rank,.post-kind){flex:none;padding:3px 5px;font-size:11px;white-space:nowrap}
#followerDetail .post-badges .campaign-check{display:flex;align-items:center;gap:4px;min-height:32px;padding:0;margin:0 0 0 auto;background:transparent;font-size:11px;white-space:nowrap}
#followerDetail .post-badges .campaign-check input{flex:none;width:17px;height:17px;margin:0}
#followerDetail .post-badges .campaign-check b{min-width:18px;line-height:18px;margin:0}

/* The same renderer is used by engagement and both competitor tabs. */
.follower-chart .chart-line{fill:none;stroke:var(--trend,var(--psd-blue,#247ba0));stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.follower-chart .chart-point{fill:white;stroke:var(--trend,var(--psd-blue,#247ba0));stroke-width:2.5}
.follower-chart .chart-value{font-size:12px;fill:var(--ink,#34434b);font-weight:650}
.follower-chart .chart-date{font-size:11px}
.competitor-instagram-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch;margin-bottom:18px}
.competitor-instagram-summary>:is(.competitor-panel,.ci-rating){min-width:0;margin:0;padding:20px;border:1px solid var(--line);border-radius:4px;background:white}
.competitor-instagram-summary .ci-rating{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(0,1fr);gap:14px;align-items:center}
.competitor-instagram-summary .ci-rating .ci-score-ring{width:112px;height:112px}
.competitor-instagram-summary .ci-rating .grade-pair{flex-wrap:wrap;gap:8px}
.competitor-instagram-summary .ci-rating .grade-medal{width:56px;height:56px;font-size:28px}
.competitor-instagram-summary .ci-rating .ci-rating-history{min-height:0;width:100%;height:auto}
.follower-day-panel .ci-growth small{font-size:11px;font-weight:400;color:var(--muted)}
.follower-day-panel .competitor-section-title{flex-wrap:wrap;gap:8px}
.follower-day-panel [data-follower-chart]{max-width:660px;margin:auto}
@media(max-width:780px){.competitor-instagram-summary{grid-template-columns:1fr}.competitor-instagram-summary .ci-rating{grid-template-columns:minmax(110px,.65fr) minmax(0,1fr)}#followerDetail :is(.top-posts,.recent-posts){grid-template-columns:1fr}#followerDetail .top-posts>.instagram-post{grid-column:auto}}
#followerDetail .detail-follower-panel .detail-section-title span{font-size:12px;color:var(--muted)}
#followerDetail .engagement-column:focus-visible{outline:2px solid var(--psd-blue);outline-offset:3px}

.search-input-wrap{display:block;position:relative;min-width:0}.search-input-wrap>input{width:100%;padding-left:40px!important}.search-input-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:25px;line-height:1;color:var(--psd-blue);pointer-events:none}.wb-brand-search .wb-form{grid-template-columns:2fr 1fr 1.4fr}
@media(min-width:781px){#app:not(.sidebar-collapsed)>.sidebar>.brand,#app.sidebar-collapsed>.sidebar>.brand{height:64px;min-height:64px;padding-top:0;padding-bottom:0}.workspace>header{height:64px;min-height:64px;box-sizing:border-box}}
@media(max-width:780px){.wb-brand-search .wb-form{grid-template-columns:1fr}}