/* Recommendation 02 PSD / style page: #247BA0, #70C1B3, #B2DBBF,
   #F3FFBD, #EB547C. Adapted for legible live analytics, never sample data.
   Presentation only: existing layout, navigation and source colors remain. */
:root{--bg:#f3f6f7;--ink:#293c46;--muted:#687d87;--line:#e0e8ec;--panel-blue:#247ba0;--panel-teal:#70c1b3;--panel-mint:#b2dbbf;--panel-lime:#f3ffbd;--panel-rose:#eb547c;--insight-shadow:0 2px 4px #244d5c03,0 7px 24px #244d5c05}
body{background:var(--bg);color:var(--ink)}
.workspace>header{border-bottom-color:var(--line);box-shadow:0 2px 12px #244d5c04}
#app>.sidebar{border-right-color:#dce7eb;background:linear-gradient(180deg,#fff 65%,#f5faf9)}
.sidebar .menu:not(.active){color:#596c77}.sidebar .menu:not(.active) .menu-icon{color:#819ba6}
.sidebar .menu:hover{background:#eef6f7}.sidebar .menu.active{background:#e6f4ed;color:#16734a;box-shadow:inset 3px 0 #329766}
.sidebar .menu.active .menu-icon{color:#25875c}.sidebar-bottom{border-top-color:var(--line)}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--panel-blue);outline-offset:3px}
:is(.home-card,.tr-card,.tr-search,.tr-provider,.hot-card,.company-card,.follower-card,.latest-content-card,.major-calendar,.major-upcoming,.major-filters,.cd-card,.campaign-list-card,.campaign-post,.campaign-comparison,.competitor-card,.competitor-panel,.personal-pdf-card,.report-book-card,.bible-card,.members-list,.member-editor){border-color:var(--line);box-shadow:var(--insight-shadow)}
:is(.home-card,.tr-card,.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){border-radius:12px;background:#fff}
:is(.home-card-head,.cd-card-heading,.company-head){border-bottom-color:#e9eff1}
.home-card-head h3,.tr-card h3,.company-head h3{color:#2b424e;letter-spacing:-.35px}
.home-card-head h3{display:flex;align-items:center;gap:8px}.home-card-head h3:before{content:"";width:3px;height:14px;border-radius:2px;background:var(--panel-teal);flex:none}
.home-link,.cd-link{color:#246f8c}.home-list time{background:#eff6f8;color:#386b7e;border:1px solid #e0edf0}
.home-list>button,.home-issues>button,.home-posts>button{border-bottom-color:#eaf0f2}
.home-list button:hover,.home-posts button:hover,.home-issues button:hover{background:#f5faf9}
.home-kpi{border:1px solid #ffffff66;box-shadow:0 5px 15px #244d5c0a}
.home-kpi.tone-0{background:#247ba0;color:#fff}.home-kpi.tone-1{background:#d3eee7;color:#224e47}.home-kpi.tone-2{background:#e5f2db;color:#405b39}.home-kpi.tone-3{background:#f9e4ec;color:#82445b}
.home-kpi>strong{font-weight:700;letter-spacing:-1.1px}.home-kpi>i{width:34px;height:34px;opacity:.35}.home-kpi>i svg{width:100%;height:100%}
.home-composition .tone-0{background:#247ba0}.home-composition .tone-1{background:#55a99a}.home-composition .tone-2{background:#8dbb9d}.home-composition .tone-3{background:#cd7995}
.home-track{height:8px;background:#edf2f3;border-radius:10px}.home-track i{border-radius:10px}
.home-publish-list .home-publish-platform,.home-publish-list .home-publish-kind{display:inline-flex;align-items:center;justify-content:center;flex:0 0 25px;width:25px;height:25px;padding:3px;box-sizing:border-box}
.home-publish-platform svg,.home-publish-kind svg{display:block;width:19px;height:19px;flex:none}.home-publish-platform:has(.insight-blog-icon),.home-publish-kind:has(.insight-blog-icon){color:#168650;background:#eaf5ee}
.home-change-spark{color:var(--panel-blue)}.home-change-spark path{stroke:currentColor}.home-change-spark circle{fill:currentColor}
.cd-hero{background:linear-gradient(110deg,#e4f2f1,#f5f8ee);border-color:#d5e7e5}.cd-eyebrow{color:#31778a}.cd-search{border-color:#cfdfe4;box-shadow:0 2px 8px #247ba008}
.cd-search button,.cd-actions .cd-primary{background:#247ba0;border-color:#247ba0}.cd-card-heading{background:#fafcfc}.cd-number{color:#247ba0}.cd-account-value strong{color:#247ba0}
.cd-quick button{border-color:var(--line)}.cd-quick button>span{background:#edf7f4;color:#367d73}.cd-quick button:hover{background:#f3faf8;border-color:#a7cdc3}
.cd-quick button>span svg{width:18px;height:18px}.cd-number{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;background:#edf6f8;border-radius:7px;flex:none}.cd-number svg{width:16px;height:16px}
.personal-hero{background:linear-gradient(115deg,#e0f1ee,#edf4f8 65%,#f3f7e7);border:1px solid #d4e5e5;color:#254653;box-shadow:var(--insight-shadow)}
.personal-hero h2{color:#254653}.personal-eyebrow{color:#326e7a}.personal-hero-mark{color:#247ba0;background:#ffffff80}
#mypageView .personal-tabs>button{border-color:var(--line);box-shadow:var(--insight-shadow)}#mypageView .personal-tabs>button[aria-pressed=true]{background:#edf7f5;border-color:#80bbaf;box-shadow:inset 0 3px #55a99a}
.personal-tabs b{color:#247ba0}.personal-tabs svg{stroke:#247ba0}.personal-tabs [aria-pressed=true] svg{stroke:#247ba0;fill:#d4ebe6}.personal-hero-mark svg{fill:#d4ebe6}.personal-retention strong{color:#52643c}
.personal-tabs>button svg,.personal-tabs .personal-pdf-symbol{color:#247ba0}.personal-tabs .personal-pdf-symbol{background:#eef6f8}
.personal-tabs .personal-pdf-symbol svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.7}
.personal-retention{background:#f6f9ed;border-color:#e4eacb;color:#53623c}.personal-pdf-top .personal-pdf-symbol{background:#eaf4f7;color:#247ba0}
.personal-storage{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;padding:12px 15px;background:#fff;border:1px solid var(--line);border-radius:10px;margin:12px 0;font-size:12px;color:var(--muted)}
.personal-storage[hidden]{display:none}.personal-storage label{display:flex;align-items:center;gap:10px;flex:1 1 190px}.personal-storage meter{height:10px;width:100%;max-width:220px;accent-color:#55a99a}.personal-storage meter::-webkit-meter-bar{background:#edf2f3;border:0;border-radius:8px}.personal-storage meter::-webkit-meter-optimum-value{background:#55a99a;border-radius:8px}
.personal-download,.personal-primary{background:#247ba0;color:white;border-color:#247ba0}
.campaign-summary>div,.campaign-summary>article,.competitor-stats>div,.tr-kpis>article,.stat{border-color:var(--line);background:#fff;box-shadow:var(--insight-shadow)}
.campaign-summary strong,.campaign-list-numbers b{font-variant-numeric:tabular-nums}.campaign-primary{background:#247ba0;border-color:#247ba0;color:#fff}
.campaign-state{background:#e8f4ee;color:#307458}.campaign-post,.campaign-comparison{border-color:#dce7eb}
#followerDetail .detail-profile{background:linear-gradient(115deg,#fff 55%,#edf7f5);border-color:var(--line)}
#followerDetail .detail-avatar{border-color:#70c1b3}#followerDetail .eyebrow,#followerDetail .text-btn{color:#247ba0}
#followerDetail .detail-actions .primary,#followerDetail .detail-metric.accent{background:linear-gradient(115deg,#247ba0,#28657c);border-color:#247ba0;box-shadow:0 5px 14px #247ba012}
#followerDetail .detail-highlights .detail-metric{background:#f3f9f7;border-color:#dfece6}
#followerDetail .detail-metric,#followerDetail .insight-panel{border-color:var(--line);box-shadow:var(--insight-shadow)}
#followerDetail .chart-legend i:first-child,#followerDetail .bar-likes{background:#247ba0}
#followerDetail .chart-legend i:last-child,#followerDetail .bar-comments{background:#55a99a}
#followerDetail .weekday-row i{background:#247ba0}#followerDetail .weekday-row.limited i{background:#b2dbbf}
#followerDetail .hashtag-list>span{background:#edf7f5;color:#38786b}#followerDetail .post-rank{background:#247ba0}
#followerDetail .daily-bar-pair{border-bottom-color:#dce7eb}#followerDetail .daily-bar-slot .bar-value{color:#536d79}
.competitor-card{border-top-color:#70c1b3}.competitor-profile,.competitor-overview{border-color:var(--line)}
.tr-table-scroll table th{background:#f1f7f8;color:#456573}.tr-table-scroll table td,.tr-table-scroll table th{border-color:#e6eef0}.tr-table-scroll tbody tr:nth-child(even){background:#fbfdfd}.tr-table-scroll tbody tr:hover{background:#eef7f5}
.tr-method{background:#f6f9fa}.tr-chart text{fill:#687d87}.tr-chart{font-variant-numeric:tabular-nums}
.tr-search,.design-search-form{border-color:#d6e3e6;box-shadow:0 3px 12px #244d5c04}
.design-card{border-color:var(--line);box-shadow:var(--insight-shadow)}.design-card:hover{border-color:#a9c5cd;box-shadow:0 8px 22px #244d5c10}
.hot-card{border-color:var(--line)}.hot-card:hover{box-shadow:0 8px 22px #244d5c10}
.report-book-card,.bible-card{border-color:#dfe8eb}.report-index{border-color:var(--line);background:#fff}
.members-list,.member-editor{background:#fff}.member-number{background:#eaf4f7;color:#247ba0}.member-row.selected{background:#edf7f5;border-color:#9bcbbb}
dialog{border-color:#dce7eb;box-shadow:0 24px 90px #23444f26}dialog::backdrop{background:#17354155;backdrop-filter:blur(3px)}
.dialog-head{border-bottom-color:#e4ecef}.home-date-picker,.shared-date-picker{border-color:#d8e5e9;box-shadow:0 14px 45px #274e611a}
.login{background:radial-gradient(ellipse at 20% 20%,#def1ea,transparent 55%),#f2f6f8}.login-card{border-color:#dae7e9;box-shadow:0 16px 80px #244d5c12}
@media(prefers-reduced-motion:no-preference){.cd-card,.design-card,.hot-card{transition:box-shadow .15s ease,border-color .15s ease}}
@media(max-width:600px){.home-kpi>i{width:21px;height:21px;top:13px;right:12px;opacity:.28}.home-kpi>span{padding-right:20px}.home-card-head h3{font-size:13px;gap:5px}.home-card-head h3:before{width:2px}.home-publish-list .home-publish-platform,.home-publish-list .home-publish-kind{flex-basis:22px;width:22px;height:22px}}
@media print{body{background:white}.home-card,.tr-card,.cd-card{box-shadow:none}dialog::backdrop{backdrop-filter:none}}
