/* Central: full-screen editorial workspace, white, ink and neutral gray. */
:root {
  --ink:#252525; --muted:#858585; --line:#e6e6e6; --canvas:#fbfbfb;
  --purple:#8e8e8e; --purple-dark:#787878; --purple-soft:#f2f2f2;
  --sidebar:#181818; --accent:#989898; --accent-light:#c0c0c0;
  --shadow:0 8px 28px #23232306; --radius:8px;
}
html,body {width:100%;height:100%;margin:0;background:var(--canvas)}
body,button,input,textarea,select {font-family:"Poppins",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body {font-size:14px;color:var(--ink);font-weight:400;letter-spacing:-.14px}
button,input,textarea,select {font-size:13px}
#app {position:relative;display:flex;width:100%;max-width:none;height:100dvh;min-height:0;margin:0;overflow:hidden;box-shadow:none;background:var(--canvas);border:0;border-radius:0}
.workspace {margin-left:240px;width:calc(100% - 240px);height:100%;min-height:0;overflow:hidden;background:var(--canvas)}
.sidebar {position:absolute;inset:0 auto 0 0;width:240px;height:100%;padding:32px 23px 23px;background:var(--sidebar);border-right:1px solid #ffffff08;color:#999999}
.brand {display:flex;align-items:center;gap:11px;min-height:46px;margin:0 0 37px;font-family:"Poppins",sans-serif;font-size:23px;font-weight:500;letter-spacing:-.7px;color:#f4f4f4}
.brand img,.brand-logo {display:block;width:170px;height:auto;max-height:48px;object-fit:contain;object-position:left center}
.brand-symbol {width:43px;height:43px;font-family:"Poppins",sans-serif;color:var(--accent-light);background:none;border-radius:0;font-weight:500}
.brand-symbol svg {width:43px;height:43px}
.brand-dot,.brand small,.sidebar-label {display:none}
.nav-link {position:relative;height:55px;margin:3px 0;padding:0 13px;gap:12px;border-radius:6px;border:1px solid transparent;background:transparent;color:#a7a7a7;font-size:14px;font-weight:400;letter-spacing:-.12px;transition:background .16s,color .16s,border-color .16s}
.nav-link:after {content:"";position:absolute;left:13px;right:13px;bottom:-3px;height:1px;background:#ffffff08}
.nav-link:hover {color:#ededed;background:#ffffff04}
.nav-link.active {color:#c5c5c5;background:#98989812;border-color:#98989815}
.nav-link.active:before {display:none}
.nav-link.active:after {background:transparent}
.nav-link svg {width:20px;height:20px;stroke-width:1.55;opacity:.87}
.nav-link.active svg {opacity:1}
.icon {fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.nav-count {min-width:23px;padding:1px 6px;background:#9898981f;color:#bdbdbd;border-radius:20px;font-size:10px;line-height:17px}
.sidebar-bottom {padding-top:18px}
.future-channel {padding:0 10px 19px;color:#727272;font-size:11px}
.future-channel span {padding:3px 6px;border:1px solid #393939;border-radius:4px;color:#8d8d8d;font-size:9px}
.sidebar-profile {padding:15px 3px 0;border-top:1px solid #ffffff0c;gap:10px;color:#ededed}
.profile-circle {height:37px;width:37px;border:1px solid #98989866;background:#9898980a;color:#b9b9b9;font-size:15px;font-weight:400}
.sidebar-profile strong {max-width:125px;font-size:11px;font-weight:500;line-height:1.6;letter-spacing:0}
.sidebar-profile small {margin-top:2px;color:#7f7f7f;font-size:10px;letter-spacing:0}
.profile-more {font-size:12px;color:#b9b9b9;letter-spacing:1px}
.topbar {height:92px;min-height:92px;padding:0 46px;gap:22px;border-bottom:1px solid #eaeaea;background:#ffffff}
#topbar-view-title {font-family:"Poppins",sans-serif;font-size:29px;line-height:1.35;font-weight:400;letter-spacing:-1px;color:#282828}
.topbar-actions {gap:14px;margin-left:auto}
.topbar-actions>.button {min-width:181px;height:43px;padding:0 18px;gap:10px;border:1px solid #939393;border-radius:5px;background:#939393;color:#fdfdfd;font-size:12px;font-weight:500;letter-spacing:.02px;box-shadow:0 2px 4px #6d6d6d0b}
.topbar-actions>.button:hover {background:#828282;border-color:#828282;color:#ffffff}
.topbar-actions>.button svg {width:16px;height:16px;stroke-width:1.65}
.workspace-selector,.topbar .date-pill,.topbar .user-button {display:none}
main {flex:1;min-height:0;max-width:none;margin:0;padding:36px 46px 26px;overflow:auto;background:var(--canvas);scrollbar-width:thin;scrollbar-color:#d5d5d5 transparent}
.app-footer {flex:none;min-height:37px;margin:0;padding:10px 46px;border-top:1px solid #ededed;background:#ffffff;color:#969696;font-size:10px;font-weight:400;letter-spacing:0}
.app-footer .tiny-dot {width:5px;height:5px;background:#979797}
.page-heading {margin-bottom:27px}.page-heading p {max-width:670px;margin:0;color:#888888;font-size:13px;font-weight:400;line-height:1.8;letter-spacing:-.1px}
.heading-actions {gap:9px}
.button {min-height:39px;padding:9px 14px;border:1px solid #e0e0e0;border-radius:5px;background:#ffffff;color:#616161;font-size:12px;line-height:1.6;font-weight:400;letter-spacing:-.06px;box-shadow:none}
.button:hover {background:#f3f3f3;border-color:#cccccc;color:#3c3c3c}
.button.primary {background:#939393;border-color:#939393;color:#fdfdfd;font-weight:500}
.button.primary:hover {background:#828282;border-color:#828282;color:#ffffff}
.button.soft {background:#f0f0f0;border-color:#e9e9e9;color:#777777}
.button.ghost {background:transparent;border-color:transparent;color:#767676}
.button.danger {background:#f9f9f9;border-color:#dfdfdf;color:#797979}
.button.small {min-height:33px;padding:6px 11px;font-size:11px}
.button svg {width:16px;height:16px;stroke-width:1.6}
.icon-button {width:35px;height:35px;min-width:35px;padding:8px;border:1px solid #e2e2e2;border-radius:5px;background:#ffffff;color:#828282}
.icon-button:hover {border-color:#bababa;background:#f7f7f7;color:#7a7a7a}
.icon-button svg {width:17px;height:17px;stroke-width:1.55}
.text-button,.card-header a {font-size:12px;font-weight:400;color:#848484}
.text-button:hover {color:#606060}
.pill {border-radius:4px;background:#f0f0f0;color:#898989;font-size:10px;font-weight:400;line-height:1.6;letter-spacing:0}
.pill.purple {background:#efefef;color:#818181}.pill.green {background:#f2f2f2;color:#7d7d7d}.pill.orange {background:#f3f3f3;color:#8e8e8e}.pill.red {background:#f1f1f1;color:#808080}
.card,.stat-card,.project-card,.account-card {border:1px solid #e4e4e4;border-radius:8px;background:#ffffff;box-shadow:0 3px 15px #36363604}
.card-header {padding:22px 25px;border-color:#ededed}.card-header h2 {color:#484848;font-size:15px;line-height:1.5;font-weight:500;letter-spacing:-.25px}.card-header p {font-size:12px;color:#979797;line-height:1.7}.card-body {padding:25px}
.card h3 {font-weight:500;color:#595959}.empty {padding:48px 25px}.empty-symbol {border:1px solid #dedede;border-radius:12px;background:#f7f7f7;color:#a7a7a7}.empty-symbol:before,.empty-symbol:after {display:none}.empty h3 {color:#6a6a6a;font-size:15px;font-weight:400;letter-spacing:-.2px}.empty p {max-width:430px;color:#919191;font-size:12px;line-height:1.9}.empty .button {margin-top:20px}
.toolbar {margin-bottom:25px}.filters {gap:10px}.filters>select {font-size:12px}.search-input input {font-size:12px;min-height:39px;border-radius:5px;border-color:#dfdfdf}.search-input svg {height:16px;width:16px;color:#a0a0a0}
.segmented {min-height:43px;gap:2px;padding:4px;border:1px solid #e9e9e9;border-radius:6px;background:#eeeeee}
.segmented button {min-width:100px;padding:7px 20px;border-radius:3px;color:#909090;font-size:12px;line-height:1.6;font-weight:400;letter-spacing:-.05px}
.segmented button.active {background:#ffffff;color:#555555;box-shadow:0 1px 4px #3333330e}
.segmented button:hover:not(.active) {background:#e4e4e4;color:#636363}
.calendar-toolbar {align-items:center;flex-wrap:nowrap;gap:20px;margin-bottom:30px}
.calendar-toolbar>.segmented {width:251px;min-height:43px;flex:none;justify-content:stretch}
.calendar-toolbar>.segmented button {height:33px;flex:1;min-width:0;padding:5px 17px;font-size:12px}
.calendar-filters {display:flex;align-items:center;gap:16px;margin-left:auto}
.calendar-filter-button {height:42px;min-width:105px;padding:9px 13px;gap:13px;border:1px solid #e2e2e2;border-radius:5px;background:#ffffff;color:#717171;font-size:12px}
.calendar-filter-button svg {width:18px;height:18px;stroke-width:1.45}
.calendar-head {gap:6px}.calendar-head>.icon-button {height:38px;width:27px;min-width:27px;padding:5px;background:transparent;border-color:transparent;color:#a3a3a3}
.calendar-head>.icon-button:hover {background:#ececec;border-color:transparent;color:#757575}.calendar-head>.icon-button svg {width:14px;height:14px}
.calendar-date-button {height:42px;min-width:214px;gap:21px;padding:8px 14px;border:1px solid #e2e2e2;border-radius:5px;background:#ffffff;color:#717171}
.calendar-date-button svg {width:18px;height:18px;color:#8f8f8f;stroke-width:1.45}
.calendar-title {min-width:0;font-size:12px;font-weight:400;color:#666666;letter-spacing:0;text-transform:capitalize}
.calendar-card {border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none}
.calendar-weekdays {margin-bottom:12px;border:0;background:transparent}.calendar-weekdays div {padding:0 11px;font-size:12px;line-height:1.6;font-weight:400;letter-spacing:-.15px;text-align:left;color:#909090}
.calendar-grid {border:1px solid #dfdfdf;border-right:0;border-bottom:0;background:#ffffff}
.calendar-cell {position:relative;min-height:207px;padding:10px 11px 35px;border-color:#e2e2e2;background:#ffffff;overflow:hidden}
.calendar-cell:nth-child(7n) {border-right:1px solid #e2e2e2}.calendar-cell.outside {background:#fafafa}.calendar-cell.today {background:#fafafa}.calendar-cell.today .day-number {display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#939393;color:white;font-weight:400}
.calendar-cell.outside .day-number {color:#c0c0c0}.calendar-cell.drag-over {background:#f2f2f2}
.day-top {min-height:25px;margin-bottom:8px}.day-number {display:inline-block;width:auto;height:auto;text-align:left;font-size:13px;font-weight:400;line-height:1.6;color:#626262}
.day-add {padding:0 3px;border:0;border-radius:4px;color:#b3b3b3;font-size:16px;font-weight:300;line-height:1}.day-add:hover {background:#ececec;color:#868686}
.calendar-cell-count {position:absolute;left:11px;bottom:11px;color:#a3a3a3;font-size:11px;font-weight:400;line-height:1.4;letter-spacing:-.1px}
.calendar-post,.calendar-post.published,.calendar-post.failed,.calendar-post.verify {display:flex;align-items:center;gap:9px;min-height:41px;margin-bottom:7px;padding:7px 8px;border:1px solid #ececec;border-radius:4px;background:#f6f6f6;color:#6b6b6b;font-size:12px}
.calendar-post:hover {background:#eaeaea;border-color:#e0e0e0}.calendar-post time {display:inline;margin:0;color:#717171;font-size:12px;font-weight:400;line-height:1.6}.calendar-post-label {display:none}.calendar-post.failed:after,.calendar-post.verify:after {background:#8a8a8a}
.instagram-brand {width:23px;height:23px}.instagram-brand svg {width:19px;height:19px;stroke-width:1.6}.calendar-legend {margin-top:20px;color:#a1a1a1;font-size:11px;font-weight:400;line-height:1.8;gap:20px}.calendar-legend i {background:#acacac}
.stats-grid {gap:19px}.stat-card {padding:23px}.stat-top {font-size:12px;color:#8b8b8b}.stat-top .stat-icon {border-radius:7px;background:#f4f4f4;color:#9e9e9e}.stat-number {font-size:35px;font-weight:400;color:#424242;letter-spacing:-1.2px}.stat-bottom {font-size:11px;color:#a3a3a3}
.setup-banner {padding:23px;border:1px solid #e1e1e1;border-radius:8px;background:#fafafa}.setup-icon {border:1px solid #e0e0e0;border-radius:9px;background:#fdfdfd;color:#9c9c9c}.setup-banner h3 {color:#656565;font-size:14px;font-weight:500}.setup-banner p {font-size:12px;color:#919191}.setup-banner .button {border-color:#dcdcdc;color:#7e7e7e;background:#fefefe}
.start-step {border-color:#ebebeb}.step-index {background:#f0f0f0;color:#9d9d9d;border-radius:7px}.step-index.done {background:#f2f2f2;color:#909090}.step-text strong {font-size:13px;font-weight:500;color:#737373}.step-text p {font-size:12px;color:#a1a1a1;line-height:1.8}.start-footer {font-size:11px;background:#fafafa;border-color:#e9e9e9;color:#a3a3a3}.week-day {border-radius:6px;color:#9c9c9c}.week-day strong {color:#737373}.week-day.active {background:#eaeaea;color:#8e8e8e}.week-day.active strong {color:#797979}.week-day i {background:#a2a2a2!important}
.input,select.input,textarea.input {min-height:41px;padding:10px 12px;border:1px solid #dddddd;border-radius:5px;background:#ffffff;color:#676767;font-size:13px;font-weight:400;line-height:1.7}
.input:focus {border-color:#a3a3a3;outline:3px solid #ececec;box-shadow:none}.input::placeholder {color:#b5b5b5}
.field>label,.field-label {font-size:12px;font-weight:500;color:#797979;letter-spacing:-.05px}.field .hint,.hint {font-size:11px;line-height:1.8;color:#a4a4a4}
.form-section {border-color:#e5e5e5}.form-section h3 {font-size:13px;font-weight:500;color:#797979}.checkbox-line {font-size:12px;line-height:1.7;color:#919191}.checkbox-line input {accent-color:#939393}.caption-counter {font-size:11px;color:#ababab}
.switch input:checked+.track {background:#939393}.switch input:focus-visible+.track {outline-color:#c4c4c4}.switch-row strong {font-size:13px;font-weight:500;color:#747474}.switch-row p {font-size:12px;color:#a4a4a4;line-height:1.8}.details-options {border-color:#e2e2e2}.details-options summary {font-size:12px;color:#8d8d8d;line-height:1.8}.details-options .field>label {font-size:12px}.composer-schedule .hint {font-size:11px;line-height:1.8}
.data-table th {padding:15px 21px;background:#f8f8f8;border-color:#e2e2e2;color:#969696;font-size:11px;line-height:1.7;font-weight:400;letter-spacing:.05px}.data-table td {padding:18px 21px;border-color:#e8e8e8;color:#818181;font-size:12px;line-height:1.8}.data-table .thumb {border:1px solid #e7e7e7;border-radius:5px;background:#f3f3f3}.post-cell strong {font-size:12px;color:#6d6d6d;font-weight:500}.post-cell small {font-size:11px;color:#a2a2a2;line-height:1.8}.row-actions .icon-button {border-radius:5px}.row-actions .icon-button:hover {background:#efefef}.table-footer {font-size:11px;border-color:#e2e2e2;color:#a9a9a9}
.upload-zone {padding:25px;border:1px dashed #cacaca;border-radius:8px;background:#fafafa}.upload-zone.drag-over {background:#f0f0f0;border-color:#999999}.upload-zone .upload-icon {border-radius:9px;background:#eeeeee;color:#9e9e9e}.upload-zone h3 {font-size:14px;font-weight:400;color:#808080}.upload-zone p {font-size:12px;color:#a2a2a2}
.media-card {border-radius:7px}.media-preview {background:#f1f1f1}.media-kind {border-radius:4px}.media-info {padding:14px}.media-info strong {font-size:12px;font-weight:400;color:#858585}.media-info small {font-size:11px;line-height:1.8;color:#a8a8a8}.media-menu button {border-radius:4px}
.project-icon {border-radius:9px;background:#f4f4f4;color:#9e9e9e}.project-card h3 {font-size:16px;font-weight:500;color:#6c6c6c}.project-card p {font-size:12px;line-height:1.8;color:#9c9c9c}.project-card-footer {border-color:#e6e6e6;color:#a3a3a3;font-size:11px}.add-project {border:1px dashed #d0d0d0;border-radius:8px;background:#fafafa;color:#9c9c9c}
.account-avatar {border:1px solid #d6d6d6;background:#f1f1f1;color:#9c9c9c}.account-identity h3 {font-size:15px;font-weight:500;color:#7b7b7b}.account-meta {border-color:#e5e5e5;color:#a4a4a4;font-size:11px}.account-meta strong {font-weight:500;color:#898989}.connection-guide {border-color:#d8d8d8;border-radius:8px;background:#fdfdfd}.connection-guide strong {font-size:13px;color:#7e7e7e;font-weight:500}.connection-guide p {font-size:12px;line-height:1.8;color:#a3a3a3}
.note-box {border:1px solid #dddddd;border-radius:6px;background:#f9f9f9;color:#949494;font-size:12px;line-height:1.9}.note-box svg {width:16px;height:16px}.note-box.orange {background:#f9f9f9;border-color:#dedede;color:#9b9b9b}.note-box.green {background:#f8f8f8;border-color:#e7e7e7;color:#9e9e9e}
.check-list li {padding:12px 0;border-color:#e8e8e8;color:#9d9d9d;font-size:12px}.check-list .icon {width:16px;height:16px;color:#b4b4b4}.check-list .done {color:#a1a1a1}.metric-bar .bar {background:#b4b4b4;border-radius:3px 3px 0 0}.metric-bar span,.metric-bar small {font-size:11px;color:#a4a4a4}
.event-item {border-color:#e7e7e7;padding:15px 0}.event-dot {background:#afafaf}.event-item p {font-size:12px;line-height:1.8;color:#8d8d8d}.event-item time {font-size:11px;color:#aeaeae}
.modal-overlay {padding:26px;background:#18181866;backdrop-filter:blur(4px)}
.modal {max-height:calc(100dvh - 52px);border:1px solid #e0e0e0;border-radius:12px;background:#ffffff;box-shadow:0 28px 90px #14141425}.modal-header {padding:25px 28px;border-color:#e6e6e6;background:#fdfdfd}.modal-header h2 {font-size:21px;font-weight:400;color:#505050;letter-spacing:-.65px}.modal-header p {font-size:12px;line-height:1.8;color:#979797}.modal-content {padding:26px 28px}.modal-footer {padding:19px 28px;border-color:#e5e5e5;background:#fbfbfb}.modal-footer .footer-note {font-size:11px;line-height:1.7;color:#9c9c9c}.modal-footer .button {font-size:12px}
.type-option {padding:13px 6px;gap:8px;border:1px solid #dedede;border-radius:6px;color:#9b9b9b;font-size:11px}.type-option svg {width:21px;height:21px;stroke-width:1.4}.type-option.selected {background:#f1f1f1;border-color:#b3b3b3;color:#878787}
.composer-upload {padding:17px;gap:13px;border:1px dashed #cccccc;border-radius:6px;background:#fafafa;color:#9d9d9d;font-size:12px}.composer-upload small {font-size:11px;line-height:1.8;color:#acacac}.composer-upload svg {width:22px;height:22px}
.composer-preview-column {border-color:#e2e2e2}.preview-label {font-size:10px;line-height:1.6;letter-spacing:1px;color:#9d9d9d}.preview-label span {font-size:10px;color:#b4b4b4}.instagram-preview {border:1px solid #dfdfdf;border-radius:7px}.instagram-preview-header {font-size:11px;color:#9c9c9c}.preview-avatar {background:#eeeeee;color:#a2a2a2;font-size:11px}.preview-media {background:#f4f4f4;color:#c5c5c5}.preview-controls {color:#a8a8a8}.preview-caption {font-size:12px;line-height:1.9;color:#9c9c9c}.preview-tip {font-size:11px;line-height:1.9;color:#a7a7a7}
.selected-media-thumb {border:1px solid #dadada;border-radius:5px;background:#f4f4f4}.library-pick {border-radius:5px;background:#eeeeee}.library-pick.selected {border-color:#939393}.library-pick .selection-check {background:#939393}.media-order {font-size:10px;color:#a4a4a4}.media-order button {color:#a1a1a1}.media-order svg {width:13px;height:13px}
.detail-caption {font-size:13px;line-height:1.9;color:#848484}.detail-keyvalues dt {font-size:11px;color:#a9a9a9}.detail-keyvalues dd {font-size:12px;line-height:1.8;color:#8d8d8d}.detail-image {border-radius:6px;background:#f4f4f4}.detail-error {font-size:12px;line-height:1.9;border-radius:6px;background:#f8f8f8;border-color:#dedede;color:#919191}
.tab-row button {font-size:12px;color:#a3a3a3;line-height:1.7;padding-bottom:13px}.tab-row button.active {color:#848484;border-color:#939393}.code-block {font-size:12px;line-height:1.9;color:#969696;border-color:#dedede;border-radius:6px;background:#f8f8f8}.comment-item {border-color:#e3e3e3}.comment-item strong {font-size:12px;color:#8f8f8f}.comment-item p {font-size:12px;line-height:1.8;color:#9c9c9c}
.toast {font-size:12px;line-height:1.8;border:1px solid #dbdbdb;border-left:3px solid #939393;border-radius:7px;box-shadow:0 10px 40px #2222221a;color:#8d8d8d}.toast svg {width:17px;height:17px}.toast.success {border-left-color:#a7a7a7}.toast.error {border-left-color:#9c9c9c}
.login-screen,.boot-screen {background:#f6f6f6;color:#969696}.login-card {max-width:430px;border:1px solid #d7d7d7;border-radius:12px;padding:38px;box-shadow:0 16px 65px #56565610}.login-card .brand {color:#8e8e8e}.login-card h1 {font-size:25px;color:#5f5f5f;font-weight:400;letter-spacing:-.7px}.login-card>p {font-size:13px;color:#a2a2a2}.login-error,.inline-error {font-size:12px;line-height:1.8}.readonly-info {font-size:12px;line-height:1.8;color:#a6a6a6}.boot-screen .brand-symbol {background:none;color:#939393}
main [style*="font-size:10px"],main [style*="font-size:11px"] {font-size:12px!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {outline:2px solid #ababab;outline-offset:3px}
/* Neutral typography with monochrome controls and selected states. */
.card-header h2,.card h3,.project-card h3,.account-identity h3,.modal-header h2,.stat-number {color:#535353}
.page-heading p,.card-header p,.empty p,.preview-tip,.project-card p,.connection-guide p,.event-item p {color:#8a8a8a}
.field>label,.field-label,.form-section h3,.switch-row strong,.post-cell strong,.empty h3,.step-text strong,.connection-guide strong {color:#727272}
.input,select.input,textarea.input,.data-table td,.detail-caption,.detail-keyvalues dd,.preview-caption,.instagram-preview-header {color:#737373}
.input::placeholder {color:#b6b6b6}
.field .hint,.hint,.switch-row p,.step-text p,.setup-banner p,.media-info small,.post-cell small,.account-meta,.readonly-info,.detail-keyvalues dt {color:#a7a7a7}
.calendar-weekdays div {color:#8b8b8b}.day-number {color:#6c6c6c}.calendar-cell-count {color:#9b9b9b}
.calendar-title,.calendar-post time {color:#757575}.calendar-post,.calendar-post.published,.calendar-post.failed,.calendar-post.verify {color:#757575}
.calendar-legend,.app-footer {color:#a7a7a7}.data-table th {color:#9a9a9a}.media-info strong {color:#868686}.project-card-footer {color:#a7a7a7}.account-meta strong {color:#9a9a9a}
.checkbox-line,.details-options summary,.tab-row button,.preview-label,.preview-label span {color:#a0a0a0}.preview-controls {color:#9b9b9b}.media-order,.media-order button {color:#a6a6a6}
.event-item time,.stat-bottom,.stat-top,.start-footer,.check-list li {color:#a1a1a1}.setup-banner h3 {color:#777777}
.modal-header p,.modal-footer .footer-note {color:#a6a6a6}.caption-counter {color:#b4b4b4}
@media(min-width:1660px) {
  #app {margin:0;height:100dvh;max-width:none;min-height:0}main {padding-top:40px}.calendar-cell {min-height:225px}
}
@media(max-width:1250px) {
  #app {margin:0;height:100dvh;max-width:none;min-height:0}.sidebar {width:224px;padding:29px 18px 20px}.workspace {margin-left:224px;width:calc(100% - 224px)}
  .brand {margin-bottom:30px;font-size:22px}.brand img,.brand-logo {width:165px}.nav-link {height:53px;font-size:13px;padding:0 11px;gap:11px}.nav-link svg {width:19px;height:19px}
  .topbar {height:86px;min-height:86px;padding:0 32px}.topbar-actions>.button {min-width:170px;font-size:12px;height:41px}main {padding:31px 32px 24px}.app-footer {padding-left:32px;padding-right:32px}
  .calendar-toolbar {gap:14px;margin-bottom:28px}.calendar-toolbar>.segmented {width:220px}.calendar-filters {gap:10px}.calendar-date-button {min-width:185px;gap:15px}.calendar-filter-button {min-width:91px}.calendar-title {font-size:12px}.calendar-head {gap:2px}.calendar-head>.icon-button {width:23px;min-width:23px}
  .calendar-cell {min-height:190px;padding-left:9px;padding-right:9px}.calendar-weekdays div {padding-left:9px;font-size:12px}.calendar-cell-count {left:9px;font-size:10px}.calendar-post {padding:6px;gap:7px}.calendar-post time {font-size:11px}.instagram-brand {width:22px;height:22px}.instagram-brand svg {height:18px;width:18px}
}
@media(max-width:1050px) {
  #app {margin:0;height:100dvh;max-width:none;min-height:0}.sidebar {width:210px;padding:27px 16px 20px}.workspace {margin-left:210px;width:calc(100% - 210px)}
  .brand {font-size:21px;gap:10px;margin-bottom:25px}.brand img,.brand-logo {width:160px}.nav-link {font-size:13px;height:51px;padding:0 10px;gap:10px}.nav-link svg {width:18px;height:18px}
  .topbar {height:83px;min-height:83px;padding:0 27px}#topbar-view-title {font-size:27px}.topbar-actions>.button {min-width:154px;height:40px;padding:0 13px;font-size:11px}
  main {padding:29px 27px 23px}.app-footer {padding:10px 27px;font-size:9px}.calendar-toolbar {flex-wrap:wrap;gap:14px}.calendar-toolbar>.segmented {width:218px}.calendar-filters {margin-left:auto;gap:8px}.calendar-filter-button {height:39px;min-width:90px;font-size:11px}.calendar-date-button {height:39px;min-width:166px;padding:7px 11px;gap:10px}.calendar-title {font-size:11px}.calendar-head>.icon-button {height:35px;width:20px;min-width:20px}
  .calendar-cell {min-height:178px;padding:8px 7px 32px}.calendar-weekdays div {font-size:11px;padding-left:7px}.calendar-cell-count {left:7px;bottom:10px;font-size:10px}.day-number {font-size:12px}.calendar-post {gap:5px;padding:6px 4px;min-height:37px}.calendar-post time {font-size:10px}.instagram-brand {height:20px;width:20px}.instagram-brand svg {height:17px;width:17px}
  .sidebar-profile strong {font-size:11px;max-width:108px}.sidebar-profile small {font-size:9px}.profile-circle {width:34px;height:34px;font-size:14px}.future-channel {font-size:10px}.future-channel span {font-size:9px}
}
@media(max-width:760px) {
  body,#app {margin:0;width:100%;height:100dvh;max-width:none;min-height:0;background:var(--canvas)}
  .sidebar {position:absolute;z-index:40;width:240px;height:100%;padding:27px 21px 22px;transform:translateX(-100%)}.sidebar.open {transform:translateX(0)}.sidebar-scrim {position:absolute;inset:0;z-index:39;background:#18181866}
  .workspace {width:100%;height:100%;margin:0}.mobile-menu {display:inline-grid;height:32px;width:24px;min-width:24px;padding:0;background:transparent;border-color:transparent;color:#8e8e8e}.mobile-menu svg {height:21px;width:21px;stroke-width:1.4}
  .topbar {height:77px;min-height:77px;padding:0 20px;gap:15px}#topbar-view-title {font-size:25px;letter-spacing:-.85px}.topbar-actions>.button {width:38px;min-width:38px;height:38px;padding:0;border-radius:5px}.topbar-actions>.button span:last-child {display:none}.topbar-actions>.button svg {width:17px;height:17px}
  main {padding:25px 20px 22px}.app-footer {padding:10px 20px;font-size:9px;line-height:1.7;gap:12px}.app-footer>span:last-child {max-width:205px}.app-footer b {padding:0 4px}
  .calendar-toolbar {gap:17px;margin-bottom:26px}.calendar-toolbar>.segmented {width:228px;max-width:none;min-height:41px}.calendar-toolbar>.segmented button {height:31px;font-size:12px}.calendar-filters {width:100%;margin:0;justify-content:space-between;gap:8px}.calendar-filter-button {height:38px;min-width:92px;font-size:11px}.calendar-date-button {height:38px;min-width:162px;font-size:11px;gap:10px}.calendar-head {gap:0}.calendar-head>.icon-button {width:20px;min-width:20px}
  .calendar-weekdays {margin-bottom:10px}.calendar-weekdays div {padding:0 5px;font-size:11px}.calendar-cell {min-height:143px;padding:7px 4px 28px}.day-number {font-size:11px}.calendar-cell.today .day-number {height:22px;width:22px}.day-top {min-height:22px;margin-bottom:6px}.day-add {font-size:13px;padding:0 2px;opacity:1}.calendar-cell-count {font-size:10px;left:4px;bottom:9px;max-width:calc(100% - 7px);white-space:nowrap}.calendar-post {min-height:45px;padding:5px 3px;gap:3px;flex-wrap:wrap;justify-content:flex-start;margin-bottom:6px}.calendar-post time {display:block;width:100%;font-size:11px;line-height:1.5}.instagram-brand {height:19px;width:19px}.instagram-brand svg {height:16px;width:16px}.calendar-legend {font-size:10px;line-height:1.8;gap:15px}.calendar-legend span:first-child {max-width:210px}.calendar-legend span:last-child {max-width:110px}
  .page-heading {margin-bottom:24px;gap:14px}.page-heading p {font-size:12px;line-height:1.8}.heading-actions .button {font-size:11px;padding:8px 11px}.stats-grid {gap:12px}.stat-card {padding:19px}.stat-number {font-size:31px}.stat-top {font-size:11px}.stat-bottom {font-size:10px}.setup-banner {padding:18px;gap:13px}.setup-banner h3 {font-size:13px}.setup-banner p {font-size:11px}.setup-banner .button {font-size:10px;min-height:33px;padding:7px 10px}.setup-icon {width:36px;height:36px}.card-header {padding:20px}.card-header h2 {font-size:14px}.card-header p {font-size:11px}.card-body {padding:20px}
  .button {font-size:12px;min-height:38px}.button.small {font-size:11px}.input,select.input,textarea.input {font-size:13px;min-height:42px}.field>label,.field-label {font-size:12px}.field .hint,.hint {font-size:11px}.filters>select {font-size:11px}.search-input input {font-size:12px}
  .modal-overlay {padding:12px;background:#18181877}.modal {max-height:calc(100dvh - 24px);border-radius:9px}.modal-header {padding:21px}.modal-header h2 {font-size:20px}.modal-header p {font-size:12px}.modal-content {padding:21px}.modal-footer {padding:17px 21px;gap:9px}.modal-footer .button {font-size:12px}.modal-footer .footer-note {font-size:11px}.type-option {padding:13px 5px;font-size:11px}.type-option svg {height:20px;width:20px}
  .composer-preview-column {padding:22px 0 0;max-width:300px;border-color:#e2e2e2}.preview-label,.preview-label span {font-size:10px}.preview-tip {font-size:11px}.preview-caption {font-size:12px}.checkbox-line {font-size:12px}.composer-upload {font-size:12px}.composer-upload small {font-size:11px}.details-options summary,.details-options .field>label {font-size:12px}.composer-schedule .hint {font-size:11px}.caption-counter {font-size:11px}
  .media-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.media-preview {height:155px}.media-info strong {font-size:11px}.media-info small {font-size:10px}.media-info {padding:12px}.data-table td {font-size:12px;padding:16px}.data-table th {font-size:10px;padding:14px 16px}.post-cell strong {font-size:12px}.post-cell small {font-size:11px}.table-footer {font-size:11px}.project-card h3,.account-identity h3 {font-size:15px}.project-card p,.account-meta,.connection-guide p {font-size:12px}
  .toast-region {left:14px;right:14px;bottom:14px}.toast {font-size:12px;line-height:1.8}.note-box {font-size:12px}.check-list li {font-size:12px}.event-item p {font-size:12px}.event-item time {font-size:11px}.tab-row button {font-size:12px}.detail-keyvalues dt {font-size:11px}.detail-keyvalues dd {font-size:12px}.detail-caption {font-size:13px}.login-card {padding:29px}
}
@media(max-width:420px) {
  #app {margin:0;height:100dvh}.topbar {padding:0 17px;gap:13px}#topbar-view-title {font-size:23px}.topbar-actions>.button {height:36px;width:36px;min-width:36px}main {padding:23px 17px 20px}.app-footer {padding:10px 17px;font-size:9px}.app-footer>span:last-child {max-width:175px}
  .calendar-toolbar>.segmented {width:220px;max-width:none}.calendar-filter-button {min-width:86px;font-size:11px;padding:8px 10px}.calendar-date-button {min-width:151px;font-size:11px;padding:8px 10px}.calendar-title {font-size:11px}.calendar-head>.icon-button {width:18px;min-width:18px}.calendar-weekdays div {font-size:10px;padding-left:4px}.calendar-cell {min-height:140px;padding-left:3px;padding-right:3px}.calendar-cell-count {left:3px;font-size:9px}.calendar-post time {font-size:10px}.day-number {font-size:11px}.instagram-brand {height:18px;width:18px}.instagram-brand svg {height:16px;width:16px}.calendar-legend {font-size:10px}.calendar-legend span:first-child {max-width:190px}
}

/* Monochrome direction explicitly requested by the user. */
:root {
  --ink:#242428; --muted:#85858b; --line:#e5e5e7; --canvas:#fff;
  --purple:#18181c; --purple-dark:#08080a; --purple-soft:#f2f2f3;
  --sidebar:#12121d; --accent:#232327; --accent-light:#f3f3f5;
}
body,.workspace,main {background:#fff}
.sidebar {background:#12121d}
.brand {color:#f5f5f7}.brand-symbol {color:#f5f5f7}
.nav-link {color:#a6a6b0}.nav-link:hover {background:#ffffff04;color:#fff}
.nav-link.active {background:#ffffff0b;border-color:#ffffff08;color:#fff}
.nav-count {background:#ffffff12;color:#dddde3}
.profile-circle {border-color:#696974;background:#ffffff05;color:#eeeef2}
.sidebar-profile {color:#eeeef3}.sidebar-profile small {color:#858590}
.topbar {background:#fafafa;border-color:#ececee}
.topbar-actions>.button,.button.primary {background:#17171a;border-color:#17171a;color:#fff;box-shadow:none}
.topbar-actions>.button:hover,.button.primary:hover {background:#303034;border-color:#303034;color:#fff}
.button {background:#fff;border-color:#e2e2e5;color:#64646c}
.button:hover {background:#f4f4f5;border-color:#d5d5da;color:#333338}
.button.soft {background:#f0f0f2;border-color:#ececee;color:#62626b}
.button.ghost {background:transparent;border-color:transparent;color:#686872}
.icon-button {background:#fff;border-color:#e5e5e8;color:#85858e}
.icon-button:hover {background:#f4f4f5;border-color:#cccdd3;color:#36363d}
.segmented {background:#f0f0f2;border-color:#ececef}
.segmented button {color:#909099}
.segmented button.active {background:#17171b;color:#fff;box-shadow:none}
.segmented button:hover:not(.active) {background:#e8e8eb;color:#60606a}
.calendar-filter-button,.calendar-date-button {background:#f8f8f9;border-color:#e7e7e9;color:#71717a}
.calendar-date-button svg {color:#85858f}
.calendar-head>.icon-button:hover {background:#f1f1f3;border-color:transparent;color:#555560}
.calendar-cell {background:#fff;border-color:#e5e5e8}.calendar-cell.outside {background:#fafafa}
.calendar-cell.today {background:#f7f7f8}.calendar-cell.today .day-number {background:#242428;color:#fff}
.calendar-cell.drag-over {background:#f0f0f2}
.calendar-post,.calendar-post.published,.calendar-post.failed,.calendar-post.verify {background:#f5f5f6;border-color:#f0f0f2;color:#71717b}
.calendar-post:hover {background:#eaeaec;border-color:#e5e5e9}
.day-add:hover {background:#eeeef1;color:#666672}
.input:focus {border-color:#9a9aa4;outline-color:#ededf0}
.checkbox-line input {accent-color:#222226}
.switch input:checked+.track {background:#303035}
.switch input:focus-visible+.track {outline-color:#b8b8c2}
.type-option.selected {background:#f0f0f3;border-color:#aaaab5;color:#53535e}
.library-pick.selected {border-color:#52525e}.library-pick .selection-check {background:#3a3a45}
.tab-row button.active {color:#3c3c45;border-color:#4a4a55}
.text-button,.card-header a {color:#60606c}.text-button:hover {color:#30303a}
.week-day.active {background:#ededf0;color:#555560}.week-day.active strong {color:#33333e}
.week-day i {background:#9b9baa!important}
.pill.purple {background:#eeeef1;color:#666672}
.toast {border-color:#e1e1e6;border-left-color:#7c7c89;color:#777784}
.login-screen,.boot-screen {background:#fafafa;color:#858591}
.login-card {border-color:#e3e3e8;box-shadow:0 16px 65px #12121d0a}
.login-card .brand {color:#2a2a34}.login-card h1 {color:#3d3d48}.boot-screen .brand-symbol {color:#343440}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {outline-color:#9696a2}

/* Connected channels and single-owner access. */
.provider-brand {display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;flex:0 0 25px;border-radius:50%;vertical-align:middle}
.provider-brand svg {display:block;width:21px;height:21px}
.tiktok-brand {background:#111;color:#fff}
.tiktok-brand svg {width:17px;height:17px;fill:currentColor;stroke:none}
.instagram-brand svg {fill:none;stroke:#fff;stroke-width:1.6}
.button .provider-brand {width:20px;height:20px;flex-basis:20px}.button .provider-brand svg {width:17px;height:17px}
.button.primary .tiktok-brand {background:#fff;color:#111}
.account-provider-line {display:flex;align-items:center;gap:8px}.account-provider-line .provider-brand {width:20px;height:20px;flex-basis:20px}
.account-avatar .provider-brand {width:31px;height:31px;flex-basis:31px}.account-avatar .provider-brand svg {width:24px;height:24px}
.account-status-note {font-size:11px;line-height:1.8;color:#8b8b95;padding:0 22px 16px}
.provider-tabs {display:flex;gap:10px;margin-bottom:23px}.provider-tabs>.button {flex:1}
.composer-account-note {font-size:11px;margin:-4px 0 18px}
.creator-confirmation {display:flex;align-items:center;gap:10px;margin:0 0 20px;padding:13px;border:1px solid #e9e9ed;border-radius:7px;background:#fafafa}
.creator-confirmation>img {width:36px;height:36px;object-fit:cover;border-radius:50%}.creator-confirmation>div {min-width:0;flex:1}
.creator-confirmation strong,.creator-confirmation span {display:block;overflow-wrap:anywhere}.creator-confirmation strong {font-size:12px;color:#4c4c56}.creator-confirmation span {font-size:10px;color:#91919c;margin-top:3px}
.creator-confirmation>.hint {flex:0 0 auto;font-size:10px}
.consent-box {padding:15px;border:1px solid #e8e8ec;border-radius:7px;background:#fafafa;margin-top:20px}.consent-box .checkbox-line {display:block;line-height:1.8;font-size:11px}.consent-box input {vertical-align:middle;margin-right:6px}.consent-box a,.tiktok-options a {text-decoration:underline;color:#555560}.consent-box .hint {margin-bottom:0}
.tiktok-options .checkbox-line {line-height:1.8}.tiktok-preview .preview-media.video {aspect-ratio:9/16}.tiktok-preview .preview-media.video video {max-height:420px;object-fit:contain}
.password-field {display:flex;position:relative;align-items:center}.password-field>.input {padding-right:48px}.password-field>.icon-button {position:absolute;right:7px;border:0;background:transparent}
.login-card .brand-logo {width:185px;max-height:56px}.login-card .field label {font-size:12px}.login-card .input {font-size:13px}.login-card .login-error {margin-bottom:18px}.login-card h1 {font-size:24px;line-height:1.45}.login-card .button.full {margin-top:9px}
.future-channel {display:block;line-height:2.3}.future-channel span {margin-left:5px}
@media (max-width:700px) {.provider-tabs {flex-wrap:wrap}.creator-confirmation {flex-wrap:wrap}.creator-confirmation>.hint {flex-basis:100%}.login-card {margin:20px;padding:29px}.account-status-note {padding-left:18px;padding-right:18px}}

.calendar-post .provider-brand {width:23px;height:23px;flex-basis:23px}.calendar-post .provider-brand svg {width:18px;height:18px}.calendar-post .tiktok-brand svg {width:16px;height:16px}
.login-public-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 19px;margin-top:24px;padding-top:20px;border-top:1px solid #e8e8ec;font-size:10px;color:#777781}.login-public-links a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.calendar-post .provider-brand {width:19px;height:19px;flex-basis:19px}.calendar-post .provider-brand svg {width:15px;height:15px}}