/* Unified presentation pass. Brand palette and compact comparison are preserved. */
:root{--ui-border:#d9cdbc;--ui-control-border:#b79b70;--ui-hover:#efe3d0;--ui-panel:#f7f5f0;--ui-primary:linear-gradient(110deg,#dfc183,#eddbaf);--ui-title-section:19px}
body{letter-spacing:.005em}button{font-weight:500;transition:background .15s,border-color .15s,box-shadow .15s}button:hover:not(:disabled){box-shadow:0 2px 7px #1736400a}button.primary{font-weight:600;border-color:#bfa16b}button:disabled{opacity:.45}button.quiet-action{background:transparent;border-color:transparent;color:var(--ui-muted);font-size:12px}button.quiet-action:hover{border-color:var(--ui-border)}
header{border-bottom:0;padding:18px 30px;gap:20px}header small{font-size:12px;line-height:1.5}header img{width:78px;height:54px}header label{font-weight:500}header select{border-color:var(--ui-border);background-color:#fffdf8}#identity{background:#eae6dc;color:#42575b;padding:6px 12px}
nav{position:sticky;top:0;z-index:30;padding:9px 28px;gap:5px;border-bottom:0;box-shadow:0 5px 16px #102b360b}nav button{font-size:13px;min-height:38px;padding:9px 13px;border-radius:8px}nav button.active{background:#ead7b0;border-color:transparent}nav button:hover:not(:disabled){border-color:transparent}
main{padding-top:24px;padding-bottom:50px}.month-controls{margin-bottom:16px}.month-controls button{border-color:var(--ui-border);font-size:12px;min-height:36px;padding:8px 11px}.month-hero{padding:28px 30px;border-radius:18px;background:linear-gradient(120deg,#142e38,#21444b);margin-bottom:24px;box-shadow:0 7px 22px #1736400a}.month-hero h1{font-size:clamp(29px,3.3vw,40px);font-weight:550;letter-spacing:-1px;margin-bottom:10px}.month-hero p:not(.eyebrow){font-size:13px;opacity:.88;max-width:660px}.eyebrow{font-size:10px;letter-spacing:1.6px}.month-hero .primary{flex-shrink:0}
.card{box-shadow:0 3px 14px #17364004;border-color:var(--ui-border);border-radius:16px}.month-summary-grid{gap:14px;margin:20px 0 26px}.month-summary-grid>.card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-height:122px;margin:0;padding:20px 22px}.month-summary-grid .number{font-size:32px;line-height:1.1;letter-spacing:-1px;font-weight:650}.month-summary-grid small{font-size:12px}.month-intro{padding:5px 2px 14px}.monthly-section{margin-top:28px}.month-summary{line-height:1.75}.notice{padding:16px 20px;border-radius:13px;border:1px solid #d3e4d9;background:#eaf2eb;margin-bottom:24px}.notice p{margin:5px 0 0;font-size:12px}.notice strong{font-size:13px}.notice .row>.row{gap:5px}
.content-filters{background:#efede6;border:1px solid #e0d8cb;padding:14px 16px;border-radius:12px;gap:14px}.content-card{padding:20px}.content-card .content-preview{border-radius:12px;background:#233f47;margin-bottom:18px}.content-card h2{font-size:18px;line-height:1.4;letter-spacing:-.25px}.card-labels{gap:8px}.content-card .row:last-child{gap:10px}.content-card .row:last-child button{font-size:12px}.archive-card{border-color:var(--ui-border);min-height:205px;padding:24px;box-shadow:0 3px 16px #17364005}.archive-card:hover{border-color:#bea37a}.archive-card h2{font-size:22px}.archive-icon{width:40px;height:40px;border-radius:10px}
.results-help{margin:10px 0 20px;color:var(--ui-muted);font-size:12px;border-left:2px solid #d3c3a7;padding-left:12px}.results-help summary{cursor:pointer;width:fit-content}.results-help[open] summary{margin-bottom:10px;color:var(--ui-ink);font-weight:600}.results-help p{max-width:820px;margin-bottom:8px}.results-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;margin:18px 0 12px;padding:16px;background:#eeeae1;border:1px solid #e0d7c8;border-radius:13px}.results-controls label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:500;min-width:140px}.results-controls .results-search{flex:1;min-width:200px}.results-controls input,.results-controls select{height:40px;font-size:12px;background-color:var(--ui-surface)}.results-count{font-size:11px;color:var(--ui-muted);padding:0 0 11px;white-space:nowrap}.ig-view-switch{display:inline-flex;gap:3px;padding:4px;background:#eae6dc;border-radius:10px;margin:4px 0 18px}.ig-view-switch button{border:0;min-height:34px;font-size:12px;background:transparent;padding:7px 13px;border-radius:7px}.ig-view-switch button[aria-pressed=true]{background:var(--ui-menu);color:var(--ui-menu-ink);box-shadow:0 2px 5px #17364015}
.table-scroll{border-color:#d8cebe;border-radius:14px}.ig-comparison th,.ig-comparison td{border-bottom-color:#e2dace}.ig-comparison tbody td:nth-child(5){background:#e9f0ec}.ig-comparison tbody td:nth-child(6){background:#f3eddf}.ig-comparison .ig-category{border-left-color:#e3dbce;border-right-color:#e3dbce}.ig-comparison .ig-category .content-tags{gap:5px}.ig-comparison thead th{font-weight:550;padding-top:17px;padding-bottom:17px}.ig-comparison .ig-thumbnail{border-color:#d0c5b2;border-radius:9px}.ig-comparison .metric-icon{opacity:.85}.ig-comparison .ig-edit-characteristics{color:#698084}.ig-comparison .ig-edit-characteristics:hover{background:#e9e3d6}.ig-comparison .ig-format-above-title{margin-bottom:8px}
.instagram-result-card{border-color:#ddd3c4;box-shadow:0 3px 18px #17364004}.instagram-result-top{padding:22px;gap:24px}.instagram-result-top .ig-category{border-color:#e1d7c7}.ig-stats-grid{background:#f2eee5;border-top-color:#ded4c3}.ig-stat{border-color:#e0d6c6}.ig-stat dt{font-size:11px}.instagram-result-top .ig-publication a{font-weight:550}.format-label,.content-tag{letter-spacing:0}.content-tags .tag-theme{background:#eee7f3}.ig-category .content-tags .content-tag{border-radius:6px}
.review{gap:22px}.review-labels{gap:8px;margin:12px 0 24px}.review aside>.card{background:var(--ui-surface);color:var(--ui-ink);border-color:var(--ui-border)}.review aside :is(small,.hint,.saved){color:var(--ui-muted)}.review aside textarea{background:#fffdf9;border-color:#cbbb9f}.review aside button{font-size:12px}.review aside #approve{background:#dcece1;border-color:#9ab9a5;color:#245e3e}.review aside #changes{border-color:#d2b5a0}.review aside #refreshComments{margin-top:14px;background:transparent;border-color:var(--ui-border)}.comment{border-color:#e2d7c7;padding:18px 0}.comment p{font-size:13px;line-height:1.65}.viewer{border-radius:16px;background:#1c3943;padding:20px}.toolbar button{font-size:12px}.post-metrics>div{border-color:#e1d7c7}
dialog{border-color:#d1c1a8;border-radius:20px;padding:26px;box-shadow:0 22px 90px #081f3440}dialog::backdrop{background:#102b367a;backdrop-filter:blur(3px)}#closeModal{position:sticky;top:0;z-index:4;width:34px;height:34px;min-height:34px;padding:5px;border-radius:50%;border-color:var(--ui-border);background:var(--ui-surface);font-size:0;margin-bottom:10px}#closeModal:after{content:'×';font-size:24px;line-height:1}#closeModal:hover{background:#eee7da}#modalBody>h2{font-size:22px;letter-spacing:-.4px;margin-bottom:18px}#modalBody>p{font-size:13px;line-height:1.6}.form-grid{gap:18px}form label{font-size:12px;font-weight:500}form label>input,form label>select{margin-top:4px}.form-grid label{margin-bottom:0;gap:6px}.characteristics-field{border-color:#ded4c4;padding:16px;border-radius:13px;background:#faf7f0}.characteristics-field legend{font-size:12px}.tag-options{gap:7px}.tag-options label{border-color:#d8ccb8;border-radius:8px;font-weight:400;background:var(--ui-surface);padding:7px 9px}.tag-options label:has(input:checked){background:#e4eeea;border-color:#93afa4;color:#255549}.tag-options input{accent-color:#416d5c}.new-theme{gap:10px;margin-top:16px}.new-theme label{margin:0;gap:5px}.new-theme label>input{margin:0}.new-theme #addTheme{margin:0;height:40px;background:#eee5d3;border-color:#c4ad83}.occasion-check{font-weight:400}#modalBody form>button.primary,#modalBody form>.primary.wide{position:sticky;bottom:-1px;z-index:3;box-shadow:0 -8px 16px 8px var(--ui-surface);margin-top:18px;min-height:43px}.form-grid h3.wide{margin:12px 0 0;padding-top:16px;border-top:1px solid var(--ui-border)}.error{font-size:13px}.saved{font-size:12px}.link-result{border:1px solid #d8c9af;border-radius:10px;font-size:12px}
@media(min-width:1100px){.review aside{position:sticky;top:78px}}
@media(max-width:1000px){header{padding:16px 22px}nav{padding-left:18px;padding-right:18px}.results-controls label{min-width:125px}.month-hero{padding:26px}.month-summary-grid>.card{padding:18px}.month-summary-grid .number{font-size:29px}}
@media(max-width:760px){header{padding:14px 16px;gap:14px}header>div:first-child{width:auto}header small{font-size:11px;max-width:190px}header img{width:62px;height:44px;border-radius:9px}header>.row{margin-top:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}header label{min-width:0;font-size:10px}header select{min-width:0;width:100%;height:40px;font-size:13px}#identity{display:none}nav{flex-wrap:nowrap;gap:4px;padding:8px 12px;scrollbar-width:none}nav::-webkit-scrollbar{display:none}nav button{flex:0 0 auto;min-height:37px;font-size:12px;padding:8px 11px}main{padding:18px 14px!important}.month-controls{gap:8px}.month-controls>.row{flex:1}.month-controls button{font-size:11px;min-width:0}.month-controls>button{flex:0 0 auto}.month-hero{padding:23px 20px;gap:18px}.month-hero h1{font-size:30px}.month-hero button{width:100%}.month-summary-grid{grid-template-columns:1fr;gap:10px}.month-summary-grid>.card{flex-direction:row;justify-content:space-between;align-items:center;min-height:78px;padding:16px 18px;flex-wrap:wrap}.month-summary-grid>.card>small:last-child:not(:first-child){flex-basis:100%}.month-summary-grid .number{font-size:28px}.notice{padding:14px 16px}.notice>.row{gap:12px}.notice>.row>.row{width:100%}.notice .primary{flex:1}.results-controls{padding:12px;gap:10px}.results-controls .results-search{flex:1 0 100%;min-width:0}.results-controls label{flex:1;min-width:0}.results-controls input,.results-controls select{font-size:14px;min-height:44px}.results-count{width:100%;padding:0}.results-help{margin:8px 0 16px}.ig-view-switch{display:flex;width:100%;margin-bottom:16px}.ig-view-switch button{flex:1;font-size:12px}.instagram-result-top{padding:16px}.instagram-result-top .ig-publication a{font-size:15px}.instagram-result-top .ig-thumbnail{flex-basis:95px;width:95px;height:132px}.ig-mobile-comparison .ig-publication a{font-size:14px}.ig-stat dd{font-size:22px}.card{padding:20px}.content-card h2{font-size:18px}.review>aside{position:static}.viewer{padding:12px}.review-labels{gap:6px}.review>section>.card{padding:18px}.toolbar{gap:7px}.toolbar button{flex:1;min-height:42px}dialog{padding:20px 16px;max-height:92dvh;border-radius:16px}#modalBody>h2{font-size:20px}.tag-options label{font-size:12px;min-height:39px}.new-theme{display:grid;grid-template-columns:1fr;gap:8px}.new-theme label{min-width:0}.new-theme #addTheme{height:42px;min-height:42px;width:100%}#modalBody form>button.primary,#modalBody form>.primary.wide{width:100%;min-height:46px;bottom:0}.content-filters{padding:12px}.content-filters select{width:100%;min-width:0}.archive-card{min-height:190px}.month-summary{font-size:13px}}
@media(prefers-reduced-motion:reduce){button{transition:none}dialog::backdrop{backdrop-filter:none}}

.manual-results{margin:28px 0 36px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface);padding:16px 18px}.manual-results summary{font-size:13px;font-weight:550;cursor:pointer}.manual-results[open] summary{margin-bottom:14px}.manual-results>.table-scroll{margin-top:16px}.instagram-table .format-label{white-space:normal}.ig-comparison .ig-category{padding-right:30px}.ig-comparison .ig-edit-characteristics{right:4px;width:24px;height:24px;padding:4px}.ig-comparison .ig-category .content-tags .content-tag{overflow-wrap:normal;word-break:normal}.monthly-table .format-label{white-space:nowrap}.ig-comparison .ig-format-above-title .format-label{white-space:normal}@media(max-width:760px){.ig-category .ig-edit-characteristics{width:36px;height:36px}.manual-results{padding:14px}}

.results-controls input[type=search]{padding-left:12px}.ig-category .content-tags .content-tag{max-width:100%}.monthly-table .table-title{font-size:13px}.month-controls button:disabled{border-color:transparent}.ig-category .ig-edit-characteristics{border:1px solid transparent}.ig-category .ig-edit-characteristics:hover{border-color:var(--ui-border)}

.card form+h3{margin-top:24px;padding-top:20px;border-top:1px solid var(--ui-border)}.card form{margin-bottom:4px}

.ui-icon{width:16px;height:16px;display:inline-block;vertical-align:-3px;flex:0 0 auto;stroke-width:1.7}.format-label{display:inline-flex;align-items:center;gap:5px}.format-label .ui-icon{width:15px;height:15px}.format-label>span{min-width:0}.content-tags .content-tag,.ig-category .content-tags .content-tag{display:inline-flex;align-items:flex-start;gap:5px}.content-tag .ui-icon{width:13px;height:13px;margin-top:2px}.content-tag>span{min-width:0}.ig-format-above-title .format-label{display:inline-flex}.ig-thumbnail span .ui-icon{width:14px;height:14px;vertical-align:0}.archive-icon .ui-icon{width:22px;height:22px}.preview-play .ui-icon{width:26px;height:26px}.preview-play{padding-left:0}.ig-view-switch .ui-icon,.month-controls .ui-icon{width:14px;height:14px;margin-right:3px}button>.ui-icon{margin-right:4px}.ig-thumbnail button>.ui-icon{margin:0}.ig-comparison .format-label .ui-icon{width:12px;height:12px}.ig-comparison .content-tag .ui-icon{width:11px;height:11px;margin-top:1px}@media(max-width:760px){.format-label .ui-icon{width:15px;height:15px}.content-tag .ui-icon{width:14px;height:14px}}

.pill{gap:5px;align-items:center}.pill .ui-icon{width:13px;height:13px}.pill>span{min-width:0}.reel-top .ui-icon{width:23px;height:23px}

.metric-ranking-legend{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:14px 0 4px;font-size:11px;color:var(--ui-muted)}.metric-ranking-legend>span:first-child{margin-right:4px}.rank-key{padding:3px 8px;border-radius:6px;font-size:10px;font-weight:650}.rank-key-1{background:#b5d9d2;color:#174f4a}.rank-key-2{background:#cee5df;color:#285f59}.rank-key-3{background:#e3efeb;color:#3b6b64}.metric-value{display:block}.metric-rank{display:inline-block;font-size:9px;line-height:1.3;letter-spacing:0;font-weight:650;margin-top:5px;padding:2px 5px;border:1px solid currentColor;border-radius:4px;opacity:.8}.ig-comparison tbody td.metric-top-1,.ig-stats-grid .ig-stat.metric-top-1{background:#b5d9d2;color:#174f4a}.ig-comparison tbody td.metric-top-2,.ig-stats-grid .ig-stat.metric-top-2{background:#cee5df;color:#285f59}.ig-comparison tbody td.metric-top-3,.ig-stats-grid .ig-stat.metric-top-3{background:#e3efeb;color:#3b6b64}.ig-stats-grid .ig-stat:is(.metric-top-1,.metric-top-2,.metric-top-3) :is(dt,dd){color:inherit}.ig-stat dd .metric-rank{vertical-align:middle;margin:0 0 0 6px}

.month-hero-copy{min-width:0;flex:1}.month-hero-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;flex:0 0 auto}.client-brand-logo{display:block;width:142px;height:106px;object-fit:contain;filter:drop-shadow(0 1px 3px #0001)}.month-hero-brand .primary{font-size:12px;min-height:38px;padding:9px 12px}@media(max-width:760px){.month-hero{position:relative}.month-hero-copy{width:100%}.month-hero-brand{width:100%;flex-direction:row;justify-content:space-between;gap:14px;border-top:1px solid #ffffff1c;padding-top:16px}.client-brand-logo{width:108px;height:80px}.month-hero .month-hero-brand .primary{width:auto;max-width:calc(100% - 122px)}}

/* Compact, clearly separated dialogs. */
dialog{position:fixed;inset:0;margin:auto;height:fit-content;padding:22px 24px 24px;border:1px solid #a98a5a;background:#fffdf8;box-shadow:0 28px 100px #041d2c80;max-height:90dvh}dialog::backdrop{background:#071e2bc7;backdrop-filter:blur(5px)}#closeModal{position:absolute;top:14px;right:14px;width:32px;height:32px;min-height:32px;margin:0;background:#173640;color:#fffaf3;border-color:#173640;z-index:5}#closeModal:hover{background:#2a505b;color:white}#modalBody>h2{margin:0 38px 12px 0;font-size:21px;line-height:1.35}#modalBody>p{margin-bottom:16px;line-height:1.55;color:#435a60}dialog .characteristics-field{background:#f2eee5;border-color:#cbbb9f;padding:12px 14px}dialog input,dialog select,dialog textarea{background:#fff;border-color:#ac9777;color:#163640}dialog form label{color:#344f57}dialog #modalBody h2+form{margin-top:14px}dialog .tag-options{gap:6px}dialog .tag-options label{padding:6px 8px}dialog .new-theme{margin-top:12px}dialog .new-theme #themeMessage:empty{display:none}@media(max-width:760px){dialog{padding:20px 16px;max-height:92dvh}#closeModal{top:12px;right:12px;width:34px;height:34px}#modalBody>h2{font-size:19px;margin-right:38px}.characteristics-field{padding:12px}}

/* One compact monthly header combines context, navigation and actions. */
.month-hero.compact-month{display:block;padding:20px 24px 0;margin-bottom:20px;overflow:visible}.month-banner-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:17px}.compact-month .eyebrow{margin:0 0 5px;font-size:9px;letter-spacing:1.3px}.compact-month h1{font-size:30px;line-height:1.2;margin:0 0 7px;letter-spacing:-.6px}.compact-month .client-brand-logo{width:100px;height:74px;flex:0 0 auto}.compact-month .month-subtitle{margin:0;font-size:12px;opacity:.8}.instagram-inline-status{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:11px;color:#c8d9d7;line-height:1.5}.connection-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b6a082;flex-shrink:0}.connection-dot.is-connected{background:#a9d6b4;box-shadow:0 0 0 3px #a9d6b414}.sync-date{opacity:.72}.month-actionbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #ffffff1c}.month-actionbar .month-controls{display:flex;align-items:center;gap:6px;margin:0;flex:0 1 auto;flex-wrap:wrap}.month-actionbar .month-controls>.row{gap:4px}.month-actionbar .month-controls button{min-height:32px;padding:6px 9px;border-color:#ffffff21;color:var(--ui-menu-ink);font-size:11px;background:transparent}.month-actionbar .month-controls button:hover:not(:disabled){background:#ffffff12}.month-actionbar .month-controls button:disabled{opacity:.3}.month-primary-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.month-primary-actions button{min-height:33px;font-size:11px;padding:7px 10px;white-space:nowrap}.month-primary-actions .banner-secondary{border-color:#ffffff20;background:transparent;color:var(--ui-menu-ink)}.month-primary-actions .banner-secondary:hover{background:#ffffff14}.month-actionbar button>.ui-icon{width:13px;height:13px}.month-actionbar .primary{border-color:#d8bd88}.month-actionbar button:focus-visible{outline-color:#f0d9af}.month-banner-heading .month-hero-copy{flex:1;min-width:0}@media(max-width:1050px){.month-actionbar{flex-wrap:wrap;gap:9px}.month-primary-actions{margin-left:auto}.month-actionbar .month-controls button{font-size:10px;padding:6px 8px}.month-primary-actions button{font-size:10px;padding:6px 8px}}@media(max-width:760px){.month-hero.compact-month{padding:16px 16px 0}.month-banner-heading{gap:12px;padding-bottom:14px}.compact-month .client-brand-logo{width:76px;height:57px}.compact-month h1{font-size:25px}.compact-month .eyebrow{font-size:8px;letter-spacing:.7px}.instagram-inline-status{font-size:10px;gap:5px}.sync-date{flex-basis:100%;margin-left:11px}.month-actionbar{gap:10px;padding:10px 0 14px;align-items:stretch}.month-actionbar .month-controls{width:100%;justify-content:space-between}.month-actionbar .month-controls button{font-size:11px;min-height:36px}.month-actionbar .month-controls>.row{flex:0 1 auto}.month-primary-actions{width:100%;justify-content:flex-start;margin:0}.compact-month .month-primary-actions button{width:auto;flex:1;min-height:38px;font-size:11px;max-width:none}.compact-month .month-primary-actions .banner-secondary{flex:0 1 auto}.compact-month .month-subtitle{font-size:11px}}

/* Media and caption share the preview space on desktop. */
dialog:has(.ig-preview-layout){width:min(94vw,1040px);padding:18px;overflow:auto}.ig-preview-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:26px;align-items:stretch}.ig-preview-media{display:flex;align-items:center;justify-content:center;min-width:0;background:#173640;border-radius:12px;overflow:hidden}dialog:has(.ig-preview-layout) .ig-preview-large{width:100%;height:72dvh;max-height:720px;min-height:0;margin:0;object-fit:contain;border-radius:0}.ig-preview-copy{display:flex;flex-direction:column;min-width:0;max-height:min(72dvh,720px);padding:14px 12px 10px 0}.ig-preview-copy h2{font-size:20px;line-height:1.35;margin:0 36px 18px 0;letter-spacing:-.3px}.ig-preview-caption{overflow:auto;min-height:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.75;color:#344f57;padding-right:10px;scrollbar-width:thin}.ig-preview-link{display:flex;align-items:center;gap:7px;flex-shrink:0;margin-top:auto;padding-top:20px;font-size:13px;font-weight:600;text-underline-offset:4px}.ig-preview-link .ui-icon{width:15px;height:15px}@media(max-width:700px){dialog:has(.ig-preview-layout){padding:14px}.ig-preview-layout{grid-template-columns:1fr;gap:18px;padding-top:36px}dialog:has(.ig-preview-layout) .ig-preview-large{height:auto;max-height:52dvh;width:100%}.ig-preview-copy{max-height:none;padding:0 3px 8px}.ig-preview-copy h2{font-size:18px;margin-bottom:12px}.ig-preview-caption{overflow:visible;font-size:13px;padding:0}.ig-preview-link{padding-top:16px}}

.ig-comparison .ig-col-number{width:3%}.ig-comparison .ig-col-publication{width:26%}.ig-comparison .ig-col-category{width:12%}.ig-comparison .ig-col-date{width:9%}.ig-comparison .ig-col-metric{width:7.142857%}.ig-comparison .ig-number-heading,.ig-comparison .ig-publication-number{text-align:center;padding-left:3px;padding-right:3px}.ig-comparison .ig-publication-number{font-size:12px;font-weight:650;color:#698084;font-variant-numeric:tabular-nums;padding-top:19px;border-right:1px solid #e2dace}.monthly-publication-count{display:inline-block;font-size:12px;font-weight:500;color:#526b70;margin-left:10px}.ig-card-number{font-weight:650;color:#173640}@media(max-width:760px){.monthly-publication-count{display:block;margin:6px 0 0;font-size:11px}}
.ig-comparison .metric-value{white-space:nowrap;overflow-wrap:normal}@media(min-width:761px) and (max-width:1250px){.ig-comparison .metric-cell{font-size:14px;padding-left:3px;padding-right:3px}.ig-comparison tbody td:nth-child(5),.ig-comparison tbody td:nth-child(6){font-size:16px}}

.occasion-editor{display:flex;align-items:flex-end;gap:10px;margin:18px 0}.occasion-editor>label{flex:1;min-width:0;margin:0;display:flex;flex-direction:column;gap:6px}.occasion-editor input[name=occasion]{width:100%;margin:0}.occasion-editor .occasion-validate{flex:0 0 auto;margin:0;height:42px;min-height:42px;padding:9px 13px;background:#ead7b0;border-color:#b69a68;color:#173640;font-size:12px;font-weight:600;white-space:nowrap}.occasion-editor .occasion-validate.is-confirmed{background:#dceee2;border-color:#92b39e;color:#2e6746}.occasion-editor .occasion-validate:hover:not(:disabled){filter:brightness(.97)}.occasion-editor .occasion-validate .ui-icon{width:14px;height:14px}@media(max-width:600px){.occasion-editor{flex-wrap:wrap;gap:9px}.occasion-editor>label{flex-basis:100%}.occasion-editor .occasion-validate{margin-left:auto;min-height:42px}}

/* Monthly dashboard: context, counters and actions in one panel. */
.month-dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px}.dashboard-stat{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;padding:14px 18px;background:#ffffff09;border:1px solid #ffffff1c;border-radius:11px}.dashboard-stat dt{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.4;color:#d7e1df;font-weight:500}.dashboard-stat dt .ui-icon{width:17px;height:17px;color:#dccaab}.dashboard-stat dd{margin:0;font-size:29px;line-height:1.1;letter-spacing:-.6px;font-weight:650;color:#f1dfbd;font-variant-numeric:tabular-nums}.dashboard-stat:nth-child(2) dd{color:#bce0cb}.dashboard-stat:nth-child(3) dd{color:#ead1b7}.compact-month:has(.month-dashboard-stats) .month-banner-heading{padding-bottom:18px}.compact-month:has(.month-dashboard-stats){margin-bottom:18px}@media(max-width:760px){.month-dashboard-stats{gap:7px;margin-bottom:13px}.dashboard-stat{padding:11px 10px;gap:8px;flex-direction:column;align-items:flex-start}.dashboard-stat dt{font-size:10px;gap:5px;align-items:flex-start}.dashboard-stat dt .ui-icon{width:13px;height:13px;margin-top:1px}.dashboard-stat dd{font-size:25px}.compact-month:has(.month-dashboard-stats) .month-banner-heading{padding-bottom:14px}}@media(max-width:380px){.dashboard-stat{padding:10px 8px}.dashboard-stat dt .ui-icon{display:none}}

.ig-comparison .interaction-note{display:block;font-size:8px;font-weight:400;line-height:1.4;letter-spacing:0;color:#f1e5cf;opacity:.86;white-space:normal;overflow-wrap:normal;max-width:120px;margin:0 auto}.ig-comparison .metric-heading:has(.interaction-note){gap:7px}@media(max-width:1250px){.ig-comparison .interaction-note{font-size:7px;line-height:1.35}}

.ig-comparison thead .column-heading{align-items:center;text-align:center;gap:9px}.ig-comparison .column-heading>.ui-icon{width:20px;height:20px;opacity:.85;vertical-align:0;margin:0;stroke-width:1.7}.ig-comparison thead th:has(.column-heading){text-align:center}.ig-comparison .ig-number-heading .ui-icon{width:17px;height:20px}
/* Center the close icon independently of font baseline and button padding. */
#closeModal{display:grid;place-items:center;padding:0;line-height:1}#closeModal:after{content:'';display:block;width:16px;height:16px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 6 12 12M18 6 6 18' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}

.ig-table-toolbar{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px;margin:4px 0 16px}.ig-table-toolbar .ig-view-switch{justify-self:start;margin:0}.interaction-bubble{position:relative;justify-self:start;margin:0;padding:9px 12px;border:1px solid #d5c19e;border-radius:10px;background:#f1e6d1;color:#604e30;font-size:10px;line-height:1.45;box-shadow:0 2px 6px #17364005}.interaction-bubble strong{font-size:10px;font-weight:650;margin-right:5px}.interaction-bubble:after{content:'';position:absolute;bottom:-7px;left:24%;width:12px;height:12px;background:#f1e6d1;border-right:1px solid #d5c19e;border-bottom:1px solid #d5c19e;transform:rotate(45deg)}@media(min-width:761px){.ig-table-toolbar .interaction-bubble{max-width:100%}}@media(max-width:760px){.ig-table-toolbar{grid-template-columns:1fr;gap:10px}.ig-table-toolbar .ig-view-switch{width:100%}.interaction-bubble{font-size:10px;justify-self:stretch}.interaction-bubble:after{display:none}}
@media(min-width:761px){.ig-table-toolbar{display:flex;justify-content:space-between;min-height:40px}.ig-table-toolbar .interaction-bubble{position:absolute;left:60.714285%;right:0;max-width:none;transform:translateX(-22%);width:max-content;max-width:46%;font-size:10px}.ig-table-toolbar .interaction-bubble:after{left:22%;margin-left:-6px}.ig-table-toolbar .interaction-bubble strong{font-size:10px}}
/* Neutral metric backgrounds keep the teal ranking distinct. */
.ig-comparison tbody td:nth-child(5):not([class*="metric-top-"]){background:#f3eddf;color:#725324;border-color:#e5d9c3}.ig-comparison thead th:nth-child(4){background:var(--ui-menu)}.ig-comparison thead th:nth-child(5),.ig-comparison thead th:nth-child(6){background:#655336}

/* Graphic, compact Instagram overview without invented trends. */
.instagram-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0 27px}.instagram-kpi{position:relative;isolation:isolate;overflow:hidden;border:1px solid #cdded8;border-radius:15px;background:#e8f0eb;padding:20px 22px;min-width:0}.instagram-kpi:after{content:'';position:absolute;z-index:-1;width:130px;height:130px;border:1px solid #3b76671c;border-radius:50%;right:-34px;bottom:-55px;box-shadow:0 0 0 22px #3b766708,0 0 0 44px #3b766705}.kpi-heading{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:550;line-height:1.4;color:#42665e;min-height:32px}.kpi-symbol{display:grid;place-items:center;width:32px;height:32px;background:#ffffff8c;border:1px solid #ffffff9e;border-radius:9px;flex-shrink:0}.kpi-symbol .metric-icon{width:19px;height:19px;margin:0}.kpi-number{font-size:clamp(28px,3vw,39px);font-weight:650;letter-spacing:-1px;line-height:1.2;margin:14px 0 10px;font-variant-numeric:tabular-nums;color:#214e45}.kpi-note{margin:0;max-width:90%;font-size:10px;line-height:1.5;color:#55776e}.kpi-interactions{background:#d8e8e3;border-color:#bbd2ca}.kpi-followers{background:linear-gradient(125deg,#1c3e47,#2a5556);border-color:#21464e}.kpi-followers .kpi-heading,.kpi-followers .kpi-note{color:#d1e2dc}.kpi-followers .kpi-number{color:#f1dfbb}.kpi-followers .kpi-symbol{background:#ffffff10;border-color:#ffffff25;color:#ead7b0}.kpi-followers:after{border-color:#e4d4b527;box-shadow:0 0 0 22px #e4d4b508,0 0 0 44px #e4d4b505}@media(max-width:760px){.instagram-kpis{grid-template-columns:1fr;gap:10px;margin:18px 0 24px}.instagram-kpi{display:grid;grid-template-columns:1fr auto;gap:4px 15px;padding:16px 18px;align-items:center}.kpi-heading{font-size:12px}.kpi-number{grid-column:2;grid-row:1/3;font-size:30px;margin:0}.kpi-note{grid-column:1;font-size:10px;margin-left:42px;max-width:none}.instagram-kpi:after{width:100px;height:100px;bottom:-60px}.kpi-symbol{width:30px;height:30px}}
@font-face{font-family:Gascogne;src:url('/Gascogne-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}.compact-month h1{font-family:Gascogne,Georgia,serif;font-weight:400;font-size:clamp(34px,3.6vw,46px);line-height:1.16;letter-spacing:0}.month-intro h2,.monthly-section>h2,.monthly-section>.row>div>h2{font-family:Gascogne,Georgia,serif;font-weight:400;font-size:27px;line-height:1.25;letter-spacing:0}.monthly-section>.row>div>.eyebrow{font-size:9px;letter-spacing:1.3px;color:#6a7d7c;margin-bottom:7px}.month-intro .month-summary{margin-top:8px}@media(max-width:760px){.compact-month h1{font-size:34px}.month-intro h2,.monthly-section>h2,.monthly-section>.row>div>h2{font-size:25px}}
.ig-comparison tbody td:nth-child(5){font-size:17px;font-weight:700}@media(min-width:761px) and (max-width:1250px){.ig-comparison tbody td:nth-child(5){font-size:16px}}

/* Frosted surfaces, restrained reflections and a compact reporting key. */
body{background:radial-gradient(ellipse at 10% 0,#e6ece5 0,transparent 38%),radial-gradient(ellipse at 95% 40%,#e5eae4 0,transparent 42%),#f7f5ef;background-attachment:fixed}.card,.content-filters,.results-controls,.manual-results,.archive-card{background:linear-gradient(135deg,#fffdf9dd,#fffdf999);border-color:#ffffffd9;box-shadow:inset 0 1px 0 #fff,0 5px 22px #17364006;backdrop-filter:blur(14px)}header{background:#fffcf5d9;backdrop-filter:blur(16px)}nav{background:#142e38ee;backdrop-filter:blur(18px)}.month-hero.compact-month{background:linear-gradient(120deg,#163640f5,#285356ed);border:1px solid #ffffff50;box-shadow:inset 0 1px 0 #ffffff35,0 10px 26px #1736400b;backdrop-filter:blur(18px)}.dashboard-stat{background:linear-gradient(125deg,#ffffff10,#ffffff06);border-color:#ffffff26;box-shadow:inset 0 1px 0 #ffffff17}.instagram-kpi:after{display:none}.instagram-kpi{background:linear-gradient(130deg,#fffffff0,#e2eee8b8);border:1px solid #ffffffed;box-shadow:inset 0 1px 0 #fff,0 7px 24px #17364008;backdrop-filter:blur(18px);padding:20px 22px 18px}.instagram-kpi:before{content:'';position:absolute;left:22px;right:22px;top:0;height:2px;background:linear-gradient(90deg,#669b8e90,#ffffff00)}.kpi-interactions{background:linear-gradient(130deg,#f5fbf8e8,#c9e0d8ad)}.kpi-followers{background:linear-gradient(125deg,#193e47f2,#386660e8);border-color:#ffffff70;box-shadow:inset 0 1px 0 #ffffff30,0 7px 24px #17364010}.kpi-followers:before{background:linear-gradient(90deg,#e3c994a0,#ffffff00)}.kpi-symbol{background:linear-gradient(135deg,#ffffffd9,#ffffff60);border-color:#ffffffed;box-shadow:0 2px 7px #17364005}.kpi-followers .kpi-symbol{background:linear-gradient(135deg,#ffffff22,#ffffff08);border-color:#ffffff40}.kpi-number{margin:12px 0 10px}.results-meta-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 0 16px}.results-meta-bar .results-help{margin:0;padding:0;border:0;flex:0 1 auto;font-size:11px}.results-meta-bar .results-help summary{display:flex;align-items:center;gap:6px;list-style:none;min-height:30px;padding:6px 10px;border:1px solid #cdd8cd;background:#ffffff80;border-radius:8px;font-size:11px}.results-meta-bar .results-help summary::-webkit-details-marker{display:none}.results-meta-bar .results-help summary:after{content:'⌄';margin-left:8px;font-size:13px}.results-meta-bar .results-help[open] summary:after{transform:rotate(180deg)}.results-meta-bar .results-help[open]{flex-basis:100%;order:2}.results-meta-bar .results-help[open] p{margin:8px 10px;font-size:11px}.results-meta-bar .metric-ranking-legend{margin:0;min-height:30px;font-size:10px;gap:6px}.metric-ranking-legend>span:first-child{display:inline-flex;gap:6px;align-items:center}.results-meta-bar .ui-icon{width:14px;height:14px;color:#53776d}.results-meta-bar .rank-key{border:1px solid #ffffffa0}.results-controls{margin-top:0}.table-scroll{box-shadow:0 4px 18px #17364005}.instagram-result-card{background:#fffcf7db;backdrop-filter:blur(12px)}dialog{background:linear-gradient(135deg,#fffdf9fc,#faf9f1f5);box-shadow:inset 0 1px 0 #fff,0 28px 100px #041d2c80}button{box-shadow:inset 0 1px 0 #ffffff28}@media(max-width:760px){.results-meta-bar{gap:8px;margin:10px 0 14px}.results-meta-bar .metric-ranking-legend{font-size:10px}.instagram-kpi{padding:16px 18px}.kpi-number{margin:0}.instagram-kpi:before{left:18px;right:18px}.card,.results-controls{backdrop-filter:blur(8px)}}@media(prefers-reduced-transparency:reduce){.card,.results-controls,.archive-card{background:#fffdf9;backdrop-filter:none}nav{background:#142e38}.instagram-kpi{backdrop-filter:none}}

.stage .pin{display:grid;place-items:center;width:30px;height:30px;min-height:30px;border-radius:50% 50% 50% 3px;background:#214d54;border:2px solid #fff9ee;color:#fff9ee;box-shadow:0 2px 9px #071e2b50;font-size:12px;font-weight:650;z-index:2}.pin-draft{pointer-events:none}.pin-draft .ui-icon{width:15px;height:15px}.annotation-popover{position:absolute;z-index:5;box-sizing:border-box;background:#fffdf8f7;backdrop-filter:blur(14px);border:1px solid #c4b291;border-radius:13px;box-shadow:0 8px 28px #071e2b45;padding:12px;cursor:default;user-select:text;color:#173640}.annotation-title{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;margin-bottom:10px}.annotation-close{display:grid;place-items:center;flex:0 0 auto;width:25px;height:25px;min-height:25px;padding:0;border:0;background:#e9eee8;font-size:20px;line-height:1}.annotation-popover textarea{display:block;width:100%;min-height:90px;max-height:135px;resize:vertical;font-family:inherit;font-size:13px;padding:9px;background:#fff;border:1px solid #b8c9c1;border-radius:8px;user-select:text}.annotation-actions{display:flex;justify-content:flex-end;margin-top:9px}.annotation-actions button,.annotation-thread{font-size:11px;min-height:32px;padding:7px 10px}.annotation-popover p{font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;max-height:130px;overflow:auto;margin:0 0 12px}.annotation-thread{background:#e7efea;border-color:#c1d2c8}
/* Flat surfaces replace the frosted reflections and shadows. */
body{background:#f7f5ef}header{background:#fffcf5;backdrop-filter:none}nav{background:#142e38;backdrop-filter:none}.card,.content-filters,.results-controls,.manual-results,.archive-card,.instagram-result-card{background:#fffdf8;border-color:#ded6c7;box-shadow:none;backdrop-filter:none}.month-hero.compact-month{background:linear-gradient(120deg,#163640,#285356);border-color:transparent;box-shadow:none;backdrop-filter:none}.dashboard-stat{background:#ffffff09;border-color:#ffffff1c;box-shadow:none}.instagram-kpi{background:#e8f0eb;border:1px solid #cdded8;box-shadow:none;backdrop-filter:none}.instagram-kpi:before{display:none}.kpi-interactions{background:#d8e8e3;border-color:#bbd2ca}.kpi-followers{background:#244c50;border-color:#244c50;box-shadow:none}.kpi-symbol{background:#ffffff80;border-color:#ffffff90;box-shadow:none}.kpi-followers .kpi-symbol{background:#ffffff10;border-color:#ffffff25}.table-scroll,button{box-shadow:none}dialog{background:#fffdf8;box-shadow:0 20px 65px #041d2c55}

.signature-picker{display:flex;align-items:center;gap:7px;font-size:11px;color:#536c6c;flex-wrap:wrap;margin:0 0 10px}.signature-picker .ui-icon{width:15px;height:15px}.signature-picker select{width:auto;min-width:110px;min-height:34px;padding:6px 28px 6px 9px;margin:0;background-color:#fffdf8;font-size:12px;border-color:#c7d1c8}.review-labels .signature-picker{margin:0 8px 0 0}.annotation-popover .signature-picker{gap:5px;margin-bottom:9px;font-size:10px}.annotation-popover .signature-picker select{min-width:90px;min-height:30px;font-size:11px;padding:4px 24px 4px 7px}.review aside .signature-picker+small{display:block}
/* Soft elevation for the three Instagram indicators. */
.instagram-kpi{box-shadow:0 3px 6px -4px #163c3b24,0 12px 24px -12px #163c3b35}.instagram-kpi.kpi-followers{box-shadow:0 3px 6px -4px #102e3230,0 12px 24px -12px #102e3245}
/* Navigation follows the same centered content grid as the dashboard. */
nav{padding-left:max(32px,calc((100% - 1400px)/2 + 32px));padding-right:max(32px,calc((100% - 1400px)/2 + 32px))}@media(max-width:1000px){nav{padding-left:24px;padding-right:24px}}@media(max-width:760px){nav{padding-left:16px;padding-right:16px}}

.comment-edited{display:block;color:#6a7b78;margin:-5px 0 10px;font-size:10px}.annotation-comment-actions{display:flex;gap:6px;margin:0 0 10px;flex-wrap:wrap}.annotation-comment-actions button{font-size:10px;min-height:29px;padding:5px 7px}.comment [data-delete-comment],.annotation-comment-actions [data-delete-comment]{color:#8b4c3b}.comment .row{gap:6px;flex-wrap:wrap}#editCommentForm textarea{display:block;width:100%;margin-top:7px;font:inherit;font-size:13px;line-height:1.6}#confirmDeleteComment{background:#efd9ca;border-color:#be977c;color:#743b2a}
header img{width:96px;height:78px;padding:0;background:transparent;border-radius:0;object-fit:contain}@media(max-width:760px){header img{width:84px;height:70px}}

#revisionForm>label{display:block;margin:16px 0}#revisionForm>label>input,#revisionForm>label>textarea{display:block;width:100%;margin-top:7px}#revisionForm textarea{font:inherit;font-size:13px;line-height:1.6}#revisionForm .characteristics-field{margin:18px 0}.slide-editor-row{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #ddd6c8}.slide-editor-thumb{flex:0 0 65px;height:87px;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#23434b;border-radius:7px}.slide-editor-info{flex:1;min-width:0}.slide-editor-info>strong{font-size:12px}.slide-editor-info>small{display:block;margin:4px 0;color:#657572;overflow-wrap:anywhere;font-size:10px}.slide-editor-actions{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.slide-editor-actions button,.slide-replace{font-size:10px;min-height:29px;padding:5px 7px}.slide-editor-actions .ui-icon{width:12px;height:12px}.slide-replace{position:relative;overflow:hidden;border:1px solid #b79b70;border-radius:8px;cursor:pointer;background:#fffdf8}.slide-replace input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.media-import{display:block;margin:14px 0 8px}.media-import input{display:block;width:100%;margin-top:6px;font-size:11px}.content-observation .month-summary{white-space:pre-wrap}.content-observation h3{display:flex;align-items:center;gap:7px}
#closeModal{display:block;padding:0;font-size:0;line-height:0}#closeModal:after{position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%,-50%);width:16px;height:16px}
/* A centered beige workspace framed by midnight blue. */
html{background:#102c37;min-height:100%}body{background:#102c37;padding:22px 24px 36px;min-height:100vh}header,nav,main{width:100%;max-width:1400px;margin-left:auto;margin-right:auto;box-sizing:border-box}header{padding:18px 32px;background:#faf7ef;border:1px solid #ffffff12;border-bottom:0;border-radius:22px 22px 0 0}nav{padding:9px 32px;background:#193640;border-left:1px solid #ffffff12;border-right:1px solid #ffffff12;border-radius:0;top:0}main{background:#f7f5ef;min-height:calc(100vh - 220px);padding:24px 32px 48px;border-radius:0 0 22px 22px;box-shadow:0 18px 50px #03131d25}header>div:last-child{justify-content:flex-end}@media(max-width:1000px){body{padding:16px 18px 28px}header{padding:16px 24px}nav{padding-left:24px;padding-right:24px}main{padding-left:24px;padding-right:24px}}@media(max-width:760px){body{padding:8px 8px 18px}header{padding:14px 16px;border-radius:16px 16px 0 0}nav{padding-left:16px;padding-right:16px}main{padding:18px 16px 32px!important;border-radius:0 0 16px 16px;min-height:calc(100vh - 250px)}header>.row{justify-content:space-between}}
/* Keep all slide actions on the same baseline with equal control heights. */
#revisionForm .slide-editor-actions{align-items:center;gap:6px}#revisionForm .slide-editor-actions>button,#revisionForm .slide-editor-actions>.slide-replace{display:inline-flex;align-items:center;justify-content:center;height:32px;min-height:32px;box-sizing:border-box;padding:6px 9px;margin:0;line-height:18px;font-family:inherit;font-size:11px;font-weight:500;vertical-align:middle}#revisionForm .slide-replace input{margin:0;padding:0;min-height:0}#revisionForm .slide-editor-actions [data-slide-up],#revisionForm .slide-editor-actions [data-slide-down]{width:32px;padding:0}#revisionForm .slide-editor-actions [data-slide-up] .ui-icon,#revisionForm .slide-editor-actions [data-slide-down] .ui-icon{margin:0;transform:rotate(90deg)}#modalBody form>button.primary,#modalBody form>.primary.wide{position:static;box-shadow:none;margin-top:18px}#revisionForm #saveRevision{display:block;margin:20px 0 0}
nav{justify-content:center}nav button{text-align:center}@media(max-width:760px){nav{justify-content:flex-start}}
/* More restrained corners throughout the workspace. */
header{border-radius:12px 12px 0 0}main{border-radius:0 0 12px 12px}.month-hero.compact-month{border-radius:12px}.card,.content-card,.archive-card,.instagram-result-card,.instagram-kpi,.viewer{border-radius:10px}.dashboard-stat,.content-filters,.results-controls,.manual-results,.table-scroll,.characteristics-field,.notice{border-radius:8px}dialog{border-radius:12px}button,input,select,textarea,.slide-replace,.annotation-thread{border-radius:6px}nav button,.ig-view-switch,.ig-view-switch button,.interaction-bubble,.kpi-symbol,.ig-thumbnail,.slide-editor-thumb{border-radius:6px}.content-preview,.content-card .content-preview{border-radius:8px}.format-label,.content-tag,.ig-category .content-tags .content-tag{border-radius:5px}.pill,#identity{border-radius:7px}.annotation-popover{border-radius:9px}#closeModal,.annotation-close{border-radius:50%}.stage .pin{border-radius:50% 50% 50% 3px}@media(max-width:760px){header{border-radius:10px 10px 0 0}main{border-radius:0 0 10px 10px}.month-hero.compact-month{border-radius:10px}dialog{border-radius:10px}}

.video-upload-option>span{display:flex;gap:8px;align-items:center;font-size:12px}.video-upload-option input[type=checkbox]{width:15px;min-height:15px;flex:0 0 15px;margin:0}.video-upload-option small{display:block;line-height:1.5;color:#657572;margin-top:6px;font-size:11px}.video-upload-option[hidden]{display:none!important}.video-upload-notice{margin-bottom:16px;font-size:12px}

.ig-comparison .metric-header-followers .metric-full-label,.ig-comparison .metric-header-followers .metric-short-label{white-space:nowrap}.ig-comparison .metric-header-followers .metric-heading{overflow:visible}@media(max-width:1250px){.ig-comparison .metric-header-followers .metric-short-label{font-size:9px;letter-spacing:-.3px}}
/* Tighter corner scale across the application. */
header{border-radius:6px 6px 0 0}main{border-radius:0 0 6px 6px}.month-hero.compact-month{border-radius:6px}.card,.content-card,.archive-card,.instagram-result-card,.instagram-kpi,.viewer,dialog{border-radius:6px}.dashboard-stat,.content-filters,.results-controls,.manual-results,.table-scroll,.characteristics-field,.notice,.content-preview,.content-card .content-preview,.annotation-popover{border-radius:4px}button,input,select,textarea,.slide-replace,.annotation-thread,nav button,.ig-view-switch,.ig-view-switch button,.interaction-bubble,.kpi-symbol,.ig-thumbnail,.slide-editor-thumb,.pill,#identity,.format-label,.content-tag,.ig-category .content-tags .content-tag{border-radius:3px}#closeModal,.annotation-close{border-radius:50%}.stage .pin{border-radius:50% 50% 50% 3px}@media(max-width:760px){header{border-radius:6px 6px 0 0}main{border-radius:0 0 6px 6px}.month-hero.compact-month,dialog{border-radius:6px}}
/* Action buttons size to their labels rather than stretching across panels. */
#modalBody form>button.primary,#modalBody form>.primary.wide,#revisionForm #saveRevision{width:auto;max-width:100%;justify-self:start;align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px}button.wide{width:auto;justify-self:start}.month-hero button,.compact-month .month-primary-actions button,.month-controls button,.toolbar button,.notice .primary{width:auto;flex:0 0 auto}.month-primary-actions{flex-wrap:wrap}.ig-view-switch button{flex:0 0 auto}#modalBody form>button.primary,#modalBody form>.primary.wide{grid-column:1/-1}@media(max-width:760px){#modalBody form>button.primary,#modalBody form>.primary.wide,#revisionForm #saveRevision{width:auto;justify-self:start}.new-theme #addTheme{width:auto;justify-self:start}.month-actionbar .month-controls>button,.compact-month .month-primary-actions button{width:auto;flex:0 0 auto}.ig-view-switch button{flex:0 0 auto}.toolbar{flex-wrap:wrap}}

/* Reel mask: the caption never covers the main content when collapsed. */
.reel-phone{width:min(100%,370px,calc((100dvh - 150px)*.5625));max-width:370px;border-radius:6px;aspect-ratio:9/16}.reel-phone video{display:block;width:100%;height:100%;object-fit:contain;cursor:pointer}.reel-bottom{left:0;right:0;bottom:34px;padding:34px 64px 12px 14px;pointer-events:none;background:linear-gradient(transparent,#000b)}.reel-account{gap:7px;font-size:12px;line-height:1.3}.reel-avatar{width:28px;height:28px;flex:0 0 28px;font-size:10px}.reel-follow{font-size:10px;padding:3px 6px}.reel-caption-wrap{pointer-events:auto;margin-top:8px}.reel-caption{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.45;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;text-shadow:0 1px 3px #0008;max-height:2.9em}.reel-caption-toggle{display:inline-block;padding:0!important;margin-top:2px;border:0;background:transparent;color:#ddd;font-size:11px;line-height:1.4;min-height:22px;box-shadow:none!important;text-shadow:0 1px 3px #000}.reel-caption-toggle[hidden]{display:none}.reel-caption-toggle:hover{background:transparent!important;color:#fff}.caption-expanded .reel-caption{display:block;max-height:var(--caption-max-height,180px);overflow:auto;scrollbar-width:thin;-webkit-line-clamp:unset}.caption-expanded .reel-bottom{background:linear-gradient(transparent,#000e 22%)}.reel-audio{margin-top:6px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reel-actions{right:5px;bottom:100px;gap:11px;width:50px}.reel-actions button{min-height:35px;padding:2px 3px;gap:2px}.reel-actions svg{width:25px;height:25px}.reel-actions small{font-size:9px}.reel-top{padding:14px;font-size:17px}.reel-player-controls{position:absolute;bottom:0;left:0;right:0;height:34px;display:flex;align-items:center;gap:7px;padding:2px 8px;background:#000a}.reel-player-controls button{display:grid;place-items:center;width:25px;height:26px;min-height:26px;flex:0 0 25px;padding:0;border:0;background:transparent;color:#fff;font-size:13px}.reel-player-controls svg{width:18px;height:18px}.reel-player-controls input{flex:1;min-width:0;min-height:0;height:3px;padding:0;border:0;accent-color:#fff;background:#ffffff60}.reel-player-controls span{font-size:9px;min-width:24px;color:#fff}.reel-center-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;min-height:48px;padding:0;border:1px solid #ffffff70;border-radius:50%;color:white;background:#0005;z-index:1}.reel-center-play .ui-icon{width:25px;height:25px;margin:0}.reel-center-play[hidden]{display:none}.reel-phone:fullscreen{width:auto;height:100dvh;max-width:100vw;border-radius:0;margin:auto;aspect-ratio:9/16;background:#000}.reel-phone:fullscreen .reel-caption{font-size:14px}@media(max-width:420px){.reel-account{font-size:11px}.reel-follow{font-size:9px}.reel-bottom{padding-left:11px;padding-right:56px}.reel-actions{width:45px}.reel-caption{font-size:11px}}
.caption-expanded .reel-center-play{display:none}

.review-content-tags:empty{display:none}.review-content-tags:has(.content-tags){margin:14px 0 12px}.review-content-tags .content-tags{margin:0;gap:6px}

#revisionForm .editorial-fields{margin:18px 0 20px;padding-bottom:18px;border-bottom:1px solid #ded6c7}#revisionForm .editorial-fields label{display:flex;flex-direction:column;gap:6px}#revisionForm .editorial-fields input,#revisionForm .editorial-fields select{width:100%;margin:0}
#back+h1{margin-top:20px;margin-bottom:20px}@media(max-width:760px){#back+h1{margin-top:18px}}

.reel-avatar{overflow:hidden}.reel-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.reel-account>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}@media(max-width:420px){.reel-account>span:nth-child(2){max-width:125px}}

/* Publication order: shared by the cards and monthly planning. */
.card-order{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.publication-number{display:grid;place-items:center;min-width:32px;height:32px;padding:0 7px;background:#173c46;color:#f0ddba;border-radius:3px;font-size:18px;line-height:1}.order-actions{display:flex;align-items:center;gap:6px}.order-actions button{width:32px;min-width:32px;height:32px;padding:0;display:grid;place-items:center;line-height:1}.order-handle{touch-action:none;cursor:grab;font-size:24px}.order-handle:active{cursor:grabbing}.order-dragging{opacity:.55}.order-target{outline:3px solid #6caaa2;outline-offset:3px}.order-notice{margin:12px 0}

/* One stable color per label, shared by planning, cards, review and stats.
   Border preview: transparent keeps dimensions; restore var(--label-border) to show saved borders. */
.content-tag[style*="--label-bg"],.format-label[style*="--label-bg"],.tag-options .colored-tag-option{background:var(--label-bg)!important;color:var(--label-ink)!important;border:1px solid transparent!important}
.tag-options .colored-tag-option input{accent-color:var(--label-ink)}
.tag-options .colored-tag-option:has(input:checked){outline:2px solid var(--label-ink);outline-offset:-2px;font-weight:600}
.event-label.tag-pending{border-style:dashed!important}

.paid-option>span{display:flex;align-items:center;gap:8px;line-height:1.4}.paid-option input[type=checkbox]{width:16px;height:16px;min-height:16px;flex:0 0 16px;margin:0;padding:0;align-self:center}.paid-option small{display:block;font-size:11px;line-height:1.5;color:#657572}

/* Compact content overview: three columns on desktop. */
.content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.content-grid .content-card{padding:14px;min-width:0;margin:0}
.content-grid .content-preview{height:220px;padding:10px;margin-bottom:10px}
.content-grid .card-order{margin-bottom:8px}
.content-grid .card-labels{margin-bottom:10px;gap:5px}
.content-grid .format-label{font-size:11px;padding:4px 6px}
.content-grid .content-card>small{font-size:11px;line-height:1.5}
.content-grid .content-card h2{font-size:16px;line-height:1.35;margin:8px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.content-grid .content-tags{gap:5px;margin:0 0 8px}
.content-grid .content-card>.row:last-child{padding-top:8px;gap:6px;flex-wrap:wrap}
.content-grid .content-card>.row:last-child button{padding:7px 10px;min-height:34px;font-size:11px}
.content-grid .order-actions button{min-height:32px;height:32px}
@media(max-width:859px) and (min-width:600px){.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:599px){.content-grid{grid-template-columns:1fr}.content-grid .content-preview{height:240px}}

.validation-notice{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:10000;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);width:max-content;padding:16px 18px;background:#e0efe5;color:#1c563d;border:1px solid #7da78f;border-radius:6px;box-shadow:0 8px 28px #061e3330;font-size:14px;font-weight:600}.validation-notice>.ui-icon{flex:0 0 22px;width:22px;height:22px}.validation-notice button{flex:0 0 28px;min-height:28px;width:28px;padding:0;background:transparent;border:0;color:inherit;font-size:22px}#approve.is-confirmed{background:#d6ebdf;border-color:#68977b;color:#20543b}@media(max-width:599px){.validation-notice{top:12px;padding:12px;gap:8px;font-size:13px}}
/* Four compact cards on desktop; keep comfortable widths on smaller screens. */
@media(min-width:1100px){.content-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.content-grid .content-card{padding:12px}.content-grid .content-preview{height:200px;padding:8px}.content-grid .content-card h2{font-size:15px}.content-grid .card-labels{flex-wrap:wrap}.content-grid .content-card>.row:last-child{gap:5px}.content-grid .content-card>.row:last-child button{padding:7px 8px}}

/* Editorial planning shares the Instagram comparison table’s visual language. */
.editorial-comparison{table-layout:fixed;width:100%;min-width:780px}.editorial-comparison thead th{padding:18px 10px;text-align:center;background:#122f39;color:#e4d1af;border-bottom:1px solid #d8cebe}.editorial-comparison .column-heading{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:12px}.editorial-comparison .column-heading>.ui-icon{width:23px;height:23px}.editorial-comparison tbody td,.editorial-comparison tbody th{padding:16px 12px;vertical-align:top;border:1px solid #e2dace;background:#fffaf2;font-size:12px}.editorial-comparison tbody tr:nth-child(even)>*{background:#f3eddf}.editorial-comparison .editorial-number{color:#6c8285;font-size:16px;font-weight:600;text-align:center}.editorial-publication{display:flex;align-items:flex-start;gap:12px}.editorial-publication>div{min-width:0}.editorial-publication .format-label{margin:0 0 9px}.editorial-publication .table-title{display:block;text-align:left;padding:0;margin:0;line-height:1.5;font-size:13px}.editorial-thumb{position:relative;flex:0 0 68px;width:68px;height:94px;min-height:0;padding:0;border:1px solid #c9bea9;overflow:hidden;background:#233f47;border-radius:6px}.editorial-thumb-image{display:block;width:100%;height:100%;background-size:cover;background-position:center}.editorial-thumb-image.composite{background-size:300% 100%}.editorial-thumb video{width:100%;height:100%;object-fit:cover}.editorial-thumb-icon{position:absolute;bottom:5px;right:4px;display:grid;place-items:center;padding:3px;background:#12343cd9;color:#fff;border-radius:50%}.editorial-thumb-icon .ui-icon{width:14px;height:14px}.editorial-comparison .editorial-category{position:relative;padding-right:34px}.editorial-category .content-tags{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:0}.editorial-edit{position:absolute;top:12px;right:4px;min-height:26px;width:26px;padding:4px;border:0;background:transparent;color:#68858a}.editorial-comparison .editorial-date{white-space:nowrap;color:#536a70}.editorial-comparison .pill{white-space:normal;line-height:1.4}.editorial-comparison .format-label{white-space:normal}
.editorial-thumb-image.composite{background-position:left center}

.table-number-badge{display:inline-grid;place-items:center;min-width:28px;height:30px;padding:0 5px;border-radius:3px;background:#122f39;color:#f1dfbd;font-size:14px;line-height:1;font-weight:650;font-variant-numeric:tabular-nums}.editorial-comparison .editorial-number{padding-left:6px;padding-right:6px}

.content-card:has(.order-handle){cursor:grab}.content-card:has(.order-handle) .content-preview{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y}.content-card:has(.order-handle) .content-preview video,.content-card:has(.order-handle) .preview-slide{pointer-events:none}.content-card.order-dragging{cursor:grabbing;opacity:.45}.order-drag-preview{position:fixed;z-index:11000;pointer-events:none;width:220px;padding:12px 14px;border:1px solid #7ea9a0;border-radius:4px;background:#173c46;color:#f0ddba;box-shadow:0 8px 24px #061e3340;font-size:13px;line-height:1.4}.content-card.order-target{outline:3px solid #6caaa2;outline-offset:3px;background:#edf5f0}

.instagram-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.instagram-kpi.kpi-acquisition{background:#e5eee3;border-color:#b7cbb2;color:#294d3b}.kpi-acquisition .kpi-number{color:#294d3b}.month-dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.month-dashboard-stats .dashboard-stat{min-width:0}.month-dashboard-stats .dashboard-stat dt{min-width:0}@media(max-width:1000px){.instagram-kpis,.month-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:599px){.instagram-kpis{grid-template-columns:1fr}.month-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

.version-validation-label{display:inline-flex;align-items:center;gap:8px;width:fit-content;margin:0 0 12px;padding:10px 12px;background:#dceee2;color:#20543b;border:1px solid #85ac94;border-radius:3px;font-weight:650;font-size:13px;line-height:1.4}.version-validation-label .ui-icon{flex:0 0 18px;width:18px;height:18px}

.content-link-row{margin:4px 0 8px}.content-link-row button{font-size:11px;padding:5px 8px;min-height:30px;color:#365f64;background:#eef3ed;border-color:#c2d0c7}.publication-choices{display:grid;gap:10px;margin:16px 0;max-height:45dvh;overflow:auto}.publication-choice{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #d7cebe;border-radius:4px;background:#fffaf2}.publication-choice:has(input:checked){border-color:#598b80;background:#e4f0e9}.publication-choice input{width:16px;min-height:16px;flex:0 0 16px;margin:0}.publication-choice img{width:52px;height:72px;object-fit:cover;border-radius:3px}.publication-choice>span{display:grid;gap:6px;min-width:0;font-size:12px;line-height:1.5}.linked-publication-stats{margin-top:16px}.linked-publication-stats h3{display:flex;align-items:center;gap:8px}.linked-publication-stats dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.linked-publication-stats dl>div{background:#eee9dc;padding:10px;border-radius:3px}.linked-publication-stats dt{font-size:11px;color:#536a70}.linked-publication-stats dd{margin:6px 0 0;font-weight:650;font-size:20px}@media(max-width:599px){.linked-publication-stats dl{grid-template-columns:repeat(2,minmax(0,1fr))}.publication-choice{padding:10px;gap:8px}}
/* Validated content is visibly highlighted across cards and planning. */
.content-grid .content-card:has(.pub-status-approved),.content-grid .content-card:has(.pub-status-scheduled),.content-grid .content-card:has(.pub-status-published){background:#e6f1e8;border-color:#abc9b4}
.editorial-comparison tbody tr:has(.pub-status-approved)>*,.editorial-comparison tbody tr:has(.pub-status-scheduled)>*,.editorial-comparison tbody tr:has(.pub-status-published)>*{background:#e6f1e8;border-color:#c7d9cc}

#monthCreations{scroll-margin-top:78px}

/* Show the actual moving card and an explicit insertion slot. */
.order-drag-source{position:fixed!important;left:-10000px!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.order-floating-card{position:fixed!important;z-index:12000;pointer-events:none!important;box-sizing:border-box;display:flex;flex-direction:column;margin:0!important;padding:12px!important;background:#fffaf2;border:2px solid #6b9e91!important;box-shadow:0 18px 45px #061e3355;transform:rotate(1deg) scale(1.015);opacity:.97;overflow:hidden;cursor:grabbing}.order-floating-card .content-preview{height:200px;flex-shrink:0;padding:8px;margin-bottom:10px}.order-floating-card .card-order,.order-floating-card .card-labels{margin-bottom:8px}.order-floating-card h2{font-size:15px;line-height:1.35;margin:8px 0}.order-floating-card>small{font-size:11px}.order-floating-card>.row:last-child{margin-top:auto;gap:5px;padding-top:8px;flex-wrap:wrap}.order-floating-card>.row:last-child button{font-size:11px;padding:7px 8px}.order-placeholder{box-sizing:border-box;display:grid;place-items:center;min-width:0;border:2px dashed #62998a;border-radius:6px;background:#dceee477;box-shadow:inset 0 0 0 5px #ffffff60}.order-placeholder>span{background:#e6f2e9;color:#2d6454;border:1px solid #94b7a7;padding:10px 14px;border-radius:4px;font-size:13px;font-weight:600}.is-reordering,.is-reordering *{cursor:grabbing!important;user-select:none!important}@media(prefers-reduced-motion:reduce){.order-floating-card{transform:none}}
/* Separate saved feedback from the composer and validation controls. */
#thread{display:grid;gap:12px;margin:16px 0 20px}
#thread .comment{background:#eeeee5;border:1px solid #d5ddd3;border-left:3px solid #9bb5a7;border-radius:4px;padding:14px;margin:0;opacity:1}
#thread .comment>strong{color:#254e50}
#thread .comment>p{margin:10px 0 12px;line-height:1.55}
#thread .comment.done{background:#e6eee6;border-color:#c7d8c9;border-left-color:#709e7d}
#thread .comment.old{background:#f0ece3;border-left-color:#c1b493}
#thread .comment button{background:#fffaf2}
#thread .comment .row{gap:6px;flex-wrap:wrap}
@media(max-width:599px){#thread .comment{padding:12px}#thread{gap:10px}}
/* Keep the month’s main entry prominent even outside its page. */

.reel-cover-editor{border:1px solid #d7cbb6;border-radius:4px;padding:16px;margin:16px 0;background:#f3efe5}.reel-cover-editor[hidden]{display:none!important}.reel-cover-editor small{font-size:12px;color:#657572}.cover-preview-row{display:flex;align-items:center;gap:16px;margin-top:12px}.cover-preview-row img{width:100px;height:150px;object-fit:contain;background:#203d46;border-radius:4px}.cover-preview-row img[hidden],.cover-preview-row button[hidden]{display:none}.cover-preview-row button{width:auto}.reel-cover-full{display:block;max-width:100%;max-height:72dvh;margin:auto;object-fit:contain}

.publication-choice-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.publication-choice-copy{flex:1}.link-view-count{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:7px 9px;background:#173c46;color:#f1dfbd;border-radius:3px;font-size:14px;font-weight:700}.link-view-count .ui-icon{width:17px;height:17px}.publication-choice-copy>small{color:#657572;font-size:11px}.publication-choice .format-label{font-size:11px}.publication-choice{align-items:flex-start}.publication-choice>input{margin-top:8px}.publication-choice img{margin-top:2px}

.link-view-count svg{width:17px;height:17px;flex-shrink:0}
/* Shared petroleum green numbering on cards and tables. */
.publication-number,.table-number-badge{background:#24595b;color:#f1dfbd}

/* Separate ready-to-publish approval from actual publication. */
.content-grid .content-card:has(.pub-status-published){background:#e0eee9;border:2px solid #24595b;box-shadow:0 3px 12px #24595b14}
.pub-status-published{background:#24595b!important;color:#fff8e8!important;border:1px solid #24595b!important;font-weight:650}
.editorial-comparison tbody tr:has(.pub-status-published)>*{background:#e0eee9}
.content-grid .card-labels .pub-status-published{white-space:normal;line-height:1.3;max-width:100%}
.order-floating-card:has(.pub-status-published){background:#e0eee9}

.review-title-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:20px 0}.review-title-row h1{margin:0;min-width:0}.review-published-label{display:inline-flex;align-items:center;gap:8px;background:#24595b;color:#fff8e8;border:1px solid #24595b;border-radius:4px;padding:9px 15px;font-size:18px;line-height:1.3;font-weight:650}.review-published-label .ui-icon{width:21px;height:21px}.creator-picker select:disabled{opacity:1;color:inherit}@media(max-width:599px){.review-title-row{gap:12px;margin:18px 0}.review-published-label{font-size:16px;padding:8px 12px}}

.content-validation[hidden]{display:none!important}

/* One validation state, one attribution, only useful actions. */
.content-validation h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#687d7d;margin:0 0 14px}.validation-state{display:flex;align-items:center;gap:12px;margin:0 0 16px}.validation-state-icon{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:50%;background:#eee8d8;color:#76633f}.validation-state-icon .ui-icon{width:21px;height:21px}.validation-state strong{display:block;font-size:18px;line-height:1.3;color:#203e46}.validation-state p{margin:4px 0 0;font-size:12px;line-height:1.5;color:#617574}.validation-state-approved .validation-state-icon{background:#dcece1;color:#2b6449}.validation-state-approved strong{color:#2b6449}.validation-state-changes .validation-state-icon{background:#f4e4d9;color:#9b593e}.content-validation>.row{border-top:1px solid #dedccf;padding-top:14px;gap:8px;flex-wrap:wrap}.content-validation button{width:auto}.content-validation #approve[hidden]{display:none!important}.content-validation .validation-secondary{background:transparent;border-color:#b9c8bb;color:#536f61;font-size:12px;min-height:34px;padding:7px 10px}

.content-validation button[hidden]{display:none!important}

/* Compact comment actions alongside the author. */
#thread .comment-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
#thread .comment-author{display:flex;align-items:center;gap:3px;flex-wrap:wrap;min-width:0}
#thread .comment-author strong{color:#254e50;font-size:13px}
#thread .comment-author small{font-size:10px}
#thread .comment-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
#thread .comment-actions button{width:auto;min-height:27px;padding:4px 6px;font-size:10px;line-height:1.3;margin:0;gap:3px}
#thread .comment-actions .ui-icon{width:11px;height:11px}
#thread .comment>p{margin:10px 0 0}
#thread .comment-edited{margin:5px 0 0}
@media(max-width:599px){#thread .comment-header{gap:5px}#thread .comment-actions{gap:3px}#thread .comment-actions button{font-size:9px;padding:4px;min-height:27px}#thread .comment-actions .ui-icon{width:10px;height:10px}}
#thread .comment-author{flex-direction:column;align-items:flex-start;gap:1px}
#thread .comment-author small{font-size:9px}
#thread .comment-actions{gap:3px}
#thread .comment-actions button{font-size:9px;padding:4px;min-height:27px}
#thread .comment-actions .ui-icon{width:10px;height:10px}

/* Permanent frosted glass emphasis for monthly results. */
nav button[data-nav="stats"]{position:relative;isolation:isolate;overflow:hidden;color:#fff8e9;font-weight:650;border:1px solid #ffffff70;background:linear-gradient(125deg,#e8fff23b 0%,#c8e4df20 48%,#edc8aa30 100%);backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%);box-shadow:inset 0 1px 0 #ffffff85,inset 0 -1px 0 #ffffff1f,0 3px 10px #061d2930;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}
nav button[data-nav="stats"]::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(165deg,#ffffff24,transparent 52%)}
nav button[data-nav="stats"]:hover:not(:disabled){color:#fffdf7;border-color:#ffffffa6;background:linear-gradient(125deg,#e8fff256,#c8e4df35 48%,#edc8aa48)}
nav button[data-nav="stats"].active{border-color:#f1d6a9;box-shadow:inset 0 1px 0 #ffffff85,inset 0 -2px 0 #e8cea1,0 3px 10px #061d2930}
nav button[data-nav="stats"]:focus-visible{outline:2px solid #f2e3c5;outline-offset:3px}
nav button[data-nav="home"].active{background:transparent;color:#eadfc8;border-color:transparent;box-shadow:inset 0 -2px 0 #eadfc870}
/* Pastel frosted glass, matching the supplied reference. */
nav button[data-nav="stats"]{color:#173640;border-color:#eeeaffc9;background:radial-gradient(ellipse at 25% 0%,#c6faffd9,transparent 65%),radial-gradient(ellipse at 100% 90%,#efb7d9c4,transparent 65%),linear-gradient(120deg,#a9b8f2d9,#c1b4efd9 62%,#dbb9e7d9);box-shadow:inset 0 1px 2px #ffffffd6,inset 0 -1px 1px #ffffff70,0 3px 12px #081c3030}
nav button[data-nav="stats"]::before{background:linear-gradient(160deg,#ffffff60,transparent 45%,#ffffff14);transition:opacity .2s ease}
nav button[data-nav="stats"]:hover:not(:disabled){color:#102e3a;border-color:#fff;background:radial-gradient(ellipse at 30% 0%,#d7ffffef,transparent 65%),radial-gradient(ellipse at 100% 90%,#ffd3e9df,transparent 65%),linear-gradient(120deg,#bacbf9ee,#d0c2f8ee 62%,#edcef4ee);box-shadow:inset 0 1px 3px #fff,inset 0 -1px 1px #ffffff90,0 4px 16px #afc5e44a}
nav button[data-nav="stats"].active{border-color:#fff;box-shadow:inset 0 1px 2px #fff,inset 0 -2px 0 #ffffffa0,0 3px 12px #081c3030}

.selected-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.selected-image{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:8px;border:1px solid #d5d6c8;background:#eeeee5;border-radius:4px;min-width:0}.selected-image img{width:100%;height:105px;object-fit:contain;background:#dce4df}.selected-image span{font-size:11px;overflow-wrap:anywhere;line-height:1.4}.selected-image button{width:auto;min-height:28px;font-size:10px;padding:5px 7px}.selected-image .ui-icon{width:11px;height:11px}.selected-images:empty{display:none}
.selected-image button{margin-top:auto}

.reel-cover-preview{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px;margin:18px 0;background:#eeeee5;border:1px solid #d5ddd3;border-radius:4px}.reel-cover-preview h3{margin:0 0 6px;font-size:15px}.reel-cover-preview .hint{margin:0;line-height:1.5}.reel-cover-preview button{display:flex;flex-direction:column;align-items:center;gap:8px;width:auto;max-width:155px;padding:7px;background:#fffaf2;flex-shrink:0}.reel-cover-preview img{display:block;width:120px;height:160px;object-fit:contain;background:#203d45}.reel-cover-preview button span{font-size:11px;line-height:1.4}@media(max-width:599px){.reel-cover-preview{padding:14px;gap:12px}.reel-cover-preview img{width:100px;height:140px}.reel-cover-preview button{max-width:125px}}
/* Table numbering: petroleum blue with slightly smaller figures. */
.table-number-badge{background:#1c4654;font-size:13px}
/* Discreet drag handle: dots only. */
.content-card .order-actions .order-handle{background:transparent;border-color:transparent;box-shadow:none;color:#1c4654;padding:4px;min-height:30px;width:30px}
.content-card .order-actions .order-handle:hover:not(:disabled){background:transparent;border-color:transparent;box-shadow:none;color:#54808a}
.content-card .order-actions .order-handle:focus-visible{outline:2px solid #54808a;outline-offset:2px}

.review-validation{display:flex;align-items:center;gap:10px;margin:-5px 0 16px}.review-validation[hidden]{display:none}.review-validation button{width:auto;min-height:34px;padding:7px 13px;font-size:12px;background:#dceee2;border-color:#9bbda6;color:#245b3d}.review-validation #approvals:empty{display:none}.inline-validation-status{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;background:#dceee2;color:#245b3d;border-radius:3px;font-size:13px;font-weight:650}.inline-validation-status small{font-size:11px;font-weight:400}.inline-validation-status .ui-icon{width:16px;height:16px}

#thread .comment,#thread .comment.old{background:#f7e5e4;border-color:#e2bbb8;border-left-color:#bc7774}
#thread .comment.done,#thread .comment.done.old{background:#e2eee4;border-color:#bdd6c2;border-left-color:#709e7d}
.comment-status{display:inline-block;margin-top:9px;font-size:10px;font-weight:650;color:#924b49;background:#edcecb;padding:3px 6px;border-radius:3px}
.done .comment-status{background:#cce1d0;color:#326344}
.month-intro h2{margin-bottom:7px}.month-intro .month-summary{margin-top:0;color:#89744f;font-weight:650;line-height:1.55}
/* All page and section headings use the supplied brand typeface. */
h1,h2,.review-title-row h1{font-family:Gascogne,Georgia,serif;font-weight:400;letter-spacing:0}

.card-month{font-weight:700;color:#1c4654}.approved-intro{margin:5px 0 22px;text-align:center}.approved-intro h1{margin-bottom:8px}.approved-intro p{color:#89744f;font-weight:600}

.archive-heading{margin:8px 0 28px}.archive-heading .eyebrow{color:#89744f;font-size:10px;margin-bottom:10px}.archive-heading h1{font-size:34px;margin-bottom:8px}.archive-heading>p:last-child{color:#60757a;font-size:13px}
.archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.archive-grid .archive-card{display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:0;min-height:0;width:100%;padding:0;overflow:hidden;border:1px solid #cdd8d2;border-radius:6px;background:#fffaf2;box-shadow:0 4px 14px #17364009;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.archive-card-top{position:relative;overflow:hidden;min-height:145px;padding:20px;background:linear-gradient(120deg,#183c47,#2d5b5f);color:#f1dfbd}.archive-year{display:flex;align-items:center;gap:6px;font-size:11px;color:#d5e3db}.archive-year .ui-icon{width:14px;height:14px}.archive-month-number{position:absolute;right:14px;top:8px;font-size:76px;line-height:1.2;font-weight:600;color:#ffffff0d;pointer-events:none}.archive-card .archive-card-top h2{position:relative;margin:30px 0 0;font-size:28px;line-height:1.2;font-weight:400;text-transform:capitalize}.archive-card-body{display:flex;flex:1;flex-direction:column;align-items:stretch;padding:18px;gap:16px}.archive-card .archive-card-body p{font-size:12px;line-height:1.6;color:#536b70;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:58px}.archive-card-sections{font-size:10px;color:#89744f;font-weight:600;line-height:1.6}.archive-card-sections span{padding:0 3px}.archive-card-open{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;margin-top:auto;border-top:1px solid #dedbce;font-size:12px;font-weight:650;color:#24595b}.archive-card-open .ui-icon{width:17px;height:17px}.archive-grid .archive-card:hover{background:#fffdf8;border-color:#70958f;box-shadow:0 8px 20px #17364014;transform:translateY(-3px)}.archive-card:focus-visible{outline:2px solid #54808a;outline-offset:3px}@media(max-width:1099px){.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}@media(max-width:759px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-card-top{padding:16px;min-height:130px}.archive-card .archive-card-top h2{font-size:24px}.archive-card-body{padding:14px}.archive-card-sections{font-size:9px}}@media(max-width:479px){.archive-grid{grid-template-columns:1fr}.archive-card-top{min-height:120px}.archive-heading h1{font-size:30px}.archive-card .archive-card-body p{min-height:0}.archive-card-body{gap:12px}}

.viewer-with-cover{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:start;gap:16px}.reel-cover-side{display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:#eadfc8;font-size:11px}.reel-cover-side button{display:flex;flex-direction:column;align-items:center;gap:7px;width:100%;max-width:90px;padding:0;border:0;background:transparent;color:#eadfc8;min-height:0}.reel-cover-side button:hover{background:transparent;color:#fff8e8}.reel-cover-side img{display:block;width:90px;height:120px;object-fit:contain;background:#102e38;border:1px solid #ffffff30;border-radius:3px}.reel-cover-side button span{font-size:10px;line-height:1.4}.viewer-with-cover .reel-phone{max-width:100%;margin-top:0}@media(max-width:599px){.viewer-with-cover{grid-template-columns:64px minmax(0,1fr);gap:10px}.reel-cover-side img{width:64px;height:88px}.reel-cover-side button{max-width:64px}.reel-cover-side,.reel-cover-side button span{font-size:9px}}
body{background:#091d29 url('/background-flowers.jpg') center bottom / cover fixed no-repeat}

/* Shared warm section hierarchy. */
.month-intro,.monthly-section>.row.spread:first-child{background:#efe6d6;border:1px solid #e0d1b8;border-left:3px solid #b69a69;border-radius:4px;padding:18px 20px;margin:24px 0 18px;gap:16px}
.month-intro h2,.monthly-section> .row.spread:first-child h2{font-family:Gascogne,Georgia,serif;font-size:27px;font-weight:400;line-height:1.25;margin:0 0 7px;color:#173640;letter-spacing:0}
.month-intro .month-summary,.monthly-section>.row.spread:first-child .hint{margin:0;color:#89744f;font-size:13px;font-weight:600;line-height:1.55}
.monthly-section{margin-top:26px}.content-card .content-preview{background:#e9decb;border:1px solid #dac9ab}.content-card .preview-count{background:#68583f;color:#fffaf2}.content-card .preview-play{background:#fffaf2d9;color:#24515a;border-color:#fffaf2}.content-grid .content-card{border-color:#d9cbb5}
@media(max-width:760px){.month-intro,.monthly-section>.row.spread:first-child{padding:15px 16px;margin:20px 0 15px}.month-intro h2,.monthly-section>.row.spread:first-child h2{font-size:25px}.month-intro .month-summary,.monthly-section>.row.spread:first-child .hint{font-size:12px}}

@font-face{font-family:Parkinsans;src:url('/Parkinsans-Light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Parkinsans;src:url('/Parkinsans-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Parkinsans;src:url('/Parkinsans-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Parkinsans;src:url('/Parkinsans-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Parkinsans;src:url('/Parkinsans-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Parkinsans;src:url('/Parkinsans-ExtraBold.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
body,button,input,select,textarea{font-family:Parkinsans,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.month-intro.month-intro-centered{background:transparent;border:0;text-align:center;padding:22px 20px 30px;margin:0 auto 8px;max-width:950px}
.month-intro-centered h2{font-size:clamp(32px,3.5vw,44px);line-height:1.2;color:#b88c65;margin-bottom:12px}
.month-intro-centered .month-summary{font-size:15px;font-weight:400;line-height:1.65;color:#98764f;margin:0 auto;max-width:780px}
@media(max-width:760px){.month-intro.month-intro-centered{padding:16px 4px 24px}.month-intro-centered h2{font-size:32px}.month-intro-centered .month-summary{font-size:13px}}

#selectedMedia.video-selected{display:block;margin-top:12px;padding:11px 13px;background:#e1efe3;border:1px solid #b3d0bb;border-left:3px solid #57936b;border-radius:4px;color:#28613c;font-size:13px;font-weight:600;line-height:1.6;overflow-wrap:anywhere}

/* A single, fine outline for all application pictograms. */
.ui-icon,.metric-icon{stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}
.ig-edit-characteristics .ui-icon{width:20px;height:20px}
button:not(.primary)>.ui-icon{color:inherit}
.reel-actions .ui-icon{stroke-width:1.5;color:inherit}

/* User's reference beige and true regular Gascogne headings. */
h1,h2,.month-hero h1,.compact-month h1,.month-intro h2,.month-intro-centered h2,.monthly-section>.row.spread:first-child h2,.archive-card .archive-card-top h2,.review-title-row h1{color:#B58C67;font-family:Gascogne,Georgia,serif;font-weight:400!important;font-synthesis:none}

/* Creation statistics use the same comparison table as monthly Instagram results. */
.creation-statistics .editorial-thumb{flex:0 0 68px;width:68px;height:94px}
.creation-statistics .table-title{display:block;text-align:left;font-size:12px;line-height:1.5;padding:0;margin:0;color:var(--ui-ink,#173640)}
.creation-statistics .statistics-source{display:block;font-size:9px;line-height:1.5;color:#687a7d;margin-top:7px;font-weight:400}
.creation-statistics .ig-publication>div{min-width:0}
@media(max-width:760px){.creation-statistics{min-width:1100px}.creation-statistics .table-title{font-size:13px}}
@media(max-width:1500px){.ig-comparison .metric-full-label{display:none}.ig-comparison .metric-short-label{display:inline}.ig-comparison .metric-heading{font-size:10px}}

.creation-statistics{min-width:1100px}

/* Publication thumbnail titles use the interface typeface. */
.content-card h2{font-family:Parkinsans,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:600!important;color:var(--ui-ink,#173640)!important}

.publication-view-header{padding:20px 24px;margin-bottom:18px;background:#efe6d6;border:1px solid #e0d3bb;border-left:3px solid #b79a62;border-radius:4px;text-align:center}.publication-view-switch{justify-content:center;gap:10px}.publication-view-switch button{width:auto;flex:0 0 auto}.publication-view-header .hint{margin:12px 0 0;color:#8d7750;font-size:13px;font-weight:600;line-height:1.6}@media(max-width:760px){.publication-view-header{padding:16px 14px}.publication-view-header .hint{font-size:12px}}
/* Keep category labels inside their backgrounds and clear of edit controls. */
.ig-category .content-tags,.editorial-category .content-tags{min-width:0;max-width:100%}
.ig-category .content-tags .content-tag,.ig-comparison .ig-category .content-tags .content-tag,.editorial-category .content-tags .content-tag{box-sizing:border-box;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal}
.ig-category .content-tag>span,.editorial-category .content-tag>span{min-width:0;flex-shrink:1;white-space:normal;overflow-wrap:anywhere;word-break:normal}
.ig-category .content-tag>.ui-icon,.editorial-category .content-tag>.ui-icon{flex-shrink:0}
@media(max-width:760px){.ig-comparison .ig-category{padding-right:46px}}

/* Slightly stronger icon strokes for legibility at small sizes. */
svg.ui-icon,svg.metric-icon,.ig-comparison .column-heading>.ui-icon,.reel-actions .ui-icon,.reel-controls svg{stroke-width:1.9}
/* Month identity above a single consolidated data dashboard. */
.month-page-heading{text-align:center;margin:4px auto 22px;padding:12px 16px 0}
.month-page-heading h1{font-family:Gascogne,Georgia,serif;font-size:clamp(34px,4vw,48px);font-weight:400;line-height:1.12;margin:0 0 6px;color:#B58C67;text-transform:capitalize}
.month-page-heading .month-subtitle{margin:0;color:#94734e;font-size:15px;line-height:1.4}
.month-page-heading .eyebrow{margin:8px 0 0;color:#758081;font-size:9px;font-weight:500;letter-spacing:1.2px;line-height:1.5}
.month-hero.compact-month.month-overview{padding-top:20px}
.month-overview .month-dashboard-stats,.month-overview .instagram-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.month-overview .month-dashboard-stats{margin:0 0 12px}
.month-overview .instagram-kpis{margin:0 0 16px}
.month-overview .instagram-kpi{display:block;padding:16px;min-width:0}
.month-overview .kpi-heading{font-size:11px;gap:8px}
.month-overview .kpi-number{margin:12px 0 8px;font-size:32px}
.month-overview .kpi-note{margin:0;max-width:none;font-size:10px;line-height:1.5}
.month-overview .instagram-inline-status{margin:0 0 10px}
@media(max-width:1000px){.month-overview .dashboard-stat{flex-direction:column;align-items:flex-start;padding:12px;gap:8px}.month-overview .dashboard-stat dt{font-size:11px}.month-overview .instagram-kpi{padding:12px}.month-overview .kpi-heading{align-items:flex-start}.month-overview .kpi-symbol{width:25px;height:25px}.month-overview .kpi-number{font-size:29px}}
@media(max-width:760px){.month-page-heading{margin:0 auto 18px;padding-top:4px}.month-page-heading .month-subtitle{font-size:13px}.month-page-heading .eyebrow{font-size:8px;letter-spacing:.7px}.month-overview .month-dashboard-stats,.month-overview .instagram-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.month-overview .kpi-heading{font-size:10px;min-height:32px}.month-overview .kpi-note{font-size:9px}.month-overview .sync-date{margin-left:0}}

#thread .comment-author{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:7px}#thread .comment-author .comment-status{margin:0;white-space:nowrap}#thread .comment-author small:empty{display:none}
/* Compact statistical cards in four shades of the same green palette. */
.month-overview .instagram-kpi{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;align-items:center;gap:8px 10px;padding:12px 14px;border-color:#b8cebf;box-shadow:none;background:#edf4ef}
.month-overview .instagram-kpi.kpi-interactions{background:#dcebe1}
.month-overview .instagram-kpi.kpi-acquisition{background:#cbded1}
.month-overview .instagram-kpi.kpi-followers{background:#b8d1c2}
.month-overview .instagram-kpi:before{display:none}
.month-overview .instagram-kpi .kpi-heading{min-height:28px;font-size:10px;line-height:1.4;gap:6px;color:#325b4b}
.month-overview .instagram-kpi .kpi-symbol{width:25px;height:25px;background:#ffffff70;border-color:#ffffff90;color:#325b4b}
.month-overview .instagram-kpi .kpi-symbol .metric-icon{width:16px;height:16px}
.month-overview .instagram-kpi .kpi-number{grid-column:2;grid-row:1;margin:0;font-size:26px;line-height:1.1;letter-spacing:-.7px;color:#214e3d}
.month-overview .instagram-kpi .kpi-note{grid-column:1/-1;margin:0;max-width:none;font-size:9px;line-height:1.45;color:#486c59}
@media(max-width:1100px){.month-overview .instagram-kpi{gap:6px;padding:11px}.month-overview .instagram-kpi .kpi-heading{font-size:9px}.month-overview .instagram-kpi .kpi-number{font-size:22px}.month-overview .instagram-kpi .kpi-symbol{display:none}}
@media(max-width:760px){.month-overview .instagram-kpi .kpi-heading{font-size:10px}.month-overview .instagram-kpi .kpi-number{font-size:23px;grid-column:1/-1;grid-row:auto}.month-overview .instagram-kpi .kpi-note{font-size:9px}}

.feedback-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;flex-wrap:wrap}.feedback-controls .signature-picker{margin:0;gap:6px}.feedback-controls #refreshComments{margin:0 0 0 auto;width:auto;flex:0 0 auto;font-size:10px;padding:6px 8px;min-height:32px}.feedback-controls #refreshComments .ui-icon{width:12px;height:12px}.feedback-controls .signature-picker select{min-width:0;width:auto}.feedback-controls .signature-picker>span{white-space:nowrap}@media(max-width:599px){.feedback-controls{gap:7px}.feedback-controls .signature-picker{font-size:10px}.feedback-controls .signature-picker select{font-size:11px;padding:6px}.feedback-controls #refreshComments{font-size:9px;padding:5px}}
/* Shared typography and icon treatment across all eight dashboard cards. */
.month-overview .dashboard-stat,.month-overview .instagram-kpi{padding:12px 14px;gap:8px 10px}
.month-overview .dashboard-stat dt,.month-overview .instagram-kpi .kpi-heading{font-size:11px;font-weight:600;line-height:1.4;min-height:28px;display:flex;align-items:center;gap:7px}
.month-overview .dashboard-stat dd,.month-overview .instagram-kpi .kpi-number{font-size:28px;font-weight:650;line-height:1.1;letter-spacing:-.6px}
.month-overview .dashboard-stat dt .ui-icon{display:block;width:28px;height:28px;padding:5px;box-sizing:border-box;background:#ffffff15;border:1px solid #ffffff35;border-radius:4px;flex:0 0 28px;margin:0}
.month-overview .instagram-kpi .kpi-symbol{display:grid;width:28px;height:28px;box-sizing:border-box;background:#ffffff70;border:1px solid #ffffff90;border-radius:4px;flex:0 0 28px}
.month-overview .instagram-kpi .kpi-symbol .metric-icon{width:18px;height:18px}
@media(max-width:1100px){.month-overview .dashboard-stat{flex-direction:column;align-items:flex-start}.month-overview .instagram-kpi{grid-template-columns:1fr}.month-overview .instagram-kpi .kpi-number{grid-column:1;grid-row:auto}.month-overview .dashboard-stat dt,.month-overview .instagram-kpi .kpi-heading{min-height:32px}}
@media(max-width:760px){.month-overview .dashboard-stat,.month-overview .instagram-kpi{padding:11px}.month-overview .dashboard-stat dt,.month-overview .instagram-kpi .kpi-heading{font-size:10px}.month-overview .dashboard-stat dd,.month-overview .instagram-kpi .kpi-number{font-size:25px}}

.ig-preview-media{flex-direction:column}.ig-media-stage{width:100%;min-height:0}.ig-media-navigation{display:flex;align-items:center;justify-content:center;gap:18px;padding:10px;color:#eedcc5}.ig-media-navigation button{width:auto;min-width:40px}.ig-media-status,.ig-media-error{color:#eedcc5;padding:20px;text-align:center}.ig-media-error{font-size:12px}dialog:has(.ig-media-navigation) .ig-preview-large{height:64dvh}@media(max-width:700px){dialog:has(.ig-media-navigation) .ig-preview-large{height:46dvh}}

/* One navy family for interface chrome; labels and feedback keep their meanings. */
:root{--ui-navy:#102b36;--ui-ink:#102b36;--ui-menu:#102b36;--ui-work-area:#102b36;--ui-muted:#526675}
nav,.month-hero.compact-month,.archive-card-top,.ig-preview-media{background:var(--ui-navy)}
.monthly-table thead,.editorial-comparison thead th,.ig-comparison thead th{background:var(--ui-navy);color:var(--ui-menu-ink)}
.publication-number,.table-number-badge{background:var(--ui-navy);color:#f1dfbd}
.card-month,.archive-card-open,.content-card .preview-play,.content-card .order-actions .order-handle{color:var(--ui-navy)}
#closeModal{background:var(--ui-navy);border-color:var(--ui-navy)}
#closeModal:hover{background:#244553}
.archive-grid .archive-card:hover{border-color:#758c99;box-shadow:0 8px 20px #102b3614}
.month-overview .dashboard-stat{background:#ffffff0b;border-color:#ffffff26}
.month-overview .dashboard-stat dt{color:#dce5ea}
.month-overview .dashboard-stat dd,.month-overview .dashboard-stat:nth-child(2) dd,.month-overview .dashboard-stat:nth-child(3) dd{color:#f1dfbd}
.month-overview .dashboard-stat dt .ui-icon{color:#dce5ea;background:#ffffff12;border-color:#ffffff30}
.month-overview .instagram-kpi,.instagram-kpi{background:#edf2f6;border-color:#bdccd7}
.month-overview .instagram-kpi.kpi-interactions,.instagram-kpi.kpi-interactions{background:#dfe9f1;border-color:#bdccd7}
.month-overview .instagram-kpi.kpi-acquisition,.instagram-kpi.kpi-acquisition{background:#d0deea;border-color:#b1c3d2}
.month-overview .instagram-kpi.kpi-followers,.instagram-kpi.kpi-followers{background:#bfd1e0;border-color:#a8bdce}
.month-overview .instagram-kpi .kpi-heading,.instagram-kpi .kpi-heading,.month-overview .instagram-kpi .kpi-number,.instagram-kpi .kpi-number{color:var(--ui-navy)}
.month-overview .instagram-kpi .kpi-note,.instagram-kpi .kpi-note{color:#40596c}
.month-overview .instagram-kpi .kpi-symbol,.instagram-kpi .kpi-symbol{background:#ffffff80;border-color:#ffffffa0;color:var(--ui-navy)}
.month-overview .instagram-inline-status{color:#d6e1e9}

/* Alanaa: warm ivory, soft sand, caramel and deep navy. */
:root{--ui-navy:#091d29;--ui-ink:#091d29;--ui-menu:#091d29;--ui-work-area:#091d29;--ui-surface:#fffcf7;--ui-panel:#f6efe5;--ui-subtle:#efe5d7;--ui-border:#ddd0bf;--ui-control-border:#b89b7d;--ui-accent:#B58C67;--ui-hover:#e6d3bd;--ui-primary:#ddc2a4;--ui-primary-ink:#091d29;--ui-menu-ink:#f0e4d3;--ui-muted:#647079}
header,main{background:#fffcf7}
.card,.content-filters,.results-controls,.manual-results,.archive-grid .archive-card,.instagram-result-card{background:#fffcf7;border-color:#ddd0bf}
dialog{background:#fffcf7;border-color:#b89b7d}
button.primary,.month-actionbar .primary{background:#ddc2a4;border-color:#b89b7d;color:#091d29;box-shadow:none}
button.primary:hover:not(:disabled),.month-actionbar .primary:hover:not(:disabled){background:#ccb091;border-color:#a7805b;color:#091d29}
.month-hero.compact-month{background:#091d29;border-color:#091d29}
.month-overview .dashboard-stat{background:#ffffff09;border-color:#e5d8c32e}
.month-overview .dashboard-stat dt,.month-overview .dashboard-stat dt .ui-icon{color:#eee3d4}
.month-overview .dashboard-stat dt .ui-icon{background:#f2e5d50e;border-color:#e5d8c330}
.month-overview .dashboard-stat dd,.month-overview .dashboard-stat:nth-child(2) dd,.month-overview .dashboard-stat:nth-child(3) dd{color:#f0e4d3}
.month-overview .instagram-kpi,.instagram-kpi{background:#faf5ed;border-color:#deceba}
.month-overview .instagram-kpi.kpi-interactions,.instagram-kpi.kpi-interactions{background:#f1e7d9;border-color:#deceba}
.month-overview .instagram-kpi.kpi-acquisition,.instagram-kpi.kpi-acquisition{background:#e9d9c5;border-color:#d2bfa7}
.month-overview .instagram-kpi.kpi-followers,.instagram-kpi.kpi-followers{background:#dfc9ae;border-color:#c9b090}
.month-overview .instagram-kpi .kpi-heading,.instagram-kpi .kpi-heading,.month-overview .instagram-kpi .kpi-number,.instagram-kpi .kpi-number{color:#091d29}
.month-overview .instagram-kpi .kpi-note,.instagram-kpi .kpi-note{color:#665747}
.month-overview .instagram-kpi .kpi-symbol,.instagram-kpi .kpi-symbol{background:#fffaf27d;border-color:#fffaf2a6;color:#091d29}
.month-page-heading .month-subtitle,.month-intro-centered .month-summary{color:#947355}
.publication-view-header,.monthly-section>.row.spread:first-child{background:#f1e7d9;border-color:#dfd0ba;border-left-color:#B58C67}
.content-card .content-preview{background:#ede1d1;border-color:#d9c5aa}
.archive-card-top{background:#091d29}.archive-year{color:#e5d7c5}
nav button[data-nav="stats"]{color:#091d29;border-color:#f6ebd9b3;background:linear-gradient(125deg,#f7eee1e6,#dfc7abe0);box-shadow:inset 0 1px 1px #ffffffb3,inset 0 -1px 1px #ffffff40,0 3px 10px #0002}
nav button[data-nav="stats"]:hover:not(:disabled){color:#091d29;border-color:#fff9ed;background:linear-gradient(125deg,#fff7ecf2,#ead7beed);box-shadow:inset 0 1px 2px #fff,0 3px 12px #0002}

.ig-media-embed{border:0;background:#fff;width:100%;height:72dvh;min-height:460px}@media(max-width:700px){.ig-media-embed{height:65dvh;min-height:420px}}
/* Slightly larger indicator titles, always on one line. */
.month-overview .dashboard-stat dt,.month-overview .instagram-kpi .kpi-heading{font-size:13px;white-space:nowrap}
@media(max-width:1500px){.month-overview .dashboard-stat{flex-direction:column;align-items:flex-start}.month-overview .instagram-kpi .kpi-number{grid-column:1/-1;grid-row:auto}}
@media(max-width:1450px){.month-overview .month-dashboard-stats,.month-overview .instagram-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.month-overview .month-dashboard-stats,.month-overview .instagram-kpis{grid-template-columns:1fr}.month-overview .dashboard-stat dt,.month-overview .instagram-kpi .kpi-heading{font-size:13px}}

.ig-table-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}.ig-table-toolbar .ig-view-switch{margin:0;flex:0 0 auto}.ig-table-toolbar .metric-ranking-legend{margin:0}.ig-table-toolbar .interaction-bubble{margin-left:auto}@media(max-width:760px){.ig-table-toolbar .ig-view-switch{width:auto}.ig-table-toolbar .metric-ranking-legend{flex-wrap:wrap;justify-content:flex-start}.ig-table-toolbar .interaction-bubble{margin-left:0}}
.ig-table-toolbar{justify-content:flex-start}.ig-table-toolbar .interaction-bubble{position:relative;left:auto;right:auto;transform:none;width:auto;max-width:100%}.ig-table-toolbar .metric-ranking-legend{font-size:10px;gap:6px}.ig-table-toolbar .metric-ranking-legend .ui-icon{width:14px;height:14px;flex-shrink:0}
/* Keep the content import action within reach while scrolling. */
#addPost{position:fixed;right:24px;bottom:24px;z-index:80;width:auto;min-height:46px;padding:12px 18px;box-shadow:0 6px 24px #091d2933;border:1px solid #b58c67}
.month-overview{padding-bottom:20px}
@media(max-width:760px){#addPost{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));font-size:12px;padding:11px 15px}main{padding-bottom:90px!important}}
/* Shared segmented controls for both publication views. */
.publication-view-header{padding:0;margin:4px 0 18px;background:transparent;border:0;text-align:left;box-shadow:none}
.publication-view-switch,.ig-view-switch{display:inline-flex;align-items:center;justify-content:flex-start;gap:4px;width:auto;padding:4px;background:#eee3d3;border:1px solid #dfcfba;border-radius:4px}
.publication-view-switch button,.ig-view-switch button{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:auto;flex:0 0 auto;min-height:34px;padding:8px 12px;font-size:12px;line-height:1.4;font-weight:600;border:0;border-radius:3px;background:#eee3d3;color:#091d29;box-shadow:none}
.publication-view-switch button[aria-pressed=true],.ig-view-switch button[aria-pressed=true]{background:#091d29;color:#f4e9d9}
.publication-view-switch button:hover:not([aria-pressed=true]),.ig-view-switch button:hover:not([aria-pressed=true]){background:#e3d1b9}
.publication-view-header .hint{margin:12px 0 0;font-size:12px}
/* Soft gold actions, coordinated with the ivory and navy palette. */
:root{--ui-primary:linear-gradient(115deg,#d4b474 0%,#ead49f 52%,#f1dfb5 100%);--ui-control-border:#b89a64}
button.primary,#addPost,.month-overview button.primary{background:var(--ui-primary);color:#091d29;border:1px solid #b89a64;box-shadow:inset 0 1px 0 #fff3cfb3,0 2px 5px #765a2620}
button.primary:hover:not(:disabled),#addPost:hover:not(:disabled){background:linear-gradient(115deg,#ddbf82,#f2dfb1 58%,#f6e8c9);border-color:#a58650}
#addPost{box-shadow:inset 0 1px 0 #fff3cfb3,0 6px 24px #091d2933}
.publication-view-switch,.ig-view-switch{background:#eee3d3;border-color:#c9b385}
.publication-view-switch button:not([aria-pressed=true]),.ig-view-switch button:not([aria-pressed=true]){background:#eee3d3}
/* Gold backing for the Alanaa brand mark. */
header>div:first-child>img{background:linear-gradient(135deg,#d4b474,#ead49f 55%,#f1dfb5);border:1px solid #b89a64;box-shadow:inset 0 1px 0 #fff3cfb3;padding:5px;border-radius:50%;object-fit:contain}
header>div:first-child>img{width:78px;height:78px}@media(max-width:760px){header>div:first-child>img{width:58px;height:58px}}
.ig-comparison thead th:nth-child(5),.ig-comparison thead th:nth-child(6){background:#e8d9c2;color:#091d29}.ig-comparison thead th:nth-child(5) .metric-icon,.ig-comparison thead th:nth-child(6) .metric-icon{color:#091d29}
/* Exact brushed-gold action palette from Alanaa Notes (also shared by HTML5). */
:root{--ui-primary:linear-gradient(115deg,#cbaa70 0%,#dfc58f 48%,#d3b47c 100%);--ui-primary-ink:#092631}
button.primary,#addPost,.month-overview button.primary{background:var(--ui-primary);color:var(--ui-primary-ink);border:1px solid #e6cc96;box-shadow:0 3px 12px #d2ad6918}
button.primary:hover:not(:disabled),#addPost:hover:not(:disabled){background:linear-gradient(115deg,#d3b47d,#e5ce9f,#dcc18c);color:#092631;border-color:#e6cc96}
header>div:first-child>img{background:var(--ui-primary);border-color:#e6cc96;box-shadow:0 3px 12px #d2ad6918}
/* The interaction definition is an inline legend, matching the Top 3 key. */
.ig-table-toolbar .interaction-bubble{position:static;display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px;margin:0;padding:0;border:0;background:transparent;box-shadow:none;color:var(--ui-muted);font-size:10px;line-height:1.5;transform:none;width:auto;max-width:100%}
.ig-table-toolbar .interaction-bubble:after{display:none}
.ig-table-toolbar .interaction-bubble strong{font-size:inherit;font-weight:500;margin:0}
/* Planning guidance shares the quiet inline legend treatment. */
.publication-view-header{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.publication-view-header .publication-view-switch{flex:0 0 auto}
.publication-view-header .hint{flex:0 1 auto;margin:0;color:var(--ui-muted);font-size:10px!important;font-weight:500!important;line-height:1.4;text-align:center;max-width:100%}

/* Gold mark without a backing; warm table link rollover. */
header>div:first-child>img{background:transparent;border:0;box-shadow:none}
table a:hover,table a:focus-visible,.monthly-table .table-title:hover{color:#B58C67}

/* Matte controls: no frosted overlay or reflective edges. */
button{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
nav button[data-nav="stats"],nav button[data-nav="stats"].active{background:#e8d9c2;color:#091d29;border-color:#c9b385;box-shadow:none}
nav button[data-nav="stats"]:hover:not(:disabled){background:#dfc9ae;color:#091d29;border-color:#b89a64;box-shadow:none}
nav button[data-nav="stats"]::before{display:none}

/* Warm beige editorial accents with a subtle golden undertone. */
:root{--ui-accent:#d2ad69}
h1,h2,.month-hero h1,.compact-month h1,.month-intro h2,.month-intro-centered h2,.month-page-heading h1,.monthly-section>.row.spread:first-child h2,.archive-card .archive-card-top h2,.review-title-row h1{color:#d2ad69}
.month-page-heading .month-subtitle,.month-intro-centered .month-summary,.month-intro .month-summary,.archive-card-sections{color:#a08450}
.month-overview .instagram-kpi .kpi-note,.instagram-kpi .kpi-note{color:#70634f}
table a:hover,table a:focus-visible,.monthly-table .table-title:hover{color:#d2ad69}

/* Results are distinguished by an icon, not a filled navigation button. */
nav button[data-nav="stats"],nav button[data-nav="stats"]:hover:not(:disabled),nav button[data-nav="stats"].active{display:inline-flex;align-items:center;gap:7px;background:transparent;color:#eadfc8;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
nav button[data-nav="stats"].active{box-shadow:inset 0 -2px 0 #eadfc870}
nav button:is([data-nav="stats"],[data-nav="paid"]) .ui-icon{width:17px;height:17px;flex-shrink:0}

nav button:is([data-nav="stats"],[data-nav="paid"]) .ui-icon{color:#d2ad69}

/* Unpublished content: warm, borderless surfaces with a soft lifted shadow. */
.content-grid .content-card:not(:has(.pub-status-published)){border:0;background:#ffffff;box-shadow:0 18px 42px -12px #3f322026;backdrop-filter:none}

/* Gold action for opening the full Instagram publication. */
.ig-preview-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;align-self:flex-start;padding:11px 16px;border:1px solid #e6cc96;border-radius:4px;background:var(--ui-primary);color:#092631;text-decoration:none;font-weight:600;box-shadow:0 3px 12px #d2ad6918}
.ig-preview-link:hover{background:linear-gradient(115deg,#d3b47d,#e5ce9f,#dcc18c);color:#092631;text-decoration:none}

.content-grid .content-card:has(.pub-status-published){border:0;box-shadow:0 18px 42px -12px #183f3540}
/* Fit the full media preview within the viewport, preserving its proportions. */
dialog:has(.ig-preview-layout){--preview-height:min(760px,calc(100dvh - 100px));width:min(94vw,960px);max-height:calc(100dvh - 32px);overflow:hidden;padding:24px}
.ig-preview-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);height:var(--preview-height);gap:24px;padding-top:0}
.ig-preview-media{height:100%;min-height:0;background:transparent}
.ig-media-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}
dialog:has(.ig-preview-layout) .ig-preview-large,dialog:has(.ig-media-navigation) .ig-preview-large{width:100%;height:100%;max-height:100%;min-height:0;object-fit:contain}
.ig-media-navigation{flex-shrink:0;color:var(--ui-ink);padding:8px}
.ig-media-embed{display:block;width:min(100%,calc(var(--preview-height) * .5));height:100%;min-height:0;flex-shrink:0}
.ig-preview-copy{height:100%;max-height:100%;min-height:0;padding:8px 0 0}
.ig-preview-caption{flex:1;overflow:auto;min-height:0}
.ig-preview-link{margin-top:16px;flex-shrink:0}
@media(max-width:700px){dialog:has(.ig-preview-layout){--preview-height:calc(100dvh - 90px);padding:40px 14px 14px}.ig-preview-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:12px}.ig-preview-media{min-height:0}.ig-media-embed{width:min(100%,calc((100dvh - 250px) * .5))}.ig-preview-copy{height:auto;padding:0;gap:8px}.ig-preview-copy h2{font-size:16px;margin:0}.ig-preview-caption{max-height:52px;overflow:auto;font-size:12px}.ig-preview-link{margin-top:0;font-size:12px;padding:9px 12px}}

.gold-action-link{display:inline-flex;align-items:center;gap:7px;width:auto;padding:9px 13px;border:1px solid #e6cc96;border-radius:4px;background:var(--ui-primary);color:#092631;text-decoration:none;font-size:12px;font-weight:600;line-height:1.5}
.gold-action-link:hover,table .gold-action-link:hover{background:linear-gradient(115deg,#d3b47d,#e5ce9f,#dcc18c);color:#092631;text-decoration:none}

/* Warm ivory and the signature gold from the Alanaa logo. */
:root{--ui-accent:#d2ad69;--ui-surface:#fffaf0;--ui-panel:#f8efdf;--ui-subtle:#f1e5ce}
body,main{background-color:#fffaf0}
header{background:#fffaf0}
.loading-welcome{min-height:55vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 20px;background:radial-gradient(ellipse at center,#f4e4c780,transparent 65%)}
.loading-welcome>img{width:100px;height:100px;margin-bottom:22px}
.loading-welcome .loading-eyebrow{font-size:10px;letter-spacing:.2em;color:#967b49;margin:0 0 14px}
.loading-welcome h1{font-size:clamp(30px,4vw,44px);margin:0 0 12px;color:#d2ad69}
.loading-welcome>p:not(.loading-eyebrow){font-size:13px;color:#756c5e;margin:0;line-height:1.6}
.loading-dots{display:flex;gap:8px;margin-top:28px}.loading-dots i{width:6px;height:6px;border-radius:50%;background:#d2ad69;animation:welcome-pulse 1.4s ease-in-out infinite}.loading-dots i:nth-child(2){animation-delay:.18s}.loading-dots i:nth-child(3){animation-delay:.36s}
@keyframes welcome-pulse{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.loading-dots i{animation:none;opacity:.7}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Consistent status labels throughout cards, tables and review headings. */
.pill,.content-card .pill,.editorial-comparison .pill,.review-published-label{display:inline-flex;align-items:center;gap:5px;width:auto;padding:6px 10px;font-size:11px;line-height:1.4;border-radius:3px}
.pill .ui-icon,.review-published-label .ui-icon{width:13px;height:13px;flex-shrink:0}
.content-grid .card-labels .pub-status-published{line-height:1.4}
.pub-status-review{background:#d92d59;color:#fff;border:1px solid #d92d59}

/* Brighter champagne warmth across ivory and beige surfaces. */
:root{--ui-surface:#fdfaf2;--ui-panel:#faf1dc;--ui-subtle:#f4e8c9;--ui-hover:#eddbaf}
body,main,header{background-color:#fdfaf2}
.month-overview .instagram-kpi,.instagram-kpi{background:#fcf7e9;border-color:#e3d5b7}
.month-overview .instagram-kpi.kpi-interactions,.instagram-kpi.kpi-interactions{background:#f5ebd2;border-color:#e3d5b7}
.month-overview .instagram-kpi.kpi-acquisition,.instagram-kpi.kpi-acquisition{background:#ede0bb;border-color:#dac79d}
.month-overview .instagram-kpi.kpi-followers,.instagram-kpi.kpi-followers{background:#e5d2a3;border-color:#ceb783}
.publication-view-switch,.ig-view-switch,.publication-view-switch button:not([aria-pressed=true]),.ig-view-switch button:not([aria-pressed=true]){background:#f3e7c9}
.content-card .content-preview{background:#f0e4c9;border-color:#dfcba4}
.ig-comparison thead th:nth-child(5),.ig-comparison thead th:nth-child(6){background:#ecdcba}
/* Active navigation stays clean, without an underline. */
nav button.active,nav button[data-nav="home"].active,nav button[data-nav="stats"].active{box-shadow:none;border-bottom-color:transparent;text-decoration:none}
/* Shared navigation rollover, including the two monthly views. */
nav button[data-nav="home"]:hover:not(:disabled),nav button[data-nav="stats"]:hover:not(:disabled){background:var(--ui-hover);color:var(--ui-ink);border-color:transparent;box-shadow:none}

header{position:relative;z-index:30;overflow:visible}
.settings-menu{position:relative;flex:0 0 auto}.settings-menu[hidden]{display:none}
.settings-menu summary{display:flex;align-items:center;justify-content:center;list-style:none;width:36px;height:36px;border-radius:4px;cursor:pointer;color:var(--ui-ink)}
.settings-menu summary::-webkit-details-marker{display:none}.settings-menu summary svg{width:21px;height:21px}
.settings-menu summary:hover,.settings-menu[open] summary{background:var(--ui-hover)}
.settings-menu summary:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}
.settings-dropdown{position:absolute;right:0;top:calc(100% + 10px);min-width:180px;padding:6px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:6px;box-shadow:0 12px 30px #091d2926;z-index:100}
.settings-dropdown button{white-space:nowrap;background:transparent;border:0;color:var(--ui-ink);width:auto;padding:10px 12px}
.settings-dropdown button:hover{background:var(--ui-hover)}
@media(max-width:760px){header>.row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}header>.row>label{flex:1 1 110px;min-width:0}.settings-menu{align-self:flex-end;margin-bottom:2px}}
header:has(.settings-menu[open]){z-index:120}

/* Fond des quatre indicateurs de suivi du mois. */
.month-overview .dashboard-stat{background:#013D49}

/* En-tête compact de la fiche publication. */
.review-title-row{gap:12px;align-items:center}
.review-title-row h1{flex:0 1 auto}
.review-header-labels,.review-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.review-header-actions{margin-left:auto;flex-shrink:0}
.review-header-actions #linkPublication{display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:8px}
.review-header-actions #linkPublication .ui-icon{width:18px;height:18px}
@media(max-width:599px){.review-title-row h1{flex-basis:100%}.review-title-row{gap:10px}.review-header-actions{gap:6px}}

.review-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}

/* Statut publié uniforme et liaison compacte en tête de vignette. */
.pill.pub-status-published,.content-grid .card-labels .pub-status-published{font-size:11px;line-height:1.4;padding:6px 10px;white-space:nowrap;flex-shrink:0;width:max-content;max-width:none}
.card-status-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;margin-left:auto}
.card-link-button{display:inline-flex;align-items:center;gap:5px;width:auto;min-height:29px;padding:5px 8px;font-size:11px;line-height:1.4;background:transparent}
.card-link-button .ui-icon{width:13px;height:13px}

/* Survol du menu principal. */
nav button:hover:not(:disabled),nav button[data-nav="home"]:hover:not(:disabled),nav button[data-nav="stats"]:hover:not(:disabled){background:#32646E;color:#fff8e8;border-color:transparent;box-shadow:none}

/* Navigation mensuelle centrée dans le dashboard. */
.month-actionbar{justify-content:center}
.month-actionbar .month-controls{justify-content:center;margin-inline:auto}
@media(max-width:760px){.month-actionbar .month-controls{justify-content:center}}

.month-actionbar{display:grid;grid-template-columns:1fr auto 1fr}.month-actionbar .month-controls{grid-column:2}.month-actionbar .month-primary-actions{grid-column:3;justify-self:end}
@media(max-width:760px){.month-actionbar{grid-template-columns:1fr}.month-actionbar .month-controls,.month-actionbar .month-primary-actions{grid-column:1;justify-self:center}}

/* Agrandissement intégré au bloc de prévisualisation. */
.reel-preview-footer{display:flex;align-items:center;justify-content:center;gap:16px;grid-column:1/-1;margin-top:12px}.reel-preview-footer .reel-demo-label{margin:0}.reel-preview-footer #fullscreen{width:auto;padding:6px 10px;min-height:32px;background:transparent;color:#fff8e8;border-color:#fff8e855;font-size:11px}.reel-preview-footer #fullscreen:hover{background:#32646e}.review .toolbar:empty{display:none}

/* Hauteur commune des menus déroulants et de l’action d’actualisation. */
:root{--control-height:40px}
select:not([multiple]){height:var(--control-height)!important;min-height:var(--control-height)!important;box-sizing:border-box;padding-top:6px!important;padding-bottom:6px!important}
.feedback-controls{gap:10px;align-items:center;margin-bottom:12px}
.feedback-controls h2{margin:0;font-size:20px;line-height:1.2;white-space:nowrap}
.feedback-controls .signature-picker{flex-wrap:nowrap}
.feedback-controls #refreshComments{height:var(--control-height);min-height:var(--control-height);padding:6px 10px;font-size:11px;white-space:nowrap}
@media(max-width:760px){:root{--control-height:44px}}

.publication-result-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}.publication-result-links>*{width:auto}.publication-result-target>td,.publication-result-target>th,.publication-result-target.instagram-result-card{background:#f4e8c9!important}.publication-result-target{scroll-margin-top:80px}

/* Dimensions communes à tous les boutons textuels d’action. */
:root{--action-font-size:12px;--action-padding-inline:12px}
button:not(.carousel-expanded-close):not(.content-preview):not(.editorial-thumb):not(.ig-thumbnail):not(.table-title):not(.order-handle):not(.editorial-edit):not(.ig-edit-characteristics):not(.archive-card):not(.reel-center-play):not(.reel-caption-toggle):not([data-reel-demo]):not(#previewCover):not(#closeModal):not(#linkPublication):not(#reelLike):not(#reelComment):not(#reelSave):not(#reelPlay):not(#reelMute),
a.gold-action-link,a.ig-preview-link{
box-sizing:border-box!important;min-height:var(--control-height)!important;height:var(--control-height)!important;font-family:Parkinsans,sans-serif!important;font-size:var(--action-font-size)!important;font-weight:600!important;line-height:1.4!important;padding:6px var(--action-padding-inline)!important;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto
}
a.gold-action-link,a.ig-preview-link{vertical-align:middle}
@media(max-width:760px){:root{--action-font-size:12px}}

button[hidden],a[hidden]{display:none!important}

/* Couleur commune de survol des boutons et filtres. */
:root{--ui-hover:#32646E}
button:hover:not(:disabled),a.gold-action-link:hover,a.ig-preview-link:hover,select:hover:not(:disabled),.settings-menu summary:hover,.settings-dropdown button:hover{background:#32646E!important;color:#fff8e8!important;border-color:#32646E!important;box-shadow:none!important}
button:hover:not(:disabled) .ui-icon,.settings-menu summary:hover .ui-icon{color:inherit!important}

/* Les liens dorés utilisent exactement le composant visuel des actions primaires. */
.publication-result-links>.primary,.publication-result-links>.gold-action-link{background:var(--ui-primary);color:var(--ui-primary-ink);border:1px solid #e6cc96;border-radius:4px;box-shadow:0 3px 12px #d2ad6918;margin:0;text-decoration:none}
.publication-result-links .ui-icon{width:16px;height:16px;flex:0 0 16px}

/* Essai de fond bleu profond pour les créations déjà publiées. */
#monthCreations .content-card:has(.pub-status-published){background:#013D49;color:#fff8e8}
#monthCreations .content-card:has(.pub-status-published) h2,#monthCreations .content-card:has(.pub-status-published)>small,#monthCreations .content-card:has(.pub-status-published) .card-month,#monthCreations .content-card:has(.pub-status-published) .order-handle{color:#fff8e8!important}

.pub-status-published,.review-published-label{background:#32646E!important;border-color:#32646E!important;color:#fff8e8!important}

/* Labels regroupés avec le titre de la légende. */
.caption-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.caption-heading h3{margin:0}.caption-heading .review-content-tags{margin:0}.caption-heading .content-tags{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0}

.card-footer-actions{justify-content:flex-end;gap:8px;margin-top:auto}.card-footer-actions>button:not(.primary){background:transparent;border:1px solid #b79a62;color:var(--ink,#091d29);border-radius:4px;box-shadow:none}.content-card .card-labels{align-items:center;flex-wrap:nowrap}.content-card .card-status-actions{margin-left:auto}

.review aside .feedback-controls #refreshComments{margin:0 0 0 auto;background:var(--ui-primary);color:var(--ui-primary-ink);border-color:#e6cc96;align-self:center}.review aside .feedback-controls .signature-picker{margin:0;align-items:center}.review aside .feedback-controls #refreshComments .ui-icon{width:16px;height:16px}

/* Crayons centrés sur le premier label, avec une marge côté séparateur. */
.ig-comparison .ig-category,.editorial-comparison .editorial-category{padding-right:48px}.ig-comparison .ig-category .ig-edit-characteristics,.editorial-comparison .editorial-edit{right:12px;width:26px;height:26px;min-height:26px;padding:3px;margin:0;display:flex;align-items:center;justify-content:center}.ig-comparison .ig-category .ig-edit-characteristics{top:20px}.editorial-comparison .editorial-edit{top:16px}

.content-card:has(.pub-status-published) .publication-number{background:#fff;color:#013d49!important}

.ig-comparison{min-width:1400px}.ig-comparison .ig-col-category{width:210px}

/* Règle unique de survol pour tous les tableaux de publications. */
.monthly-table{--table-row-hover:#32646e;--table-row-hover-ink:#fff}
.monthly-table tbody tr:hover> :is(th,td){background:var(--table-row-hover)!important;color:var(--table-row-hover-ink)!important}
.monthly-table tbody tr:hover :is(.table-title,.ig-publication a,.editorial-date,.ig-date,.muted,.editorial-edit,.ig-edit-characteristics,.metric-value,.metric-rank,.metric-cell strong){color:var(--table-row-hover-ink)!important}
.monthly-table tbody tr:hover :is(.table-title,.editorial-edit,.ig-edit-characteristics){background:transparent!important;border-color:transparent!important;box-shadow:none!important}

/* En-tête partagé entre Présentation et Résultats. */
.monthly-table thead th{box-sizing:border-box;height:86px!important;padding:18px 10px!important;vertical-align:middle!important;text-align:center!important;font-family:Parkinsans,sans-serif;font-size:12px!important;font-weight:600!important;line-height:1.4!important}
.monthly-table thead :is(.column-heading,.metric-heading){display:flex!important;flex-direction:column;align-items:center!important;justify-content:center;gap:9px!important;margin:0;font-size:12px!important;font-weight:600!important;line-height:1.4!important}
.monthly-table thead :is(.metric-full-label,.metric-short-label){font-size:12px!important;line-height:1.4!important;letter-spacing:0!important;white-space:nowrap}
.monthly-table thead :is(.ui-icon,.metric-icon){width:23px!important;height:23px!important;min-width:23px;margin:0!important;opacity:1!important;stroke-width:1.9!important}

.month-actionbar>.instagram-inline-status{grid-column:1;grid-row:1;margin:0;min-width:0;align-self:center}.month-actionbar .month-controls,.month-actionbar .month-primary-actions{grid-row:1}
@media(max-width:1100px){.month-actionbar:has(.instagram-inline-status){grid-template-columns:1fr auto}.month-actionbar:has(.instagram-inline-status) .month-controls{grid-column:2}.month-actionbar:has(.instagram-inline-status) .month-primary-actions{grid-column:1/-1;grid-row:2}}
@media(max-width:760px){.month-actionbar:has(.instagram-inline-status){grid-template-columns:1fr}.month-actionbar>.instagram-inline-status{grid-column:1;justify-content:center}.month-actionbar:has(.instagram-inline-status) .month-controls{grid-column:1;grid-row:2}.month-actionbar:has(.instagram-inline-status) .month-primary-actions{grid-column:1;grid-row:3}.month-actionbar .sync-date{flex-basis:auto;margin-left:0}}

/* Harmonisation des détails après contrôle design. */
.card-footer-actions>button>.ui-icon{width:16px;height:16px;margin:0}
.monthly-table tbody td.metric-cell:not([class*="metric-top-"]){color:#013d49}
.monthly-table tbody td:nth-child(5):not([class*="metric-top-"]),.monthly-table tbody td:nth-child(6):not([class*="metric-top-"]){color:#013d49}

@media(max-width:1800px){.ig-comparison .metric-full-label{display:none}.ig-comparison .metric-short-label{display:inline}}

.content-card:has(.pub-status-published){background:#013d49!important;color:#fff8e8}
.content-card:has(.pub-status-published) :is(h2,.card-month,.order-handle),.content-card:has(.pub-status-published)>small{color:#fff8e8!important}

/* Statut validé prêt à publier : vert soutenu. */
.pub-status-approved,.pub-status-scheduled{background:#16854a!important;border:1px solid #16854a!important;color:#fff!important}

/* Palette vive et cohérente des statuts. */
.pub-status-published,.review-published-label{background:#087f8c!important;border-color:#087f8c!important;color:#fff!important}
.pub-status-review{background:#e3265b!important;border-color:#e3265b!important;color:#fff!important}
.pub-status-approved,.pub-status-scheduled{background:#07864c!important;border-color:#07864c!important;color:#fff!important}

/* Essai réversible : retirer design-light-preview du body pour revenir au style précédent. */
.design-light-preview .monthly-table tbody tr:not(:hover)>:is(th,td){background:#fff!important;border-color:#e8e4db!important;border-left-color:transparent!important;border-right-color:transparent!important}
.design-light-preview .monthly-table .metric-rank{background:#e3eee8;color:#326455;border:0}
.design-light-preview :is(.pub-status-published,.review-published-label){background:#e3eff0!important;color:#24636c!important;border-color:transparent!important}
.design-light-preview .pub-status-review{background:#fbe8ee!important;color:#b3264e!important;border-color:transparent!important}
.design-light-preview :is(.pub-status-approved,.pub-status-scheduled){background:#e2ebcc!important;color:#516a32!important;border-color:transparent!important}
.design-light-preview .content-card,.design-light-preview #monthCreations .content-card:has(.pub-status-published),.design-light-preview .content-card:has(.pub-status-published){background:#fff!important;color:#013d49;box-shadow:0 10px 28px -16px #18394335!important;border-color:transparent!important}
.design-light-preview #monthCreations .content-card:has(.pub-status-published) :is(h2,.card-month,.order-handle),.design-light-preview .content-card:has(.pub-status-published) :is(h2,.card-month,.order-handle),.design-light-preview #monthCreations .content-card:has(.pub-status-published)>small,.design-light-preview .content-card:has(.pub-status-published)>small{color:#013d49!important}
.design-light-preview .content-card .publication-number{background:#f2ede3!important;color:#013d49!important}
.design-light-preview .monthly-table a.gold-action-link,.design-light-preview .card-footer-actions>.primary{background:transparent!important;color:#32646e!important;border-color:transparent!important;box-shadow:none!important}
.design-light-preview .monthly-table tbody tr:hover a.gold-action-link{color:#fff!important}
.design-light-preview .table-scroll{border-color:#e8e4db;box-shadow:none}
.design-light-preview .content-preview{border-color:transparent!important}

/* Numérotation légère commune aux tableaux. */
.monthly-table .table-number-badge{background:#f2ede3!important;color:#013d49!important;border:0!important;box-shadow:none!important;font-weight:700;font-variant-numeric:tabular-nums;border-radius:3px}
.monthly-table tbody tr:hover .table-number-badge{color:#013d49!important}
.monthly-table thead th:first-child .ui-icon{display:none!important}

/* Hiérarchie des textes des vignettes. */
.content-card h2{font-weight:600!important;color:#013d49!important}
.content-card>small,.content-card>small .card-month{font-weight:400!important}

/* Bandeau commun sable, sans dégradé. */
.monthly-table thead th{background:#eee2c8!important;color:#013d49!important;border-color:#dfd5c2!important}
.monthly-table thead :is(.column-heading,.metric-heading,.ui-icon,.metric-icon){color:#013d49!important}

/* Graisse commune à tous les labels. */
:is(.content-tag,.format-label,.pill,.review-published-label,.metric-rank,.preview-count){font-weight:700!important}

/* Mouvement discret du libellé, sans déplacer le bouton. */
#nav button .nav-label{display:inline-block;transition:opacity 240ms ease,color 240ms ease;opacity:.86}
#nav button{transition:background-color 240ms ease,color 240ms ease}
@media(hover:hover){#nav button:hover .nav-label{opacity:1}}
#nav button:focus-visible .nav-label{opacity:1}
@media(prefers-reduced-motion:reduce){#nav button,#nav button .nav-label{transition:none}#nav button:is(:hover,:focus-visible) .nav-label{transform:none}}

/* Même gabarit de numéro dans les tableaux et les vignettes. */
.content-card .publication-number,.monthly-table .table-number-badge{box-sizing:border-box;display:inline-grid;place-items:center;min-width:28px;height:30px;padding:0 5px;font-size:13px;line-height:1;font-weight:700;border-radius:3px;font-variant-numeric:tabular-nums}

/* Aides secondaires partagées : texte discret et information cerclée. */
.hint:not(:empty){position:relative;padding-left:19px;color:#9b7d48;font-size:10px;line-height:1.4;font-weight:500}
.hint:not(:empty)::before{content:"i";position:absolute;left:0;top:50%;transform:translateY(-50%);display:grid;place-items:center;box-sizing:border-box;width:13px;height:13px;border:1px solid currentColor;border-radius:50%;font-family:Georgia,serif;font-size:9px;font-weight:700;line-height:1}
/* Synthèse mensuelle allégée. */
.month-hero.compact-month.month-overview{background:transparent;border:0;box-shadow:none;padding:0;color:#013d49}
.month-overview .month-dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}
.month-overview .dashboard-stat{background:#fff;border:0;border-radius:6px;box-shadow:0 10px 28px -16px #18394335;padding:16px 20px;flex-direction:column;align-items:flex-start;gap:8px}
.month-overview .dashboard-stat:last-child{border-right:0}
.month-overview .dashboard-stat dt{color:#63727c;white-space:normal;font-weight:500}
.month-overview .dashboard-stat dd{color:#013d49;font-size:28px}
.month-overview .dashboard-stat dt .ui-icon,.month-overview .kpi-symbol{background:transparent;border:0;box-shadow:none;padding:0;color:#32646e;width:20px;height:20px;border-radius:0}
.month-overview .instagram-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.month-overview .instagram-kpi{background:#fff!important;border:0;box-shadow:0 10px 28px -16px #18394335;padding:16px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.month-overview .instagram-kpi .kpi-heading{white-space:normal;color:#526870;min-height:34px;font-weight:500}
.month-overview .instagram-kpi .kpi-number{color:#013d49;margin:0;font-size:32px}
.month-overview .instagram-kpi .kpi-note{color:#63727c;margin:0;max-width:none}
.month-overview .month-actionbar{border:0;padding:6px 0 12px}
.month-overview .month-controls button,.month-overview .banner-secondary{color:#013d49;border-color:#ddd5c5;background:transparent}
.month-overview .instagram-inline-status{color:#526870}
@media(max-width:1000px){.month-overview .instagram-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.month-overview .dashboard-stat,.month-overview .instagram-kpi{padding:12px}}
@media(max-width:600px){.month-overview .month-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px}.month-overview .dashboard-stat:nth-child(2){border-right:0}.month-overview .instagram-kpis{grid-template-columns:1fr}}
.month-overview .dashboard-stat dd{color:#013d49!important}

.review-header-actions #approvals:empty{display:none}
.review-header-actions #editContent{background:transparent;box-shadow:none}
.review-header-actions{flex-wrap:wrap;justify-content:flex-end}
.review-header-actions #editContent{order:1}.review-header-actions #approve,.review-header-actions #approvals{order:2}.review-header-actions #linkPublication{order:3}

.ig-table-toolbar .interaction-help{margin:0;font-size:12px;line-height:1.6;font-weight:400;color:#63727c}
.ig-table-toolbar .metric-ranking-legend{font-size:12px;font-weight:400;color:#63727c}
.ig-table-toolbar{align-items:center;gap:16px;flex-wrap:wrap}
/* Lien Instagram : retour visuel distinct du survol de ligne. */
.monthly-table a.gold-action-link{transition:background-color 240ms ease,color 240ms ease,box-shadow 240ms ease}
.design-light-preview .monthly-table tbody tr a.gold-action-link:is(:hover,:focus-visible){background:#fff!important;color:#013d49!important;border-color:transparent!important;box-shadow:0 2px 8px #013d4914!important}
@media(prefers-reduced-motion:reduce){.monthly-table a.gold-action-link{transition:none}}

/* Consolidation UX : repères, commandes et retours. */
#nav button,#nav button.active,#nav button[data-nav="stats"]{color:#fff!important}
#nav button .nav-label{opacity:1}
:is(button,a,select),.monthly-table tbody :is(td,th){transition:background-color 240ms ease,color 240ms ease,border-color 240ms ease}
.metric-highlight{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:60px;padding:10px 12px;border-radius:6px}
.metric-highlight-1{background:#a8cfc9}.metric-highlight-2{background:#c9e2de}.metric-highlight-3{background:#e6f1ef}
.monthly-table .metric-highlight:is(.metric-highlight-1,.metric-highlight-2,.metric-highlight-3) .metric-value{color:#013d49!important;font-weight:700;font-size:19px}
.design-light-preview .metric-highlight .metric-rank{background:transparent!important;color:#32646e!important;margin:0;padding:0;font-size:11px}
.review>aside>.card{padding:20px}
.feedback-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.feedback-controls h2{margin:0!important;margin-right:auto}
.feedback-controls #refreshComments{width:40px;min-width:40px;padding:8px;margin:0;background:transparent!important;box-shadow:none;border-color:#ddd5c5}
.review #thread:has(>.hint:only-child){margin:8px 0 12px}
.review #thread>.hint:only-child{margin:0}
.review #message{min-height:84px;height:84px;margin:0 0 10px;resize:vertical}
.review #context:empty,.review #saved:empty{display:none}
.review-title-row h1{color:#013d49!important}
.results-controls{background:transparent;box-shadow:none;border:0;border-bottom:1px solid #e4ded2;border-radius:0;padding:0 0 16px;margin-bottom:12px}
.ig-table-toolbar{gap:12px;margin-bottom:16px}
.month-actionbar{margin-bottom:0}
.month-primary-actions #connectInstagram{border-color:transparent;font-weight:500}
@media(prefers-reduced-motion:reduce){:is(button,a,select),.monthly-table tbody :is(td,th){transition:none}}

.results-controls .ig-view-switch{margin:0;flex:0 0 auto;align-self:flex-end}
.results-controls .results-search{flex:1 1 260px}
.results-controls .results-count{order:5;font-size:11px}
.ig-table-toolbar .interaction-help{margin-left:auto}
@media(max-width:760px){.results-controls .ig-view-switch{flex-basis:auto}.ig-table-toolbar .interaction-help{margin-left:0}}
.design-light-preview .monthly-table tbody tr:hover .metric-highlight .metric-rank{color:#32646e!important}
.design-light-preview .rank-key-1{background:#a8cfc9;color:#013d49}
.design-light-preview .rank-key-2{background:#c9e2de;color:#013d49}
.design-light-preview .rank-key-3{background:#e6f1ef;color:#013d49}
.feedback-controls #refreshComments:is(:hover,:focus-visible){background:#32646e!important;color:#fff!important}
/* Le comparatif tient dans son conteneur ; défilement local sur petit écran. */
.table-scroll{min-width:0;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#32646e #eee2c8}
.ig-comparison{width:100%;min-width:1100px;table-layout:fixed}
.ig-comparison .ig-col-number{width:3%}
.ig-comparison .ig-col-publication{width:24%}
.ig-comparison .ig-col-category{width:15%}
.ig-comparison .ig-col-date{width:9%}
.ig-comparison .ig-col-metric{width:7%}
.ig-comparison thead th{overflow:visible;white-space:normal;overflow-wrap:normal}
.ig-comparison .metric-highlight{box-sizing:border-box;min-width:52px;max-width:100%;padding:10px 6px}
/* Deux niveaux de commandes : mois/synchronisation, puis outils des résultats. */
.results-navigation{display:flex!important;align-items:center;justify-content:space-between;gap:16px;margin:18px 0!important;padding:0!important}
.results-navigation .month-controls{margin:0!important;justify-content:flex-start}
.results-navigation .month-primary-actions{display:flex;align-items:center;gap:12px;margin-left:auto}
.results-navigation>.instagram-panel{display:none}
.account-disclosure{position:relative;font-size:11px}
.account-disclosure summary,.results-guide summary{display:flex;align-items:center;gap:6px;cursor:pointer;color:#63727c;list-style:none;font-size:11px;padding:8px 0}
.account-disclosure summary::-webkit-details-marker,.results-guide summary::-webkit-details-marker{display:none}
.account-disclosure summary:after,.results-guide summary:after{content:'⌄';margin-left:5px}
.account-disclosure[open]{padding:0;background:transparent;border:0}
.account-disclosure .instagram-inline-status{font-size:11px;margin:8px 0}
.results-controls{display:flex;align-items:flex-end;gap:12px;padding:16px!important;background:#fff!important;border:1px solid #e8e4db!important;border-radius:5px;margin:0!important}
.results-controls .results-search{flex:1 1 220px}
.results-controls>label:not(.results-search){flex:0 1 150px;min-width:130px}
.results-controls .ig-view-switch{background:#f2ede3;border:0;padding:3px;gap:2px}
.results-controls .ig-view-switch button{min-height:36px;padding:8px 12px}
.ig-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px!important;padding:5px 0}
.ig-table-toolbar .results-count{font-size:11px;color:#63727c}
.results-guide{margin-left:auto;font-size:11px}
.results-guide[open]{padding:8px 12px;background:#fff;border:1px solid #e8e4db;border-radius:4px}
.results-guide .metric-ranking-legend{margin:8px 0;font-size:11px}
.results-guide .interaction-help{margin:8px 0!important;font-size:11px}
@media(max-width:1000px){.results-navigation{flex-wrap:wrap}.results-navigation .month-primary-actions{margin-left:0}.results-controls{flex-wrap:wrap}.results-controls .results-search{flex-basis:100%}.results-controls .ig-view-switch{margin-left:auto}}
@media(max-width:600px){.results-controls>label:not(.results-search){flex:1 1 130px}.results-controls .ig-view-switch{margin-left:0}.results-navigation .month-controls{flex-wrap:wrap}.ig-table-toolbar{align-items:flex-start}}
/* Classement compact : même corps que les autres valeurs du tableau. */
.monthly-table .metric-highlight{min-width:0;padding:3px 6px;gap:1px;border-radius:3px}
.ig-comparison .metric-highlight{min-width:0;padding:3px 6px}
.monthly-table .metric-highlight .metric-value,.monthly-table .metric-highlight:is(.metric-highlight-1,.metric-highlight-2,.metric-highlight-3) .metric-value{font-size:16px;font-weight:700;line-height:1.25;letter-spacing:0}
.design-light-preview .metric-highlight .metric-rank{font-size:9px;line-height:1.2;margin:0;padding:0;border:0}
/* Repère constant de la page courante dans le menu. */
#nav button.active,#nav button[data-nav="stats"].active{color:#dfb65f!important}
#nav button.active .nav-label{color:inherit}
.review-header-actions #linkPublication{width:auto;min-width:40px;flex:0 0 auto;white-space:nowrap;display:inline-flex;align-items:center;gap:7px;padding:10px 12px}
.review-header-actions{flex-wrap:wrap}
.month-contents-title{text-align:center;color:#013d49;font-size:24px;font-weight:600;line-height:1.3;margin:32px 0 24px}
@media(max-width:600px){.month-contents-title{font-size:21px;margin:24px 0 18px}}
.editorial-comparison tbody tr.publication-section-divider>td{padding:14px 18px;background:#f2ede3!important;color:#013d49!important;border-top:2px solid #d9d1c1;border-bottom:1px solid #e4ded2;vertical-align:middle}
.publication-section-divider span{font-size:13px;font-weight:700}
.publication-section-divider small{font-size:11px;font-weight:400;color:#63727c;margin-left:12px}
/* Dates : repère calme et centré, commun aux deux tableaux. */
.monthly-table tbody td:is(.ig-date,.editorial-date){vertical-align:middle;text-align:center;font-size:12px;font-weight:500;line-height:1.5;font-variant-numeric:tabular-nums;letter-spacing:.01em;color:#63727c;white-space:nowrap;padding:16px 8px}
/* Publications publiées : trait commun, sans surface colorée supplémentaire. */
.content-card:has(.pub-status-published){position:relative}
.content-card:has(.pub-status-published)::before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:#013d49;border-radius:3px 0 0 3px;pointer-events:none}
.editorial-comparison tbody tr:has(.pub-status-published)>:first-child,.ig-comparison tbody tr>:first-child{box-shadow:inset 3px 0 0 #013d49}
.design-light-preview .content-card .content-preview:is(:hover,:focus-visible){background:#f0e4c9!important;transform:none}
.content-grid .content-card{transition:transform 320ms cubic-bezier(.22,.61,.36,1),box-shadow 320ms cubic-bezier(.22,.61,.36,1);transform-origin:center}.content-card .content-preview{border-color:transparent!important}
@media(hover:hover){.content-grid .content-card:hover{transform:scale(1.035);box-shadow:0 20px 40px -10px #18394366!important;z-index:1}.content-card .content-preview:hover{outline:none!important;border-color:transparent!important;box-shadow:none!important}}
@media(prefers-reduced-motion:reduce){.content-grid .content-card{transition:none;transform:none!important}}
/* Interruption visuelle du tableau entre publiés et contenus à venir. */
.table-scroll:has(.publication-section-divider){border:0;background:transparent;box-shadow:none}
.editorial-comparison tbody tr.publication-section-divider>td{background:#fdfaf2!important;border:0!important;padding:26px 12px 18px;box-shadow:none}
.editorial-comparison tbody tr:has(+.publication-section-divider)>*{border-bottom:1px solid #e8e4db}
.editorial-comparison tbody tr.publication-section-divider+tr>*{border-top:1px solid #e8e4db}
/* Même ligne de lecture pour la date et les valeurs statistiques. */
.ig-comparison tbody td.ig-date{vertical-align:top;padding:25px 8px 16px;line-height:20px}
.editorial-comparison tbody td.editorial-date{vertical-align:top;padding:24px 8px 16px;line-height:20px}
/* La séparation reste sur le fond beige, même au survol du tableau. */
.monthly-table.editorial-comparison tbody tr.publication-section-divider,
.monthly-table.editorial-comparison tbody tr.publication-section-divider:is(:hover,:focus-within)>td,
.monthly-table.editorial-comparison tbody tr.publication-section-divider>td{background:#fdfaf2!important;color:#013d49!important}
/* Colonnes de repérage identiques lors du basculement Planning / Statistiques. */
:is(.editorial-comparison,.creation-statistics){--publication-width:360px}
.editorial-comparison col:nth-child(1),.creation-statistics .ig-col-number{width:56px!important}
.editorial-comparison col:nth-child(2),.creation-statistics .ig-col-publication{width:var(--publication-width)!important}
.editorial-comparison col:nth-child(3){width:calc((100% - 416px)*.40)!important}
.editorial-comparison col:nth-child(4){width:calc((100% - 416px)*.18)!important}
.editorial-comparison col:nth-child(5){width:calc((100% - 416px)*.24)!important}
.editorial-comparison col:nth-child(6){width:calc((100% - 416px)*.18)!important}
.creation-statistics .ig-col-category{width:180px}
.creation-statistics .ig-col-date{width:110px}
.creation-statistics .ig-col-metric{width:calc((100% - 706px)/7)}
:is(.editorial-comparison,.creation-statistics) tr>:nth-child(-n+2){padding-left:12px;padding-right:12px}
.creation-statistics .ig-publication{gap:12px}
.creation-statistics .ig-publication .editorial-thumb{width:68px;height:94px;flex:0 0 68px}
.creation-statistics .ig-format-above-title{margin-bottom:9px}
.creation-statistics .ig-format-above-title .format-label{font-size:11px;padding:5px 7px;line-height:1.4}
.creation-statistics .table-title{font-size:13px;line-height:1.5}
.publication-group-heading{display:flex;justify-content:center;text-align:center;flex-wrap:wrap;align-items:center;gap:4px;padding:28px 12px;background:#fdfaf2;color:#013d49;line-height:1.5}
.publication-group-heading span{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;letter-spacing:.01em}
.publication-group-heading small{font-size:14px;font-weight:600;color:#63727c;margin-left:0}
.editorial-comparison{min-width:1100px}
/* Géométrie commune : aucun déplacement du repérage au changement de vue. */
.table-scroll:has(>.editorial-comparison),.table-scroll:has(>.creation-statistics){border:0;background:transparent;border-radius:0;box-shadow:none}
:is(.editorial-comparison,.creation-statistics){border-collapse:collapse;border-spacing:0}
:is(.editorial-comparison,.creation-statistics) tbody tr:not(.publication-section-divider){height:152px}
:is(.editorial-comparison,.creation-statistics) tbody tr:not(.publication-section-divider)>:nth-child(-n+2){padding:16px 12px;vertical-align:top;border:1px solid #e2dace;font-size:12px;line-height:1.4}
.creation-statistics .editorial-publication{display:flex;align-items:flex-start;gap:12px}
.creation-statistics .editorial-publication>div{min-width:0}
.creation-statistics .editorial-publication .format-label{display:inline-flex;font-size:12px;line-height:18px;padding:5px 9px;margin:0 0 9px}
.creation-statistics .editorial-publication .table-title{display:block;text-align:left;padding:0;margin:0;line-height:1.5;font-size:13px}
.creation-statistics .editorial-number{text-align:center}
:is(.editorial-comparison,.creation-statistics) .table-number-badge{margin:0;vertical-align:top}
.creation-statistics tbody tr.publication-section-divider>td,.creation-statistics tbody tr.publication-section-divider:is(:hover,:focus-within)>td{background:#fdfaf2!important;color:#013d49!important;border:0!important;padding:26px 12px 18px;box-shadow:none}
:is(.editorial-comparison,.creation-statistics) .editorial-publication .format-label{box-sizing:border-box;height:30px;min-height:30px;line-height:18px}
:is(.editorial-comparison,.creation-statistics) .editorial-publication .format-label .ui-icon{width:15px;height:15px;flex:0 0 15px}
:is(.editorial-comparison,.creation-statistics) tbody tr.publication-section-divider>td{font-size:12px;line-height:16.8px}
/* Le statut suffit à identifier les contenus publiés. */
.content-card:has(.pub-status-published)::before{display:none}
.editorial-comparison tbody tr:has(.pub-status-published)>:first-child,.ig-comparison tbody tr>:first-child{box-shadow:none}
.design-light-preview :is(.pub-status-published,.review-published-label),.pub-status-published,.review-published-label{background:#c3e9df!important;color:#1c6559!important;border-color:transparent!important}
.pub-status-published :is(span,.ui-icon){color:inherit!important}
/* Pictos d’en-tête plus discrets, uniformes dans tous les tableaux. */
.monthly-table thead :is(.ui-icon,.metric-icon){width:19px!important;height:19px!important;flex:0 0 19px}
.editorial-comparison tbody tr:not(.publication-section-divider)>td:nth-child(5){text-align:center}
.editorial-comparison tbody tr:not(.publication-section-divider)>td:nth-child(5)>.pill{margin-left:auto;margin-right:auto;justify-content:center}
.sticky-table-header{position:fixed;z-index:40;overflow:hidden;pointer-events:none;background:#eee2c8;box-shadow:0 3px 8px #013d4914}
.sticky-table-header[hidden]{display:none}
.sticky-table-header>.monthly-table{margin:0;table-layout:fixed}
/* Espace de validation publicitaire, sans simulation Instagram. */
.paid-overview{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:24px 0;padding:18px 0;border-bottom:1px solid #e4ded2;color:#63727c}
.paid-overview strong{font-size:23px;color:#013d49;margin-right:5px}
.paid-overview button{margin-left:auto}
.paid-table .editorial-thumb img{width:100%;height:100%;object-fit:cover}
.paid-table td{text-align:center;vertical-align:top;padding:20px 12px}
.paid-table .editorial-publication{align-items:flex-start}
.paid-table .table-title{display:block;text-align:left;margin:0;padding:0}
.paid-version{display:block;font-size:11px;color:#63727c;margin-top:10px;font-weight:400}
.paid-row-actions,.paid-exports{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.paid-video{width:100%;display:flex;justify-content:center;background:#102f39;padding:16px;border-radius:4px}
.paid-video video{display:block;width:100%;max-width:420px;max-height:75vh;object-fit:contain}
@media(max-width:600px){.paid-overview{gap:14px}.paid-overview button{margin-left:0}.paid-video{padding:0}.review-header-actions{gap:7px}}
#nav button[data-nav="paid"]{background:transparent;border-color:transparent;box-shadow:none}
.paid-video{position:relative}
.paid-square-guide{position:absolute;z-index:2;box-sizing:border-box;transform:translate(-50%,-50%);border:2px solid #ed3d4f;background:rgba(237,61,79,.18);pointer-events:none}
.paid-square-guide[hidden]{display:none}
.paid-square-guide>span{position:absolute;top:6px;left:6px;padding:3px 6px;border-radius:3px;background:#d52d40;color:#fff;font:600 10px/1.4 Parkinsans,sans-serif;white-space:nowrap}
#paidSquareToggle[aria-pressed="true"]{background:#fbe8ee;color:#ad2035;border-color:#ed3d4f}
.content-more-actions{position:relative;flex:0 0 auto}
.content-more-actions>summary{display:grid;place-items:center;width:40px;height:40px;padding:0;list-style:none;border:1px solid #ddd5c5;border-radius:3px;color:#013d49;cursor:pointer;font-size:24px;line-height:1}
.content-more-actions>summary::-webkit-details-marker{display:none}
.content-more-actions>div{position:absolute;right:0;top:calc(100% + 5px);z-index:50;min-width:140px;padding:6px;background:#fff;border:1px solid #e4ded2;border-radius:4px;box-shadow:0 5px 16px #013d4917}
.content-more-actions button{white-space:nowrap;margin:0}
button.danger-action{color:#ad2035!important;border-color:#e7b9c2!important;background:#fbe8ee!important}
button.danger-action:hover:not(:disabled){color:#fff!important;background:#ad2035!important;border-color:#ad2035!important}
.post-trash-list{display:grid;gap:12px;margin-top:16px}
.post-trash-item{display:flex;align-items:center;gap:16px;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #e4ded2}
.post-trash-item small{display:block;margin-top:5px;font-size:11px;color:#63727c}
@media(max-width:600px){.post-trash-item{align-items:flex-start;flex-wrap:wrap}.content-more-actions>summary{height:44px;width:44px}}

/* Navigation du carrousel en vue agrandie. */
dialog.carousel-expanded{box-sizing:border-box;width:min(88vw,640px);max-width:88vw;height:80dvh;max-height:760px;margin:auto;padding:64px 24px 12px;border:1px solid #bba580;border-radius:6px;background:#091f29;color:#fff;overflow:hidden;box-shadow:0 20px 64px #071e2b40}
.carousel-expanded-image{height:calc(100% - 60px);width:100%;background-repeat:no-repeat;background-position:center;background-size:contain;touch-action:pan-y;user-select:none;cursor:grab}
.carousel-expanded-close{position:absolute;top:16px;right:20px;width:40px;height:40px;padding:0!important;font-size:26px!important;line-height:1;border-radius:50%!important;display:grid;place-items:center;background:#fffdf8!important;color:#091f29!important;border:0!important}
.carousel-expanded-controls{height:60px;display:flex;align-items:center;justify-content:center;gap:20px}
.carousel-expanded-controls button{width:44px;min-height:44px;padding:6px}
.carousel-expanded-controls span{min-width:64px;text-align:center;color:#fff;font-variant-numeric:tabular-nums}
@media(max-width:600px){dialog.carousel-expanded{width:calc(100vw - 40px);max-width:calc(100vw - 40px);height:82dvh;max-height:82dvh;padding:64px 12px 12px}.carousel-expanded-close{right:12px}.carousel-expanded-guide{left:12px}}

.carousel-expanded-image.composite{width:min(100%,calc((min(80dvh,760px) - 138px)*.75));margin-inline:auto}

.instagram-result-card .ig-publication a,.creation-statistics .table-title{font-weight:600}

/* Édition des médias : titres hors cadre, commandes et espacements communs. */
#revisionForm .revision-media{margin:24px 0;padding:0;border:0;background:transparent}
#revisionForm .revision-media h3{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-family:Parkinsans,sans-serif;font-size:15px;font-weight:600;color:#013d49}
#revisionForm .revision-media h3 .ui-icon{width:18px;height:18px;flex:0 0 18px;margin:0}
#revisionForm #slideEditor{border-top:1px solid #e4ded2}
#revisionForm .slide-editor-row{gap:16px;padding:16px 0;align-items:center;border-bottom:1px solid #e4ded2}
#revisionForm .slide-editor-thumb{flex-basis:72px;height:96px;background-color:#f2ede3}
#revisionForm .slide-editor-info>strong{font-size:13px;font-weight:600;line-height:1.5}
#revisionForm .slide-editor-info>small{font-size:11px;margin:3px 0 10px}
#revisionForm .slide-editor-actions{gap:8px}
#revisionForm .slide-editor-actions>button,#revisionForm .slide-editor-actions>.slide-replace{height:40px!important;min-height:40px!important;padding:8px 12px!important;font-size:12px!important;line-height:20px;border-radius:3px;border:1px solid #cbb98f;background:#fffdf8;color:#013d49;font-weight:500!important}
#revisionForm .slide-editor-actions [data-slide-up],#revisionForm .slide-editor-actions [data-slide-down]{width:40px;flex:0 0 40px;padding:0!important}
#revisionForm .slide-editor-actions .ui-icon{width:16px;height:16px;margin:0}
#revisionForm .slide-editor-actions button:disabled{opacity:.35}
#revisionForm .revision-media>.media-import{margin:16px 0;font-size:12px}
#revisionForm .revision-media>small{display:block;font-size:11px;color:#63727c;margin-top:12px}
@media(max-width:600px){#revisionForm .slide-editor-row{gap:12px;align-items:flex-start}#revisionForm .slide-editor-thumb{flex-basis:60px;height:80px}#revisionForm .slide-editor-actions>button,#revisionForm .slide-editor-actions>.slide-replace{min-height:40px;height:40px;padding:8px 10px}#revisionForm .slide-editor-actions [data-slide-up],#revisionForm .slide-editor-actions [data-slide-down]{width:40px;flex-basis:40px}}

.carousel-expanded-image{position:relative}
.carousel-expanded-guide{position:absolute;top:16px;left:20px;min-height:40px;padding:8px 12px;font-size:12px}

/* Fleurs fournies par Bich : même traitement sur tous les dashboards. */
.month-overview .instagram-kpi{position:relative;isolation:isolate;overflow:hidden;min-height:0}
.month-overview .dashboard-flower{position:absolute;right:14px;top:22px;width:76px;height:96px;object-fit:contain;pointer-events:none;user-select:none;z-index:-1}
.month-overview .instagram-kpi .kpi-heading{padding-right:70px;min-height:38px}
.month-overview .instagram-kpi .kpi-number{max-width:calc(100% - 72px)}
.month-overview .instagram-kpi .kpi-note{margin: auto 0 0;padding:0;min-height:0;font-size:11px;line-height:1.5;position:relative;background:#fff}
@media(max-width:1100px){.month-overview .dashboard-flower{right:10px;width:62px;height:82px;top:28px}.month-overview .instagram-kpi .kpi-heading{padding-right:58px}}
@media(max-width:600px){.month-overview .instagram-kpi{min-height:0}.month-overview .dashboard-flower{width:80px;height:100px;right:18px;top:18px}.month-overview .instagram-kpi .kpi-heading{padding-right:88px}}

.video-expanded .paid-video{height:100%;width:100%;position:relative;background:transparent;display:flex;align-items:center;justify-content:center}
.video-expanded .paid-video video{height:100%;width:100%;object-fit:contain;max-height:100%;background:transparent}

.month-overview .dashboard-flower[src$="flower-4.svg"]{transform:scale(.8);transform-origin:center}

.carousel-guide-help{position:absolute;top:61px;left:20px;right:20px;color:#d2dcdE;font-size:11px;line-height:1.4}
dialog.carousel-expanded:has(.carousel-guide-help){padding-top:88px}
.carousel-expanded:has(.carousel-guide-help) .carousel-expanded-image.composite{width:min(100%,calc((min(80dvh,760px) - 162px)*.75))}
@media(max-width:600px){.carousel-guide-help{left:12px;right:12px;font-size:10px}}

.month-contents-title .section-ornament{display:block;width:72px;height:50px;object-fit:contain;margin:0 auto 2px;pointer-events:none}
@media(max-width:600px){.month-contents-title .section-ornament{width:60px;height:42px;margin-bottom:2px}}

.month-overview .dashboard-flower[src$="flower-1.svg"]{transform:scale(.85);transform-origin:center}

#publicationTrackingTitle{margin:16px 0 12px}
#publicationTrackingTitle .section-ornament{width:58px;height:32px;margin-bottom:0}
.publication-view-header{margin-bottom:12px}

.publication-view-header .hint:not(:empty){color:#9b7d48;padding-left:19px}
.publication-view-header .hint:not(:empty)::before{top:50%;transform:translateY(-50%);width:13px;height:13px;font-size:9px;border-width:1px}

/* Socle commun aux pictos de toutes les cartes de dashboard. */
.month-overview :is(.dashboard-stat dt>.ui-icon,.instagram-kpi .kpi-heading>.ui-icon,.kpi-symbol){display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:28px;height:28px;min-width:28px;flex:0 0 28px;padding:6px;margin:0;background:#f5efE3;border:0;border-radius:4px;color:#32646e;box-shadow:none}
.month-overview .kpi-symbol :is(.ui-icon,.metric-icon){display:block;width:16px;height:16px;min-width:16px;margin:0;padding:0;color:inherit}
.month-overview .instagram-kpi .kpi-heading{display:flex;align-items:center;gap:8px}

/* Base commune des sections de toutes les pop-ins de formulaire. */
#modalBody fieldset{min-width:0;margin:24px 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
#modalBody fieldset>legend{display:block;width:100%;box-sizing:border-box;padding:0;margin:0 0 12px;color:#013d49;font-family:Parkinsans,sans-serif;font-size:15px;font-weight:600;line-height:1.4;float:none}
#modalBody :is(h3,.revision-media h3){font-family:Parkinsans,sans-serif;font-size:15px;font-weight:600;line-height:1.4;color:#013d49}
#modalBody fieldset>.hint:first-of-type{margin-top:0;margin-bottom:12px}
#modalBody .form-grid{column-gap:18px;row-gap:18px;align-items:start}
#modalBody label>small{font-size:11px;line-height:1.5;color:#63727c}
#modalBody :is(h3,legend)>.ui-icon{width:18px;height:18px;margin:0 8px 0 0;vertical-align:middle}
#modalBody form .row{gap:8px}
@media(max-width:600px){#modalBody fieldset{margin:20px 0}#modalBody fieldset>legend,#modalBody h3{font-size:14px}}

/* Informations communes : même traitement que sous le filtre des publications. */
.hint:not(:empty),.account-disclosure summary,.results-guide summary{color:#9b7d48!important;font-size:10px!important;font-weight:500!important;line-height:1.4}
.account-disclosure summary>.ui-icon,.results-guide summary>.ui-icon{width:13px;height:13px;min-width:13px;flex:0 0 13px}

.info-centered{width:fit-content;max-width:100%;box-sizing:border-box;margin:18px auto;text-align:center}

.publication-group-heading .ui-icon{width:16px;height:16px;flex:0 0 16px}#monthContentsTitle{margin-bottom:8px}#monthContentsTitle+.publication-group-heading{padding-top:12px}

.approved-filters{display:flex;width:fit-content;max-width:100%;box-sizing:border-box;justify-content:center;flex-wrap:wrap;gap:8px;margin:14px auto}.approved-month{margin:22px 0}.approved-month>.publication-group-heading{font-family:Parkinsans,sans-serif;margin:0;padding:20px 12px}

.square-guide-control{display:inline-flex;flex-direction:column;align-items:center;gap:5px;flex:0 0 auto}.square-guide-help{display:block;text-align:center;font-size:11px;line-height:1.4;color:#63727c}.expanded-square-control{position:absolute;top:16px;left:20px;align-items:stretch}.expanded-square-control .carousel-expanded-guide{position:static}.expanded-square-control .carousel-guide-help{position:static;color:#d2dcde}.toolbar>.square-guide-control{align-self:flex-start}@media(max-width:600px){.expanded-square-control{left:12px}.expanded-square-control .square-guide-help{font-size:10px}}

.account-disclosure{position:relative;align-self:center}.account-disclosure>summary{min-height:40px;box-sizing:border-box;white-space:nowrap}.instagram-account-panel{position:absolute;z-index:30;right:0;top:calc(100% + 8px);box-sizing:border-box;width:max-content;max-width:min(340px,calc(100vw - 56px));padding:16px;background:#fff;border:1px solid #e8e4db;border-radius:6px;box-shadow:0 12px 32px #18394326;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.instagram-account-panel .instagram-inline-status{margin:0;max-width:100%;overflow-wrap:anywhere}.instagram-account-panel #connectInstagram{margin:0;padding:7px 0;width:auto;min-height:32px}.instagram-account-panel .instagram-account{margin:0}