@font-face{font-family:Inter;src:url("fonts/InterVariable.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
/* e-hosts Studio: shared interface, composer, calendar and page management. */
:root{--studio-bg:#f5f5f0;--surface:#fff;--ink:#252721;--muted:#7d8275;--line:#e5e7de;--accent:#7560d3;--accent-dark:#5e48ba;--accent-soft:#f0edfb;--lime:#d9f480;--radius:17px;--bs-primary:#7560d3;--bs-primary-rgb:117,96,211;--bs-body-color:#252721;--bs-border-color:#e5e7de;--bs-link-color:#6c55c5;--bs-link-hover-color:#4f39aa;--bs-success-rgb:53,126,80;--bs-warning-rgb:167,117,35;--bs-danger-rgb:188,78,67}
*{box-sizing:border-box}html{background:var(--studio-bg);scroll-padding-top:90px}body{margin:0;background:var(--studio-bg);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}a{text-decoration:none}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6{letter-spacing:-.035em;color:var(--ink);font-weight:650}h5{font-size:1.06rem}::selection{background:#e3dcff;color:#302153}:focus-visible{outline:3px solid #aa98ea;outline-offset:3px}.text-secondary,.text-muted{color:var(--muted)!important}.text-primary{color:var(--accent)!important}.min-w-0{min-width:0}.skip-link{position:fixed;left:20px;top:-80px;background:var(--lime);padding:12px 20px;z-index:2000;color:#222;border-radius:10px}.skip-link:focus{top:15px}[hidden]{display:none!important}
.app-shell{min-height:100vh;align-items:stretch}.sidebar{width:236px;flex:0 0 236px;background:#222521;color:#eee;position:sticky;top:0;height:100dvh;min-height:0;padding:28px 17px 0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#41453e transparent;display:flex;flex-direction:column;z-index:60}.brand{font-size:25px;font-weight:750;letter-spacing:-1px;display:flex;align-items:center;gap:10px;color:#fff;padding:0 7px 27px}.brand:hover{color:#fff}.brand small{display:block;font-size:8px;letter-spacing:3.4px;color:#a8ada0;margin-top:-4px;font-weight:500}.workspace-switch{display:flex;align-items:center;gap:10px;background:#2d302b;border:1px solid #3b3e36;padding:11px 10px;border-radius:11px;margin-bottom:21px}.workspace-switch strong{font-size:11px;font-weight:600;color:#eff0eb;display:block}.workspace-switch small{font-size:10px;color:#9ca392}.workspace-symbol{display:grid;place-items:center;background:#434637;color:var(--lime);border-radius:8px;width:31px;height:31px}.workspace-switch>.bi{color:#a8b08e;font-size:12px}.sidebar-nav{padding-bottom:18px}.nav-section{color:#959d8b;text-transform:uppercase;font-size:9px;font-weight:600;letter-spacing:1.6px;margin:19px 12px 8px}.nav-section:first-child{margin-top:0}.nav-linker{display:flex;align-items:center;gap:11px;color:#b6bdaf;padding:9px 12px;border-radius:8px;font-size:12px;font-weight:500;margin:3px 0;transition:background .16s,color .16s}.nav-linker i{font-size:15px;width:18px;text-align:center;color:#9ca690}.nav-linker:hover{background:#30342c;color:#fff}.nav-linker.active{color:#d9f480;background:#393f2c}.nav-linker.active i{color:#d9f480}.nav-key{margin-left:auto;border:1px solid #555d45;line-height:19px;width:20px;text-align:center;border-radius:4px;font-size:13px;color:#cad8b0}.sidebar-note{margin:auto 4px 22px;border:1px solid #464b3b;padding:17px 16px;border-radius:13px;background:#2d3126}.sidebar-note>.bi{color:var(--lime);display:block;font-size:20px;margin-bottom:8px}.sidebar-note strong{font-size:14px;line-height:1.5;color:#e7eddd;font-weight:500;display:block}.sidebar-note a{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#b3bc9e;margin-top:14px}.sidebar-note a:hover{color:var(--lime)}.sidebar-footer{display:flex;align-items:center;gap:8px;border-top:1px solid #3a3e34;margin:0 -17px;padding:18px 17px;flex-shrink:0}.sidebar-user{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.sidebar-user-avatar{width:34px;height:34px;border-radius:50%;background:#e1ddc8;color:#444731;display:grid;place-items:center;font-weight:700;font-size:13px;flex-shrink:0}.sidebar-user-copy{min-width:0}.sidebar-user-copy strong{color:#e6e9df;display:block;font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:126px;font-weight:500}.sidebar-user-copy small{display:block;color:#9aa68b;font-size:9px}.sidebar-signout{background:none;border:none;color:#a6ae9b;font-size:16px;padding:5px;cursor:pointer}.sidebar-signout:hover{color:var(--lime)}
.content{width:calc(100% - 236px);max-width:none;min-width:0;padding:0;flex:1}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:85px;margin:0;padding:0 38px;background:var(--studio-bg);border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;position:relative;z-index:40}.topbar-title{display:flex;align-items:center;gap:10px;min-width:0}.breadcrumb-label{font-size:10px;color:#89907d;display:block;line-height:1.2;margin-bottom:5px}.breadcrumb-label span{padding:0 5px;color:#a7af9b}.topbar h1{font-size:18px;font-weight:650;margin:0;letter-spacing:-.5px}.topbar-actions{display:flex;align-items:center;gap:15px}.icon-button{width:35px;height:35px;display:inline-grid;place-items:center;background:transparent;border:none;border-radius:9px;color:#656c5b;font-size:17px}.icon-button:hover{background:#eaece2;color:#34392b}.quick-search{display:flex;align-items:center;gap:9px;background:none;border:none;color:#7c8470;font-size:11px;cursor:pointer}.quick-search kbd{background:#e9ebe1;color:#717b61;font-family:inherit;border:1px solid #dde0d2;padding:2px 5px;border-radius:4px;font-size:9px;margin-left:20px}.topbar-divider{width:1px;height:23px;background:#dedfd5}.topbar-create-post{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 15px!important;font-size:11px!important}.notification-dot{position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--studio-bg)}.notification-menu{width:min(380px,92vw);max-height:460px;overflow:auto;padding:0!important}.notification-header{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:16px;border-bottom:1px solid var(--line)}.notification-item.unread{background:#f8f6ff}.notification-item strong{font-size:12px}.notification-item p{font-size:11px;color:var(--muted);margin:4px 0}.notification-item small{font-size:10px;color:#89917e}.empty-notifications{display:flex;flex-direction:column;align-items:center;gap:8px;padding:35px 20px;color:var(--muted);font-size:12px}.empty-notifications i{font-size:26px;color:#a299c9}.empty-notifications strong{color:var(--ink)}.page-content{max-width:1560px;margin:auto;padding:31px 38px 36px;min-height:calc(100dvh - 145px)}.workspace-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:18px 38px;color:#88917a;font-size:10px}.workspace-footer b{font-weight:400;color:#6c775c}.mobile-menu,.sidebar-scrim{display:none}
.btn{font-size:12px;font-weight:550;border-radius:9px;padding:.6rem .9rem;box-shadow:none;transition:background .15s,color .15s;line-height:1.4}.btn-primary{--bs-btn-bg:var(--accent);--bs-btn-border-color:var(--accent);--bs-btn-hover-bg:var(--accent-dark);--bs-btn-hover-border-color:var(--accent-dark);--bs-btn-active-bg:var(--accent-dark);--bs-btn-active-border-color:var(--accent-dark);--bs-btn-disabled-bg:#b2a7e5;--bs-btn-disabled-border-color:#b2a7e5;background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.btn-dark{--bs-btn-bg:#292d25;--bs-btn-border-color:#292d25;--bs-btn-hover-bg:#424737;--bs-btn-hover-border-color:#424737;background:#292d25;border-color:#292d25}.btn-light{--bs-btn-bg:#f3f4ed;--bs-btn-border-color:#e9ebe0;--bs-btn-hover-bg:#e8eadf;background:#f3f4ed;color:#616c50;border-color:#e9ebe0}.btn-outline-primary{--bs-btn-color:#7560d3;--bs-btn-border-color:#d5cdec;--bs-btn-hover-bg:#7560d3;--bs-btn-hover-border-color:#7560d3;--bs-btn-active-bg:#7560d3;--bs-btn-active-border-color:#7560d3;color:var(--accent);border-color:#d5cdec}.btn-outline-secondary{--bs-btn-color:#6e7561;--bs-btn-border-color:#dfe2d5;--bs-btn-hover-bg:#edf0e4;--bs-btn-hover-color:#414833;--bs-btn-hover-border-color:#d2d8c2;color:#6e7561;border-color:#dfe2d5}.btn-sm{padding:.4rem .65rem;font-size:11px;border-radius:7px}.btn-lg{font-size:13px;padding:.8rem 1.15rem}.btn-link{color:var(--accent)}.form-control,.form-select{font-size:12px;border-radius:9px;min-height:42px;border-color:#e1e4d8;color:#343a2d;background-color:#fff}.form-control::placeholder{color:#9ca58e}.form-control:focus,.form-select:focus{border-color:#a89bdf;box-shadow:0 0 0 3px #f0ecfb;color:#343a2d}.form-check-input:checked{background-color:var(--accent);border-color:var(--accent)}.form-check-input:focus{box-shadow:0 0 0 3px #f0ecfb}.form-label{font-size:11px;font-weight:600;color:#636b57}.input-group-text{background:#f6f7f0;border-color:#e1e4d8;color:#788467;font-size:12px;border-radius:9px}.alert{font-size:12px;border-radius:12px;border:1px solid;box-shadow:none;padding:14px 17px}.alert-success{color:#276744;background:#eef7ec;border-color:#dcebd5}.alert-danger{color:#9c4141;background:#fff0ee;border-color:#f4d5d1}.alert-light{color:#6b785b;background:#f7f8f2;border-color:#e3e6d8}.badge{font-size:10px;font-weight:550;border-radius:6px;padding:5px 8px}.text-bg-light{background:#f0f2e9!important;color:#697659!important}.status-published{background:#e9f5e9;color:#347848}.status-publishing{background:#eef0ff;color:#5c60bb}.status-scheduled{background:#f0ebfc;color:#7960ba}.status-draft{background:#eff1e8;color:#65734e}.status-failed{background:#fcedeb;color:#ad5546}.badge[class*="status-"]{padding:6px 9px}.dropdown-menu{border:1px solid var(--line);border-radius:12px;box-shadow:0 15px 45px #252c2020;font-size:12px}.dropdown-item{font-size:12px;border-radius:6px;padding:9px 13px}.dropdown-item:active{background:var(--accent)}.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 3px #28301d02;background:var(--surface)}.card-body{padding:24px}.card-header{background:transparent;border-bottom:1px solid var(--line);padding:18px 24px;font-size:12px}.card-footer{background:transparent;border-top:1px solid var(--line);padding:14px 24px}.table{--bs-table-color:#58604d;--bs-table-hover-bg:#f9faf5;font-size:12px}.modern-table thead th,.table thead th{font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:550;color:#7e8b6c;background:#fafbf6;border-bottom:1px solid var(--line);padding:13px 18px}.modern-table td,.table td{padding:18px;border-color:#eef0e7}.table-responsive{border-radius:var(--radius)}.pagination{gap:4px;margin:0}.page-link{font-size:11px;color:#7e866e;border-radius:7px!important;border-color:#e2e6d6}.page-item.active .page-link{background:var(--accent);border-color:var(--accent)}.page-link:focus{box-shadow:0 0 0 3px #ede9f9}.page-link:hover{color:var(--accent);background:#f3f0fc}.metric-icon{width:40px;height:40px;border-radius:11px;font-size:18px;display:grid;place-items:center}.modern-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:12px}.modern-tabs .nav-link{background:none;border-radius:8px;padding:9px 15px;font-size:12px;color:#798667;box-shadow:none;font-weight:500}.modern-tabs .nav-link.active{background:#eae6f8;color:#7360ba}.modern-tabs .badge{background:#e0d9f4;color:#8067b7}.page-card{transition:transform .2s,border-color .2s;box-shadow:none}.page-card:hover{transform:translateY(-3px);border-color:#c6bfe1}.page-avatar{width:48px;height:48px;border-radius:15px}.placeholder-avatar,.profile-dot,.page-icon-placeholder,.visual-page-avatar{background:#f0edfa;color:#8b79c4}.status-dot.online{background:#7aa667}.status-dot.offline{background:#c57a6f}.integration-card,.category-card{border-color:var(--line)}.compact-page-avatar{box-shadow:0 0 0 1px #e1e4d7}.compact-page-option>input:checked+.compact-page-avatar{box-shadow:0 0 0 3px #a998df}.compact-page-check{color:var(--accent)}.compact-page-option>input:focus-visible+.compact-page-avatar{outline:3px solid #a594ed;outline-offset:4px}.post-list-row{border-color:var(--line)}.post-list-row:hover{background:#fcfcf8}.posts-list-header{background:#f9faf4;color:#83916f;font-size:10px}.post-list-thumb{border-radius:10px}.post-list-copy{color:#515b44;font-weight:500}.post-list-stat{color:#7a8669}.settings-icon{width:44px;height:44px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:20px}
/* Overview */
.section-eyebrow{font-size:9px;letter-spacing:1.9px;text-transform:uppercase;color:#889473;font-weight:600;display:flex;align-items:center;gap:7px;margin-bottom:10px}.section-eyebrow i{color:#9b8bd1}.page-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.page-intro h2{font-size:32px;font-weight:550;letter-spacing:-1.2px;margin-bottom:8px;line-height:1.2}.page-intro h2 em{font-style:normal;color:#917bc0}.page-intro p{font-size:12px;color:#849173;margin:0}.date-chip{display:flex;align-items:center;gap:9px;border:1px solid #e0e4d6;background:#fafbf6;padding:9px 12px;font-size:11px;color:#758464;border-radius:8px;white-space:nowrap}.overview-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px}.overview-stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;position:relative;color:var(--ink)}.overview-stat:hover{border-color:#cfc8e1;color:var(--ink)}.stat-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#818c71}.stat-top i{font-size:16px;color:#929d82}.stat-value{font-size:33px;font-weight:550;letter-spacing:-1px;margin:7px 0 5px;color:#3a4230;line-height:1.2}.stat-bottom{display:flex;align-items:center;gap:6px;font-size:10px;color:#95a17f}.stat-bottom i{font-size:11px;color:#849c6b}.overview-stat:nth-child(2){background:#f0ecfa;border-color:#e5def4}.overview-stat:nth-child(2) .stat-value{color:#7c67b1}.overview-stat:nth-child(2) .stat-top{color:#8d7aac}.overview-stat:nth-child(3) .stat-value{color:#6d8857}.overview-stat:nth-child(4) .stat-value{color:#b57e68}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:22px;margin-bottom:24px}.dashboard-main,.dashboard-side{min-width:0}.studio-banner{background:#e4eacb;border:1px solid #dbe4ba;border-radius:18px;min-height:212px;padding:29px;display:flex;justify-content:space-between;gap:20px;overflow:hidden;position:relative;margin-bottom:22px}.banner-copy{position:relative;z-index:2;max-width:330px}.banner-copy .section-eyebrow{color:#7d8d63;font-size:8px;letter-spacing:1.8px}.banner-copy h3{font-size:27px;line-height:1.25;font-weight:500;color:#455336;margin-bottom:10px}.banner-copy p{font-size:11px;line-height:1.7;color:#7a8966;margin-bottom:20px;max-width:270px}.banner-copy .btn{font-size:11px;background:#596a43;border-color:#596a43;padding:10px 14px;display:inline-flex;align-items:center;gap:12px}.banner-art{width:174px;flex-shrink:0;position:relative;align-self:center;height:156px;transform:rotate(8deg)}.art-paper{position:absolute;border-radius:11px;border:1px solid #ffffff9c;box-shadow:0 9px 20px #7b8c5222;width:121px;height:146px;background:#fbfcf5;left:17px;top:6px;padding:14px}.art-paper.back{transform:rotate(-17deg);background:#eef1df;top:-1px;left:27px}.art-avatar{width:17px;height:17px;background:#d8e2bd;border-radius:50%;display:inline-block}.art-line{height:5px;border-radius:8px;background:#e3e8d7;width:70%;margin-top:6px}.art-line.short{width:44%}.art-photo{height:51px;margin-top:11px;border-radius:6px;background:#d5dfb8;position:relative;overflow:hidden}.art-photo:before,.art-photo:after{content:"";position:absolute;width:80px;height:80px;background:#bacb90;transform:rotate(40deg);top:25px;left:-16px;border-radius:15px}.art-photo:after{background:#a8bd78;left:40px;top:20px}.art-spark{position:absolute;right:-5px;top:-7px;font-size:33px;color:#90a068;transform:rotate(-8deg)}.art-send{position:absolute;width:40px;height:40px;background:#9282bc;color:#f9f7ff;border:4px solid #e4eacb;border-radius:13px;right:0;bottom:-7px;display:grid;place-items:center;font-size:17px;transform:rotate(-8deg)}.section-card{border-radius:16px;background:white;border:1px solid var(--line);overflow:hidden}.section-card-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:21px 22px 16px}.section-card-head h3{font-size:14px;font-weight:600;margin:0;letter-spacing:-.3px}.section-card-head small{font-size:10px;color:#929e7d;display:block;margin-top:5px}.section-card-head a{font-size:10px;color:#8d76b5;white-space:nowrap}.section-card-head a i{padding-left:5px}.activity-row{display:flex;align-items:center;gap:13px;padding:16px 22px;border-top:1px solid #f0f2e8;color:#758060;font-size:11px}.activity-thumb{width:42px;height:42px;border-radius:9px;object-fit:cover;display:grid;place-items:center;background:#f1f0e7;flex-shrink:0;color:#94a17f;font-size:18px}.activity-copy{flex:1;min-width:0}.activity-copy strong{font-size:12px;display:block;font-weight:500;color:#5f6c4c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}.activity-copy small{font-size:10px;color:#929f7c;display:block;margin-top:3px}.activity-row .badge{font-size:9px;padding:5px 7px}.activity-row:hover,.upcoming-row:hover{background:#fcfdf9}.panel-empty{text-align:center;padding:32px 20px;color:#8d9d77;font-size:11px}.panel-empty i{font-size:27px;display:block;margin-bottom:12px;color:#a6b591}.panel-empty strong{display:block;color:#72835c;font-weight:500;margin-bottom:6px}.panel-empty a{display:inline-block;margin-top:10px;font-size:11px}.weekly-card{padding-bottom:19px;margin-bottom:22px}.weekly-chart{display:flex;align-items:end;gap:13px;height:128px;margin:9px 25px 0;border-bottom:1px dashed #e8ebdf}.chart-column{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:6px}.chart-bar{width:100%;max-width:24px;min-height:3px;background:#e6e1f4;border-radius:4px 4px 0 0}.chart-column.is-today .chart-bar{background:#a18acb}.chart-column b{font-size:9px;color:#8a70b2;font-weight:500}.chart-labels{display:flex;gap:13px;padding:8px 25px 0;justify-content:space-around;color:#8d9c77;font-size:9px}.chart-legend{display:flex;gap:6px;align-items:center;margin:15px 25px 0;color:#8f9a7c;font-size:9px}.chart-legend:before{content:"";width:6px;height:6px;border-radius:2px;background:#ac9bcf}.upcoming-row{display:flex;gap:13px;padding:16px 22px;border-top:1px solid #f0f2e8;color:#7e8a69}.upcoming-date{width:41px;border-radius:8px;background:#f4f3e8;text-align:center;padding:5px;flex-shrink:0;align-self:flex-start}.upcoming-date small{font-size:8px;color:#959578;text-transform:uppercase;display:block}.upcoming-date strong{font-size:18px;font-weight:500;line-height:1.2;color:#7f8060;display:block}.upcoming-copy{min-width:0;flex:1}.upcoming-copy strong{font-size:11px;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6b7958}.upcoming-copy span{display:block;font-size:9px;color:#919f7a;margin-top:4px}.upcoming-copy .bi{padding-right:4px}.quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.quick-link{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fafbf6;color:#818c6f}.quick-link>i:first-child{width:36px;height:36px;border-radius:9px;background:#ecefe1;display:grid;place-items:center;font-size:16px;color:#8a9d70;flex-shrink:0}.quick-link strong{display:block;font-size:11px;font-weight:550;color:#6c7d54}.quick-link small{font-size:9px;display:block;margin-top:2px;color:#92a07a}.quick-link>i:last-child{margin-left:auto;font-size:12px;color:#a6ad96}.quick-link:hover{background:#f0f3e6;border-color:#d6dcc8;color:#69755a}
/* Composer */
.composer-intro{margin-bottom:24px}.composer-intro h2{font-size:29px}.flow-steps{display:flex;gap:10px;align-items:center;font-size:10px;color:#8e9b7a;white-space:nowrap}.flow-steps a{display:flex;align-items:center;gap:6px;color:#7d9064}.flow-steps b{display:grid;place-items:center;width:24px;height:24px;border:1px solid #dce2cf;border-radius:50%;font-size:9px;font-weight:500}.flow-steps a:first-child b{background:#e4ddf4;color:#9074bc;border-color:#e4ddf4}.flow-steps>i{font-size:9px;color:#bdc7ad}.composer-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);gap:24px;align-items:start}.composer-main{min-width:0}.composer-panel{border:1px solid var(--line);background:#fff;border-radius:16px;margin-bottom:20px;scroll-margin-top:20px}.composer-panel-head{padding:21px 23px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-title{display:flex;align-items:center;gap:11px}.step-number{width:28px;height:28px;display:grid;place-items:center;border:1px solid #e4e7db;border-radius:8px;color:#91a074;font-size:10px}.panel-title h3{font-size:13px;margin:0;font-weight:600;letter-spacing:-.2px}.panel-title p{font-size:10px;color:#8f9f78;margin:4px 0 0}.composer-panel-body{padding:18px 23px 22px}.subtle-action{border:none;background:none;color:#967db9;font-size:10px;padding:4px;cursor:pointer}.subtle-action:hover{color:#715c9a}.audience-tools{display:flex;align-items:center;gap:8px;margin-bottom:13px}.audience-search{display:flex;align-items:center;gap:7px;background:#f9faf5;border:1px solid #e9ecdf;border-radius:7px;padding:5px 10px;flex:1;min-width:0;color:#93a378}.audience-search input{background:none;border:none;outline:none;min-width:0;width:100%;font-size:11px;color:#687555;height:23px}.audience-search input::placeholder{color:#9eaf86}.selection-count{font-size:10px;color:#95a477;white-space:nowrap}.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:205px;overflow-y:auto;padding:3px}.audience-option{display:flex;position:relative;align-items:center;gap:8px;padding:10px 9px;border:1px solid #e8ecdd;border-radius:8px;cursor:pointer;min-width:0;transition:border-color .15s,background .15s}.audience-option:has(input:checked){background:#f5f1fc;border-color:#c9bce4}.audience-option:has(input:focus-visible){outline:3px solid #a594ed;outline-offset:2px}.audience-option:hover{border-color:#cfc4e3}.audience-option input{position:absolute;opacity:0}.audience-option img,.audience-avatar{width:29px;height:29px;border-radius:8px;object-fit:cover;flex-shrink:0;background:#eee8f7;color:#a492c5;display:grid;place-items:center;font-size:14px}.audience-option strong{font-size:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;color:#7c8d62;min-width:0;padding-right:8px}.audience-check{font-size:10px;position:absolute;right:5px;bottom:5px;color:#a292c3;opacity:0}.audience-option:has(input:checked) .audience-check{opacity:1}.format-tabs{display:flex;gap:6px;margin-bottom:16px}.format-option{flex:1;min-width:0;position:relative;cursor:pointer}.format-option input{position:absolute;opacity:0}.format-option span{border:1px solid #edf0e5;background:#fcfcfa;display:flex;align-items:center;justify-content:center;gap:5px;padding:11px 4px;border-radius:7px;font-size:10px;color:#8a9d6d}.format-option i{font-size:13px}.format-option input:checked+span{background:#f0ebfa;border-color:#d8ceec;color:#9277ba}.format-option input:focus-visible+span{outline:3px solid #a594ed;outline-offset:2px}.message-editor{border:1px solid #e8ecdd;border-radius:10px;overflow:hidden}.message-editor:focus-within{border-color:#b3a3d4;box-shadow:0 0 0 3px #f3effb}.message-editor textarea{width:100%;min-height:195px;background:white;border:0;border-radius:0;padding:17px;font-size:13px;line-height:1.8;resize:vertical;outline:0;color:#536342}.message-editor textarea::placeholder{color:#a6b88e}.editor-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 13px;border-top:1px solid #f1f3e9;background:#fcfdf9;font-size:9px;color:#93a475}.editor-hint{display:flex;align-items:center;gap:5px}.field-caption{font-size:10px;display:flex;justify-content:space-between;color:#819768;margin-bottom:7px}.field-caption span{color:#a5b68b;font-weight:400}.composer-panel .form-control{font-size:11px;min-height:40px;border-radius:8px}.upload-zone{border:1px dashed #dce2cf;background:#fbfcf6;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:11px;padding:21px 12px;text-align:left;color:#a2ac90;cursor:pointer;width:100%;flex-direction:row}.upload-zone:hover,.upload-zone.drag-active{background:#f2eefb;border-color:#b2a1d5;transform:none}.upload-symbol{display:grid;place-items:center;width:36px;height:36px;background:#edf0e3;border-radius:9px;color:#8c9f6c;font-size:18px;flex-shrink:0}.upload-zone strong{font-size:11px;display:block;font-weight:500;color:#7c9062}.upload-zone small{font-size:9px;display:block;margin-top:3px;color:#a0b183}.media-preview-box img,.media-preview-box video{border-radius:10px;max-height:230px}.comments-disclosure{border-top:1px solid #eef0e6;margin-top:21px;padding-top:16px}.comments-disclosure summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;font-size:11px;color:#809566}.comments-disclosure summary::-webkit-details-marker{display:none}.comments-disclosure summary span{display:flex;align-items:center;gap:7px}.comments-disclosure[open] summary>i{transform:rotate(180deg)}.comments-disclosure summary small{font-size:9px;color:#a5b58b}.comment-row .form-control{font-size:11px}.comment-row .input-group-text{font-size:10px;width:32px;justify-content:center}.comment-row .btn{font-size:11px}.publish-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.publish-mode{position:relative;cursor:pointer;display:flex;align-items:center;gap:10px;border:1px solid #e6ebd9;border-radius:10px;padding:15px 12px;color:#93a67a}.publish-mode input{accent-color:var(--accent);margin-left:auto;order:2;flex-shrink:0;width:13px;height:13px}.publish-mode>i{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#f2f4ea;font-size:15px;flex-shrink:0}.publish-mode strong{font-size:11px;display:block;font-weight:500;color:#7e9462}.publish-mode small{font-size:9px;display:block;color:#9bad81;margin-top:3px}.publish-mode:has(input:checked){background:#f5f1fc;border-color:#c8b7e1}.publish-mode:has(input:checked)>i{background:#eae1f6;color:#967bbd}.publish-mode:has(input:checked) strong{color:#8b6eaf}.schedule-box{background:#fafbf6;border:1px solid #e8ecdd;border-radius:10px;padding:16px;margin-top:14px}.schedule-shortcuts{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.schedule-shortcuts button{padding:5px 10px;font-size:10px;border:1px solid #e2e8d4;background:#fff;color:#819d63;border-radius:5px}.schedule-shortcuts button:hover{background:#eee7fa;border-color:#d3c4e8;color:#9a83b6}.schedule-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.schedule-fields label{font-size:9px;color:#8ba270}.schedule-fields input{display:block;width:100%;margin-top:5px;border:1px solid #e2e8d4;background:white;color:#728a55;border-radius:7px;padding:9px 10px;font-size:11px;min-width:0}.schedule-zone{font-size:9px;color:#91a875;display:flex;gap:5px;align-items:flex-start;margin-top:11px}.schedule-summary{background:#eee9f7;color:#8c71b0;font-size:10px;margin-top:12px;padding:10px 12px;line-height:1.5;display:block;border-radius:7px}.composer-preview{position:sticky;top:24px;min-width:0}.preview-canvas{border:1px solid #e3e5d9;border-radius:16px;background:#edeee7;padding:19px}.preview-canvas-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:23px}.preview-canvas-head>span{font-size:11px;color:#7d9264;display:flex;gap:6px;align-items:center}.preview-device-tabs{display:flex;padding:3px;background:#e1e5d6;border-radius:6px;gap:3px}.preview-device-tabs button{border:none;background:transparent;color:#899f70;font-size:12px;padding:4px 8px;line-height:1.1;border-radius:4px}.preview-device-tabs button.active{background:#fff;color:#957ab8;box-shadow:0 1px 3px #73805e14}.fb-preview{padding:0;border:1px solid #e3e5de;background:#fff;border-radius:10px;overflow:hidden;font-size:12px;width:100%;max-width:100%;margin:0 auto;transition:max-width .2s}.fb-preview.mobile-preview{max-width:280px}.fb-preview-head{display:flex;gap:9px;align-items:center;padding:16px}.preview-avatar{width:34px;height:34px;border-radius:50%;background:#eeeaf8;color:#aa99c9;overflow:hidden;flex-shrink:0;font-size:17px}.preview-avatar img{width:100%;height:100%;object-fit:cover}.preview-page-meta{min-width:0;flex:1}.preview-page-meta strong{font-size:11px;font-weight:600;display:block;color:#6d8156;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-page-meta small{font-size:9px;color:#97ad7c}.fb-preview-head>.bi{color:#a2b68a;font-size:14px}.preview-post-text{padding:0 16px 17px;color:#607a46;font-size:12px;line-height:1.8;min-height:90px;overflow-wrap:anywhere;white-space:pre-wrap}.preview-post-text.is-empty{color:#9bb184;min-height:170px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;padding:20px 35px}.preview-post-media:empty{display:none}.preview-post-media img,.preview-post-media video{display:block;width:100%;max-height:420px;object-fit:contain;background:#f7f8f2}.preview-engagement{display:flex;justify-content:space-around;border-top:1px solid #f1f3e9;padding:12px 6px;color:#8aa16c;font-size:9px;gap:4px;flex-wrap:wrap}.preview-engagement i{padding-right:3px;font-size:12px}.preview-comments{padding:0 13px}.preview-comment{font-size:10px;background:#f6f7f0;color:#809965;margin:10px 0;border-radius:9px;padding:9px 11px;overflow-wrap:anywhere;white-space:pre-wrap}.preview-comment strong{color:#718e55;font-size:9px}.preview-note{text-align:center;font-size:9px;color:#8ca274;margin:16px 0 0;line-height:1.6}.preview-note i{margin-right:4px}.preview-meta{background:#fff;border:1px solid var(--line);border-radius:13px;margin-top:16px;padding:21px}.preview-meta h3{font-size:12px;margin-bottom:17px}.readiness-line{display:flex;align-items:center;gap:8px;font-size:10px;color:#9aaf83;margin-top:11px}.readiness-line i{color:#b4c6a1;font-size:13px}.readiness-line.is-ready{color:#758f58}.readiness-line.is-ready i{color:#7b9c5c}.preview-tip{font-size:10px;color:#91a878;margin:17px 6px;line-height:1.8;display:flex;gap:8px;align-items:flex-start}.preview-tip i{font-size:14px;color:#b39bca}.composer-actionbar{position:sticky;bottom:13px;z-index:30;margin-top:5px;background:#fffffff2;backdrop-filter:blur(14px);border:1px solid #e0e5d4;border-radius:13px;padding:15px 19px;box-shadow:0 8px 28px #5e6b4210;display:flex;align-items:center;justify-content:space-between;gap:12px}.composer-action-info{display:flex;align-items:center;gap:10px;min-width:0}.composer-action-info>i{color:#9ab47e;font-size:17px}.composer-action-info strong{font-size:11px;display:block;font-weight:500;color:#718c55}.composer-action-info small{font-size:9px;display:block;color:#98b07e;margin-top:2px}.composer-action-buttons{display:flex;gap:9px;align-items:center;flex-shrink:0}.composer-action-buttons .btn{font-size:11px;padding:11px 16px;display:flex;align-items:center;gap:8px}.composer-errors{margin-bottom:18px}.composer-errors:empty{display:none}.danger-link{color:#b98169;font-size:10px;background:none;border:0;padding:4px;cursor:pointer}.danger-link:hover{color:#a45e42}
/* Content library */
.library-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.library-heading h2{font-size:29px;font-weight:550;letter-spacing:-1px;margin-bottom:7px}.library-heading p{font-size:12px;color:#849c6c;margin:0}.library-count{font-size:11px;color:#859f68;background:#eef2e5;padding:8px 13px;border:1px solid #e3e9d7;border-radius:7px;white-space:nowrap}.library-tabs{display:flex;gap:22px;margin-bottom:20px;border-bottom:1px solid #e1e6d7;overflow:auto}.library-tabs a{font-size:12px;white-space:nowrap;color:#8ba473;padding:10px 1px 13px;border-bottom:2px solid transparent}.library-tabs a.active{border-color:#a78bc5;color:#9674b6}.library-tabs a i{margin-right:6px}.library-filter-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.library-filter-head strong{font-size:12px;color:#7f9b65;font-weight:500}.filter-controls{display:flex;gap:8px}.library-filter .compact-page-picker{margin-top:15px;padding-bottom:4px}.library-filter .card-body{padding:19px 22px}.publication-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.publication-card{border:1px solid #e4e9d9;background:#fff;border-radius:14px;overflow:hidden;min-width:0}.publication-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:15px 16px}.publication-card-top .badge{font-size:9px}.publication-card-top .mini-page-avatar{width:27px;height:27px;border-radius:8px;margin-left:-5px}.publication-card-top .mini-page-avatar:first-child{margin-left:0}.page-initial{display:inline-grid;place-items:center;background:#eeebf6;color:#9a81bb;font-size:10px}.publication-visual{height:155px;display:grid;place-items:center;background:#f1f3e9;color:#9ab67c;font-size:32px;position:relative;border-block:1px solid #f1f4e9;overflow:hidden}.publication-visual img,.publication-visual video{width:100%;height:100%;object-fit:cover}.publication-visual.format-link{background:#eeebf7;color:#ac96c8}.publication-visual.format-video{background:#e7eee5;color:#8dac79}.publication-visual .content-type{position:absolute;left:12px;bottom:10px;font-size:9px;background:#fffffff0;border:1px solid #f0f2e8;border-radius:5px;color:#8da970;padding:4px 8px}.publication-body{padding:16px}.publication-copy{color:#6b8751;font-size:12px;line-height:1.7;height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px;overflow-wrap:anywhere}.publication-date{font-size:10px;color:#93ad77;display:flex;gap:5px;align-items:center}.publication-footer{padding:13px 16px;border-top:1px solid #f1f4e9;display:flex;justify-content:space-between;align-items:center;gap:8px}.publication-footer>small{font-size:9px;color:#91ac76}.publication-actions{display:flex;gap:5px}.publication-actions .btn{font-size:11px;padding:5px 8px;border-color:#e6edda;color:#8eab72}.publication-actions .btn:hover{background:#f0eafa;color:#9677b8}.publication-warning{font-size:10px;color:#a16e55;background:#fbf3eb;padding:9px 12px;margin:0 16px 14px;border-radius:7px;white-space:pre-wrap;overflow-wrap:anywhere}.library-empty{grid-column:1/-1;background:#fff;border:1px dashed #d9e0cb;border-radius:15px;padding:65px 20px;text-align:center}.library-empty>i{font-size:36px;color:#b8a0d1;display:block;margin-bottom:20px}.library-empty h3{font-size:19px;color:#7c9a5e;font-weight:500}.library-empty p{font-size:12px;color:#91ad75;margin:10px auto 22px;max-width:330px}.library-pagination{margin-top:24px}
/* Calendar */
.calendar-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:20px 0}.calendar-toolbar h3{margin:0;font-size:21px;font-weight:550}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:#e6e9de;gap:1px;border:1px solid #e6e9de;border-radius:14px;overflow:hidden}.calendar-weekday{background:#f7f9f1;padding:11px;text-align:center;text-transform:uppercase;font-size:9px;letter-spacing:1px;color:#8b9f71}.calendar-day{background:#fff;min-height:126px;padding:10px;min-width:0}.calendar-day.outside{background:#f7f8f2}.calendar-day.today{background:#faf7ff}.calendar-day-number{display:inline-grid;place-items:center;width:24px;height:24px;color:#829b66;font-size:11px;border-radius:50%;margin-bottom:7px}.today .calendar-day-number{background:#a68bc3;color:#fff}.calendar-event{display:block;background:#f0eaf8;border-left:2px solid #b8a2d2;border-radius:4px;padding:6px;margin-bottom:5px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#9676b5}.calendar-event small{font-size:8px;color:#ab91c7;display:block;margin-bottom:2px}.calendar-event:hover{background:#e8ddf6}.calendar-add{font-size:9px;color:#9db57f;display:block;padding:5px}.view-toggle{display:flex;background:#eaeede;padding:3px;border-radius:8px;gap:3px}.view-toggle a{padding:7px 11px;color:#8ca46e;font-size:10px;border-radius:6px}.view-toggle a.active{background:#fff;color:#9272b2;box-shadow:0 1px 3px #71825812}
/* Live system status and pages */
.health-banner{display:flex;align-items:flex-start;gap:12px;background:#fff2eb;border:1px solid #f0d5c4;border-radius:12px;padding:15px 18px;margin-bottom:22px;color:#9a674b;font-size:12px}.health-banner>i{font-size:19px;flex-shrink:0}.health-banner strong{display:block;font-size:12px;margin-bottom:3px}.health-banner p{margin:0;font-size:11px}.health-banner .btn{margin-left:auto;white-space:nowrap}.health-banner.is-ok{background:#f0f6e7;border-color:#dce9c8;color:#6f8c4e}.health-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:11px;color:#7f9767;margin-bottom:22px}.health-strip span{display:flex;align-items:center;gap:7px}.health-strip i{color:#8fa56f}.health-strip small{font-size:10px;color:#93a67c}.page-error{background:#fff1eb;color:#ac7053;border:1px solid #f3ddce;border-radius:8px;padding:10px 12px;font-size:10px;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:13px}.page-health-caption{font-size:10px;color:#8da26e}.page-health-label{font-size:9px;display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:5px 8px;background:#edf5e5;color:#759455}.page-health-label.reconnect{background:#fff0e7;color:#b07853}.page-health-label.error{background:#fbece9;color:#ad6655}.page-health-label.pending{background:#f4f2e8;color:#9c946a}.page-health-label.checking{background:#f0ecfa;color:#9d7cbf}.page-card .card-body{padding:21px}.page-card h6{font-size:13px;font-weight:600}.page-card .small{font-size:10px}.page-card .btn-sm{font-size:10px}.integration-error{font-size:10px;color:#b67c60;margin-top:7px;white-space:pre-wrap;overflow-wrap:anywhere}.toast-stack{position:fixed;bottom:24px;right:24px;width:min(380px,calc(100vw - 32px));z-index:1200;display:flex;flex-direction:column;gap:10px}.studio-toast{position:relative;background:#fff;border:1px solid #f0d3c6;border-left:4px solid #c38165;border-radius:11px;padding:17px 38px 17px 17px;box-shadow:0 12px 45px #3e452325;color:#9a694e;font-size:11px}.studio-toast strong{font-size:12px;display:block;margin-bottom:5px}.studio-toast p{margin-bottom:8px;white-space:pre-wrap;overflow-wrap:anywhere}.studio-toast a{font-size:10px;color:#9774b6}.studio-toast button{position:absolute;right:9px;top:9px;border:0;background:none;color:#a7b28f}.live-indicator{width:6px;height:6px;border-radius:50%;background:#93ae6d;display:inline-block;box-shadow:0 0 0 3px #edf3e6}.offline-indicator{background:#c58c6e;box-shadow:0 0 0 3px #f9eee6}.connection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.profile-card{border:1px solid var(--line);border-radius:14px;background:#fff;padding:21px}.profile-card-head{display:flex;gap:12px;align-items:center}.profile-card-head strong{font-size:13px;font-weight:550}.profile-card-head small{font-size:10px;color:#8fa575;display:block;margin-top:3px}.profile-card-footer{border-top:1px solid #edf1e5;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:16px;margin-top:17px;font-size:10px;color:#8ea772}
/* Older screens keep their behavior and inherit the new visual system. */
.studio-app .analytics-hero{background:#3c4433!important;border-radius:18px!important}.studio-app .analytics-hero h2{color:#e2ebd5;font-weight:500}.studio-app .analytics-hero p{font-size:12px;color:#b7c4a6}.studio-app .analytics-metric,.studio-app .analytics-table-card,.studio-app .analytics-selector{border-color:var(--line);box-shadow:none}.studio-app .analytics-metric .metric-symbol{background:#eee9f9;color:#a488cb}.studio-app .analytics-metric h3{color:#728c57;font-weight:500}.studio-app .review-note{background:#f1f3e7;border-color:#d6dfc2;color:#7f9766}.studio-app .analytics-page-option input:checked+.analytics-avatar{box-shadow:0 0 0 3px #b29ed0}.studio-app .analytics-check{color:#ac96cc}.studio-app .analytics-progress>span{background:#b5a2d1}.studio-app .range-pill .btn-check:checked+.btn{background:#a38fbe;border-color:#a38fbe}.studio-app .story-page-option:has(input:checked){border-color:#baabd3;background:#f5f0fb;box-shadow:0 0 0 2px #b4a0cf11}.studio-app .story-dropzone{border-color:#d5ddc6;background:#fafbf6}.studio-app .story-dropzone:hover,.studio-app .story-dropzone.is-dragging{border-color:#af9acb;background:#f3eefb}.studio-app .story-dropzone .drop-icon{background:#f0e9f9;color:#ac98c7}.studio-app .story-url-panel{background:#f6f8ef;border-color:#e2e9d5}.studio-app .story-preview-card,.studio-app .active-story-card{border-color:var(--line);box-shadow:none}.studio-app .active-story-meta-item{background:#f8faf2;border-color:#e8eedc}.studio-app .visual-page-option input:checked+.visual-page-card{background:#f4effb;border-color:#b3a0ce;box-shadow:none}.studio-app .visual-page-check{color:#ac98c7}.studio-app .visual-page-card:hover{border-color:#c4b4da}
.command-dialog{padding:0;border:1px solid #e2e7d7;border-radius:16px;box-shadow:0 30px 100px #16211133;width:min(530px,92vw);max-height:min(590px,80dvh);margin:12dvh auto auto;background:#fff;color:#83916f}.command-dialog::backdrop{background:#22291e66;backdrop-filter:blur(5px)}.command-search{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid #e9eede}.command-search input{width:100%;outline:none;border:0;font-size:12px;color:#657b4d}.command-search button{border:0;background:none;padding:0}.command-search kbd{font-family:inherit;font-size:9px;background:#f1f4e9;border:1px solid #e3e9d6;color:#8ba66a;padding:4px 7px;border-radius:4px}.command-results{padding:8px;max-height:440px;overflow:auto}.command-results a{display:flex;align-items:center;gap:14px;padding:11px 12px;border-radius:8px;color:#78965a;font-size:12px}.command-results a:hover,.command-results a:focus{background:#f4effb;color:#9d7cbd}.command-results a small{display:block;color:#9eb985;font-size:9px;margin-top:3px}
@media(min-width:1600px){.page-content{padding-top:38px}.overview-stat{padding:24px}.studio-banner{min-height:230px}.banner-copy h3{font-size:30px}.publication-visual{height:190px}.audience-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1250px){.sidebar{width:212px;flex-basis:212px;padding-inline:13px}.sidebar-footer{margin-inline:-13px;padding-inline:13px}.content{width:calc(100% - 212px)}.page-content{padding:27px}.topbar{padding-inline:27px}.dashboard-grid{gap:16px;grid-template-columns:minmax(0,1.35fr) minmax(260px,1fr)}.banner-art{width:125px}.art-paper{left:0}.art-paper.back{left:10px}.banner-copy h3{font-size:24px}.publication-grid{gap:13px}.composer-layout{gap:17px;grid-template-columns:minmax(0,1.35fr) minmax(270px,1fr)}.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.composer-panel-head{padding:19px 18px 0}.composer-panel-body{padding:17px 18px 20px}.format-option span{font-size:9px}.quick-search kbd{margin-left:4px}.quick-links{gap:10px}.quick-link{padding:14px}.quick-link small{font-size:8px}.publish-mode{padding:12px 10px;gap:7px}.publish-mode>i{display:none}.preview-canvas{padding:16px}.flow-steps{gap:6px;font-size:9px}.studio-banner{padding:25px 22px}.overview-stats{gap:11px}.overview-stat{padding:17px}.stat-top{font-size:10px}.calendar-day{padding:8px}}
@media(max-width:991.98px){.sidebar{position:fixed;left:0;top:0;display:flex;width:250px;transform:translateX(-100%);transition:transform .2s;height:100dvh;z-index:1100}.navigation-open .sidebar{transform:translateX(0)}.navigation-open{overflow:hidden}.navigation-open .sidebar-scrim{display:block;position:fixed;inset:0;background:#22291e88;backdrop-filter:blur(3px);z-index:1090;border:none}.content{width:100%;padding:0}.topbar{height:72px;padding:0 24px;background:#f5f5f0f5;backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}.mobile-menu{display:inline-grid;margin-left:-7px}.topbar h1{font-size:16px}.breadcrumb-label{font-size:9px}.page-content{padding:26px 24px 32px}.workspace-footer{padding-inline:24px}.composer-preview{top:92px}.page-intro h2{font-size:29px}.quick-search{display:none}.overview-stats{gap:12px}.composer-intro h2{font-size:26px}.flow-steps{display:none}.publication-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.composer-panel{scroll-margin-top:90px}.composer-action-buttons .btn{font-size:11px;padding:10px 12px}.composer-action-info small{max-width:260px}.posts-table table{min-width:750px}}
@media(max-width:767.98px){.dashboard-grid{grid-template-columns:1fr}.dashboard-side{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.weekly-card{margin-bottom:0}.studio-banner{min-height:210px}.banner-copy h3{font-size:28px}.banner-art{width:174px}.art-paper{left:17px}.art-paper.back{left:27px}.overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.page-intro h2{font-size:28px}.quick-links{grid-template-columns:1fr}.quick-link{padding:16px}.quick-link small{font-size:10px}.quick-link strong{font-size:12px}.composer-layout{grid-template-columns:1fr}.composer-preview{position:static;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(170px,1fr);gap:16px;align-items:start}.preview-meta{margin:0}.preview-tip{grid-column:2}.preview-canvas{grid-row:span 2}.audience-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.format-option span{font-size:11px}.composer-action-info small{max-width:170px}.composer-actionbar{margin-top:24px}.date-chip{font-size:9px}.library-heading h2{font-size:26px}.library-tabs{gap:17px}.calendar-shell{overflow-x:auto;padding-bottom:8px}.calendar-grid{min-width:680px}.calendar-toolbar{flex-wrap:wrap}.connection-grid{grid-template-columns:1fr}}
@media(max-width:575.98px){.topbar{padding:0 16px;height:68px}.topbar-title{gap:4px}.topbar h1{font-size:14px}.breadcrumb-label{font-size:8px}.topbar-actions{gap:6px}.topbar-divider{display:none}.topbar-create-post{width:33px;height:33px;min-width:0;padding:0!important}.topbar-create-post span{display:none}.topbar-create-post i{font-size:13px}.icon-button{width:32px;height:32px;font-size:16px}.page-content{padding:23px 16px 27px}.page-intro{align-items:flex-start;margin-bottom:22px}.page-intro h2{font-size:26px;letter-spacing:-.9px}.page-intro p{font-size:11px;line-height:1.7}.section-eyebrow{font-size:8px;letter-spacing:1.5px}.date-chip{display:none}.overview-stats{gap:10px;margin-bottom:17px}.overview-stat{padding:15px}.stat-top{font-size:10px}.stat-top i{font-size:14px}.stat-value{font-size:30px}.stat-bottom{font-size:9px}.dashboard-side{grid-template-columns:1fr}.studio-banner{padding:24px 20px;gap:8px;min-height:204px;margin-bottom:17px}.banner-copy h3{font-size:25px}.banner-copy p{font-size:10px;max-width:170px}.banner-art{width:105px;opacity:.8;transform:rotate(9deg) scale(.8);transform-origin:right center;margin-left:-10px}.art-paper{left:-6px}.art-paper.back{left:4px}.art-spark{right:-15px}.art-send{right:-12px}.banner-copy .section-eyebrow{font-size:7px}.section-card-head{padding:18px}.activity-row,.upcoming-row{padding:14px 18px}.activity-copy strong{font-size:11px;max-width:185px}.activity-row .badge{font-size:8px}.activity-thumb{width:35px;height:35px}.activity-copy small{font-size:9px}.workspace-footer{padding:17px 16px;font-size:9px}.workspace-footer span:last-child{max-width:160px;text-align:right}.card-body{padding:18px}.library-heading{align-items:flex-start}.library-heading h2{font-size:24px}.library-heading p{font-size:11px;line-height:1.6}.library-count{font-size:9px;padding:7px 9px}.library-tabs{gap:18px;margin-bottom:16px}.library-tabs a{font-size:11px}.library-filter-head{align-items:flex-start;flex-direction:column;gap:13px}.filter-controls{flex-wrap:wrap}.publication-grid{grid-template-columns:1fr;gap:16px}.publication-visual{height:190px}.publication-copy{font-size:13px;height:46px}.publication-date{font-size:10px}.publication-card-top .badge{font-size:10px}.publication-footer>small{font-size:10px}.publication-actions .btn{font-size:12px}.composer-intro h2{font-size:25px}.composer-panel-head{padding:18px 16px 0;align-items:flex-start}.composer-panel-body{padding:16px}.panel-title{gap:9px}.panel-title h3{font-size:12px}.panel-title p{font-size:9px}.step-number{width:25px;height:25px;font-size:9px}.subtle-action{font-size:9px}.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.format-tabs{gap:4px}.format-option span{font-size:9px;flex-direction:column;gap:5px;padding:9px 3px}.format-option i{font-size:15px}.message-editor textarea{font-size:13px;padding:14px;min-height:180px}.editor-footer{font-size:8px}.editor-hint span{max-width:195px}.composer-preview{display:block}.preview-canvas{padding:18px}.preview-meta{margin-top:16px}.preview-tip{margin:16px 7px}.preview-post-text.is-empty{min-height:150px}.publish-mode{padding:14px 10px}.publish-mode strong{font-size:10px}.publish-mode small{font-size:8px}.schedule-box{padding:13px}.schedule-fields{gap:9px}.schedule-zone{font-size:9px}.composer-actionbar{bottom:8px;flex-wrap:wrap;padding:13px;border-radius:11px;gap:10px}.composer-action-info{width:100%}.composer-action-info>i{font-size:14px}.composer-action-info strong{font-size:10px}.composer-action-info small{font-size:9px;max-width:none}.composer-action-buttons{width:100%;gap:7px}.composer-action-buttons .btn{font-size:11px;flex:1;justify-content:center;padding:12px 7px}.composer-action-buttons .danger-link{font-size:9px;flex:0;padding:5px}.composer-actionbar .spinner-border{width:12px;height:12px}.command-dialog{margin-top:8dvh}.notification-menu{width:min(350px,92vw)}.health-banner{flex-wrap:wrap;padding:14px}.health-banner .btn{margin-left:30px}.health-strip{font-size:10px;padding:13px}.studio-app .analytics-hero .card-body{padding:24px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}
/* Keep small interface text comfortably readable on the pale surfaces. */
.stat-top,.stat-bottom,.section-card-head small,.page-intro p,.activity-copy small,.upcoming-copy span,.quick-link small{color:#7c8770}.activity-copy strong,.upcoming-copy strong,.quick-link strong{color:#48573b}.panel-title p,.selection-count,.editor-footer,.field-caption,.comments-disclosure summary,.schedule-zone,.preview-note,.readiness-line,.preview-tip{color:#7d896c}.audience-option strong,.publish-mode strong,.preview-page-meta strong{color:#526442}.publish-mode small,.upload-zone small,.preview-page-meta small{color:#83946f}.format-option span,.field-caption span{color:#80916a}.preview-post-text{color:#394831}.preview-post-text.is-empty{color:#8d9d7d}.publication-copy{color:#4d5d3e}.publication-date,.publication-footer>small,.calendar-weekday,.page-health-caption{color:#7f906b}.composer-action-info strong{color:#536a40}.composer-action-info small{color:#7f936d}.schedule-fields input{color:#4d653c}.schedule-fields label{color:#7b9165}.preview-engagement,.preview-comments{color:#7d9167}.preview-comment{color:#687e52}.calendar-day-number{color:#6c8355}.calendar-event{color:#7b5ca0}.today .calendar-day-number{color:white}.library-heading p,.library-tabs a{color:#788c64}.library-tabs a.active{color:#8b68b1}.entry-page .login-subtitle{color:#7f8e6e}.modal-content{border:1px solid var(--line);border-radius:17px;box-shadow:0 20px 65px #303b2522}.modal-header,.modal-footer{border-color:var(--line);padding:20px 23px}.modal-body{padding:22px 23px}.modal-title{font-size:16px;font-weight:550}.page-card .btn-sm .bi{margin-right:4px}
/* Keep account actions available even in a shorter browser window. */
.sidebar{overflow:hidden}.sidebar-nav{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#414b34 transparent;padding-bottom:12px}.sidebar-note{flex-shrink:0;margin:10px 4px 16px}.sidebar-footer{margin-top:auto}.sidebar-nav .nav-linker{flex-shrink:0}
@media(max-height:1050px){.sidebar-note{display:none}}
@media(max-width:575.98px){.preview-device-tabs button{min-width:34px;min-height:30px}.subtle-action{min-height:28px}}