/* Visual direction supplied by the user: restrained, rectangular scheduling workspace. */
:root{--ink:#111114;--muted:#77777c;--line:#dedee1;--canvas:#fff;--purple:#111114;--purple-dark:#000;--purple-soft:#f1f1f2;--green:#3a6951;--green-soft:#eef5ef;--orange:#8c713b;--orange-soft:#f7f4eb;--red:#9d555e;--red-soft:#f8eeef;--sidebar:#12121d;--shadow:none;--radius:0}
body{background:#d5e0ec;color:#171719;font-family:"Segoe UI",Arial,sans-serif;font-size:14px}
#app{position:relative;display:flex;max-width:1440px;height:min(900px,calc(100dvh - 150px));min-height:690px;margin:max(75px,calc((100dvh - 900px)/2)) auto;overflow:hidden;background:#fff;box-shadow:0 25px 90px #7b8ea328}
.workspace{margin-left:226px;width:calc(100% - 226px);height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column;background:#fff}
.sidebar{position:absolute;inset:0 auto 0 0;width:226px;padding:31px 23px 22px;background:#12121d;color:#95959f}
.brand{margin:0 0 47px;gap:11px;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:20px;font-weight:400;letter-spacing:0;white-space:nowrap;min-height:40px}
.brand-symbol{background:none;border-radius:0;width:45px;height:45px;letter-spacing:0;padding:0;font-size:32px;flex:none;color:white}
.brand-symbol svg{width:45px;height:45px}
.brand-dot{color:inherit}.brand small{display:none}.sidebar-label{display:none}
.nav-link{height:60px;padding:0 0 0 1px;margin:0;border-radius:0;border-bottom:1px solid #30303a;background:transparent;gap:12px;font-size:12px;font-weight:400;color:#9a9aa4;transition:color .15s}
.nav-link svg{width:19px;height:19px;stroke-width:1.5}
.nav-link:hover{color:#fff;background:transparent}.nav-link.active{color:#f8f8fa;background:transparent}.nav-link.active:before{display:none}
.nav-count{background:#fff;color:#36363d;border-radius:20px;font-size:9px;line-height:16px;min-width:25px;padding:0 5px}
.sidebar-bottom{padding-top:20px}.future-channel{padding:0 0 18px;color:#74747f;font-size:10px}.future-channel span{border-color:#34343d;color:#8a8a95;border-radius:0;padding:2px 5px;font-size:8px}
.sidebar-profile{display:flex;align-items:center;gap:10px;padding:0;border:0;background:transparent;color:#eeeef2;text-align:left;width:100%;min-height:45px}
.profile-circle{height:40px;width:40px;border:1px solid #8b8b95;display:grid;place-items:center;border-radius:50%;font-size:17px;font-weight:300;flex:none}
.sidebar-profile strong{display:block;font-size:11px;font-weight:550;max-width:109px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar-profile small{display:block;font-size:9px;color:#8c8c96;margin-top:1px}.profile-more{margin-left:auto;font-size:11px;color:#c8c8ce;letter-spacing:1px}
.topbar{height:80px;min-height:80px;border-bottom:0;background:#f8f8f8;padding:0 56px;gap:20px}
#topbar-view-title{font-size:29px;font-weight:400;letter-spacing:-.8px;color:#0b0b0d;white-space:nowrap}
.workspace-selector,.topbar .date-pill,.topbar .user-button{display:none}.topbar-actions{margin-left:auto;gap:0}
.topbar-actions>.button{height:40px;min-width:178px;font-size:12px;padding:0 19px;font-weight:400;gap:9px;background:#000;border-color:#000;color:#fff;box-shadow:none}
.topbar-actions>.button svg{width:15px;height:15px;stroke-width:1.4}
main{padding:38px 56px 25px;max-width:none;overflow:auto;min-height:0;flex:1;margin:0;background:#fff;scrollbar-width:thin;scrollbar-color:#d5d5d9 transparent}
.app-footer{flex:none;margin:0;padding:12px 56px;border-top:1px solid #f3f3f4;font-size:8px;color:#9c9ca3;background:white}.app-footer .tiny-dot{background:#8b9d91}
.page-heading{margin-bottom:25px}.page-heading h1{display:none}.page-heading p{font-size:12px;color:#77777d;margin:0;line-height:1.7;max-width:580px}
.heading-actions{gap:8px}.button{border-radius:0;box-shadow:none;color:#3e3e43;font-size:11px;font-weight:400;line-height:1.4;padding:9px 13px;border-color:#e4e4e6;background:#f6f6f6;min-height:34px}
.button:hover{background:#ebebec;border-color:#cfcfd4;color:#111}.button.primary{background:#000;color:#fff;border-color:#000;box-shadow:none}.button.primary:hover{background:#29292b;color:#fff}.button.soft{background:#eeeeef;color:#333;border-color:#eeeeef}.button.danger{background:#f7edef;color:#9d555e;border-color:#eedde0}.button.small{padding:7px 10px;font-size:10px;min-height:30px}.button.ghost{background:transparent}
.icon-button{border-radius:0;border-color:#e6e6e8;background:#f5f5f6;color:#77777c}.icon-button:hover{color:#111;border-color:#ccc;background:#eee}.icon-button svg{stroke-width:1.5}.text-button,.card-header a{color:#333;font-weight:400;font-size:10px}.text-button:hover{text-decoration:underline}.pill{border-radius:0;font-weight:400;background:#f1f1f2;color:#717177;font-size:9px}.pill.purple{background:#ededee;color:#4e4e56}.pill.green{background:#eef4ef;color:#587b63}.pill.orange{background:#f6f2e9;color:#9e8759}.pill.red{background:#f8edef;color:#ad727d}
.card,.stat-card,.project-card,.account-card,.add-project,.media-card,.note-box,.setup-banner,.upload-zone,.empty-symbol,.input,select.input,textarea.input,.type-option,.composer-upload,.instagram-preview,.selected-media-thumb,.library-pick,.modal,.code-block,.toast,.detail-error,.detail-image,.segmented{border-radius:0;box-shadow:none}
.card{border-color:#e2e2e5}.card-header{border-color:#ededf0;padding:20px 22px}.card-header h2{font-size:14px;font-weight:500;letter-spacing:0;color:#29292f}.card-header p{color:#929298}.card-body{padding:22px}.card h3{font-weight:500;color:#55555e}.empty{padding:46px 20px}.empty-symbol{border-color:#dedee4;background:#fafafa;color:#a9a9b2}.empty h3{color:#67676f;font-weight:400}.empty p{color:#97979f}.empty-symbol:before,.empty-symbol:after{display:none}.empty .button{margin-top:17px}
.toolbar{margin-bottom:24px}.segmented{padding:4px;background:#f1f1f2;border:0;gap:0;min-height:40px}.segmented button{border-radius:0;padding:7px 19px;color:#8a8a90;min-width:100px;font-size:11px;font-weight:400;line-height:1.5}.segmented button.active{background:#000;color:#fff}.segmented button:hover:not(.active){background:#e7e7e9;color:#333}.segmented button:disabled{opacity:1}
.calendar-toolbar{margin-bottom:32px;flex-wrap:nowrap;align-items:center;gap:16px}.calendar-toolbar>.segmented{width:264px;flex:none;justify-content:stretch}.calendar-toolbar>.segmented button{flex:1;min-width:0;height:32px;padding:5px 14px}
.calendar-filters{display:flex;align-items:center;gap:16px;margin-left:auto}.calendar-filter-button{height:40px;gap:13px;min-width:110px;justify-content:space-between;background:#f2f2f3;border-color:#e8e8e9;font-size:11px;padding:8px 12px}.calendar-filter-button svg{width:18px;height:18px}
.calendar-head{gap:6px}.calendar-head>.icon-button{height:40px;width:23px;min-width:23px;background:transparent;border-color:transparent;padding:3px;color:#999}.calendar-head>.icon-button:hover{background:#f3f3f4;color:#222}.calendar-head>.icon-button svg{width:12px;height:12px}.calendar-date-button{height:40px;background:#f1f1f2;border-color:#e8e8eb;gap:15px;min-width:198px;justify-content:space-between;padding:8px 12px}.calendar-date-button svg{width:18px;height:18px}.calendar-title{font-size:11px;font-weight:400;min-width:0;letter-spacing:0;color:#333;text-transform:capitalize}
.calendar-card{border:0;overflow:visible}.calendar-weekdays{background:white;border:0;margin-bottom:10px}.calendar-weekdays div{padding:0 7px;text-align:left;color:#73737a;font-size:12px;letter-spacing:0;font-weight:350}
.calendar-grid{border-left:1px solid #dedee1;border-top:1px solid #dedee1}
.calendar-cell{position:relative;min-height:230px;padding:6px 7px 32px;border-color:#dedee1;background:#fff;overflow:hidden}.calendar-cell:nth-child(7n){border-right:1px solid #dedee1}.calendar-cell.outside{background:#fcfcfc}.calendar-cell.today{background:#fafafa}.calendar-cell.today .day-number{color:#111;background:none;border-radius:0;font-weight:650}.calendar-cell.outside .day-number{color:#bcbcc2}.calendar-cell.drag-over{background:#efeff2}
.day-top{margin-bottom:6px;min-height:20px}.day-number{width:auto;height:auto;text-align:left;display:inline;font-size:12px;color:#111;font-weight:400;line-height:1.4}.day-add{color:#b2b2b9;border:0;border-radius:0;font-size:15px;line-height:1}.calendar-cell-count{position:absolute;bottom:9px;left:7px;font-size:10px;font-weight:350;line-height:1.4;color:#66666d}
.calendar-post{display:flex;align-items:center;gap:11px;min-height:40px;background:#f5f5f5;border:0;border-radius:0;padding:7px 7px;font-size:11px;color:#333;white-space:nowrap;margin-bottom:7px;overflow:hidden;position:relative}.calendar-post:hover{background:#eaeaec}.calendar-post.published,.calendar-post.failed,.calendar-post.verify{background:#f5f5f5;border:0;color:#333}.calendar-post.failed:after,.calendar-post.verify:after{content:"";width:4px;height:4px;border-radius:50%;background:#bb7481;position:absolute;top:4px;right:4px}
.calendar-post time{font-size:11px;font-weight:350;line-height:1.5;margin:0;color:#303036;display:inline}.calendar-post-label{display:none}.instagram-brand{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex:none;background:radial-gradient(circle at 26% 106%,#feda75 0 16%,#fa7e1e 34%,#d62976 59%,#962fbf 79%,#4f5bd5 100%);box-shadow:none}.instagram-brand svg{height:20px;width:20px;fill:none;stroke:#fff;stroke-width:1.6}.calendar-legend{font-size:9px;color:#99999f;margin-top:18px;font-weight:350}.calendar-legend i{background:#a8a8b3}
.stats-grid{gap:16px}.stat-card{border-color:#e6e6e8;padding:21px}.stat-top{color:#88888f;font-size:11px}.stat-top .stat-icon{border-radius:0;background:#f5f5f6;color:#88888f}.stat-number{font-size:32px;font-weight:400;color:#222;letter-spacing:-1px}.stat-bottom{color:#aaaab0;font-size:10px}.setup-banner{border-color:#e3e3e6;background:#f7f7f8}.setup-icon{border-radius:0;background:#fff;border-color:#e2e2e6;color:#7c7c84}.setup-banner h3{font-size:13px;color:#4c4c54;font-weight:500}.setup-banner p{color:#93939a}.setup-banner .button{border-color:#dcdce1;background:#fff;color:#45454e}.start-step{border-color:#ececef}.step-index{background:#f2f2f4;color:#9999a3;border-radius:0}.step-index.done{background:#edf3ef;color:#6b947b}.step-text strong{color:#6e6e78;font-weight:500}.step-text p{color:#a0a0aa}.start-footer{background:#fafafa;border-color:#ececef;color:#a0a0a8}.week-day{border-radius:0;color:#a0a0aa}.week-day strong{color:#65656f}.week-day.active{background:#ededf0;color:#333}.week-day.active strong{color:#111}.week-day i{background:#aaa9b8!important}
.input,select.input,textarea.input{border-color:#dedee4;color:#55555e;font-size:12px;background:white;padding:10px 11px}.input:focus{border-color:#8f8f99;outline:2px solid #eeeeef}.input::placeholder{color:#b1b1b9}.field>label,.field-label{color:#6d6d77;font-weight:400;font-size:11px}.field .hint{color:#a0a0ab}.form-section{border-color:#e4e4e9}.form-section h3{font-weight:500;color:#55555f}.checkbox-line input{accent-color:#111}.checkbox-line{color:#90909a}.switch input:checked+.track{background:#333}.switch .track{border-radius:20px}.switch .track:before{border-radius:50%}.switch-row strong{font-weight:500;color:#696972}.switch-row p{color:#a0a0a9}.switch input:focus-visible+.track{outline-color:#a7a7b4}.details-options{border-color:#e3e3e8}.details-options summary{color:#878792}
.data-table th{background:#f8f8f8;color:#9999a2;font-weight:400;font-size:9px;border-color:#e2e2e7}.data-table td{border-color:#ececef;color:#7e7e88}.data-table .thumb{border-radius:0;background:#f5f5f7}.post-cell strong{color:#5b5b65;font-weight:450}.post-cell small{color:#a4a4ad}.row-actions .icon-button{border-radius:0}.row-actions .icon-button:hover{background:#eeeef1}.table-footer{border-color:#e5e5ea;color:#a3a3ae}
.upload-zone{background:#fafafa;border-color:#d5d5dd}.upload-zone.drag-over{background:#f0f0f3;border-color:#9999a6}.upload-zone .upload-icon{border-radius:0;background:#f0f0f2;color:#92929e}.upload-zone h3{color:#7b7b86;font-weight:450}.upload-zone p{color:#a4a4ae}.media-preview{background:#f3f3f5}.media-kind,.media-menu button{border-radius:0}.media-info strong{font-weight:450;color:#71717b}.media-info small{color:#9c9ca6}.project-icon{border-radius:0;background:#f5f5f6;color:#858591}.project-card h3{color:#555560;font-weight:500}.project-card p{color:#9898a3}.project-card-footer{border-color:#e9e9ef;color:#9c9ca7}.add-project{background:#fafafa;color:#9a9aa6;border-color:#d7d7df}.account-avatar{background:#f0f0f3;border-color:#dedee6;color:#8a8a98}.account-identity h3{color:#666673;font-weight:500}.account-meta strong{color:#888894}.account-meta{border-color:#e9e9ef}.connection-guide{border-radius:0;border-color:#e1e1e7}.connection-guide strong{font-weight:450;color:#73737f}.connection-guide p{color:#9999a5}
.note-box{background:#f8f8fa;border-color:#e3e3e9;color:#92929f}.note-box.orange{background:#faf8f2;border-color:#e8e2d3;color:#a29571}.note-box.green{background:#f6faf6;border-color:#e1e8e1;color:#88a08d}.check-list li{border-color:#eeeef2;color:#9292a0}.check-list .icon{color:#b0b0bf}.check-list .done{color:#8fa493}.metric-bar .bar{background:#d8d8df;border-radius:0}.metric-bar small{color:#aaaab8}.event-dot{background:#b0b0bd}.event-item{border-color:#eeeef2}.event-item p{color:#9292a0}.event-item time{color:#aeaec0}
.modal-overlay{background:#15152155;backdrop-filter:blur(2px)}.modal{box-shadow:0 30px 100px #10101835;border:1px solid #dcdce5}.modal-header{background:#f8f8f9;border-color:#e2e2e8}.modal-header h2{font-weight:400;color:#27272f;letter-spacing:-.5px}.modal-header p{color:#9a9aa8}.modal-footer{border-color:#e4e4ea;background:#fbfbfc}.type-option{border-color:#dedee7;color:#9292a0}.type-option.selected{background:#eeeef2;border-color:#a5a5b3;color:#444451}.composer-upload{background:#fafafa;border-color:#d4d4df;color:#9696a5}.composer-upload small{color:#acacb9}.composer-preview-column{border-color:#e2e2ea}.preview-media{background:#f5f5f7;color:#c2c2cf}.instagram-preview-header{color:#7b7b88}.preview-avatar{background:#eeeef3;color:#9b9baa}.preview-controls{color:#868694}.preview-caption{color:#80808e}.preview-tip{color:#a2a2b0}.library-pick{background:#f1f1f5;border-color:transparent}.library-pick.selected{border-color:#555566}.library-pick .selection-check{background:#33333f}.selected-media-thumb{border-color:#dedee8}.media-order{color:#a3a3b0}.media-order button{color:#9292a1}.remove-media{border-radius:50%!important}.details-options summary{color:#9191a0}.detail-caption{color:#868695}.detail-error{background:#fbf1f3;border-color:#eddee2;color:#af8390}.detail-keyvalues dt{color:#aaaaba}.detail-keyvalues dd{color:#8c8c9d}.tab-row button.active{color:#333;border-color:#333}.tab-row button{color:#a0a0b0}.toast{border-color:#dfdfe8;border-left-color:#9c9caa;box-shadow:0 10px 35px #1d25301c;color:#7e7e8d}.toast.success{border-left-color:#89a394}.toast.error{border-left-color:#c38d9b}.login-screen{background:#d5e0ec}.login-card{border:0;border-radius:0;box-shadow:0 20px 70px #73869c26}.login-card .brand{color:#111}.login-card .brand-symbol{color:#111}.login-card h1{font-weight:400;color:#111}.login-card p{color:#8b8b99}.login-card .button{background:#000}.boot-screen{background:#d5e0ec;color:#6e7c8e}.boot-screen .brand-symbol{background:#12121d;color:white}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#9797a6;outline-width:2px}
@media(min-width:1660px){#app{margin:90px auto;height:calc(100dvh - 180px)}main{padding-top:40px}.calendar-cell{min-height:230px}}
@media(max-width:1510px){#app{margin:50px 45px;height:calc(100dvh - 100px);max-width:none}.topbar{padding:0 40px}main{padding-left:40px;padding-right:40px}.app-footer{padding-left:40px;padding-right:40px}.calendar-cell{min-height:205px}.calendar-toolbar>.segmented{width:235px}.calendar-filters{gap:12px}.calendar-date-button{min-width:180px}}
@media(max-width:1250px){#app{margin:35px 30px;height:calc(100dvh - 70px);min-height:650px}.sidebar{width:208px;padding-left:20px;padding-right:20px}.workspace{margin-left:208px;width:calc(100% - 208px)}.brand{font-size:19px;gap:8px}.brand-symbol,.brand-symbol svg{width:39px;height:39px}.topbar{padding:0 31px}main{padding:30px 31px 24px}.app-footer{padding-left:31px;padding-right:31px}.calendar-cell{min-height:180px}.calendar-post{gap:6px;padding:6px 5px;min-height:36px}.instagram-brand{width:21px;height:21px}.instagram-brand svg{width:18px;height:18px}.calendar-post time{font-size:10px}.calendar-cell-count{font-size:9px}.calendar-toolbar>.segmented{width:205px}.calendar-filter-button{min-width:85px;font-size:10px}.calendar-date-button{min-width:160px;gap:8px}.calendar-title{font-size:10px}.calendar-filters{gap:8px}.calendar-head{gap:1px}.calendar-head>.icon-button{width:19px;min-width:19px}.nav-link{height:56px;font-size:11px}}
@media(max-width:1050px){#app{margin:25px 20px;height:calc(100dvh - 50px);min-height:620px}.sidebar{width:190px;padding-left:18px;padding-right:18px}.workspace{margin-left:190px;width:calc(100% - 190px)}.brand{font-size:17px;gap:7px;margin-bottom:35px}.brand-symbol,.brand-symbol svg{width:35px;height:35px}.nav-link{height:53px;font-size:10px;gap:9px}.nav-link svg{width:16px;height:16px}.topbar{height:73px;min-height:73px;padding:0 27px}#topbar-view-title{font-size:25px}.topbar-actions>.button{min-width:151px;font-size:10px;height:36px}main{padding:28px 27px 22px}.calendar-toolbar{gap:12px;margin-bottom:27px;flex-wrap:wrap}.calendar-toolbar>.segmented{width:205px}.calendar-filters{margin-left:auto}.calendar-filter-button{min-width:75px;height:36px}.calendar-date-button{min-width:150px;height:36px}.calendar-head>.icon-button{height:36px}.calendar-cell{min-height:158px;padding-left:5px;padding-right:5px}.calendar-weekdays div{font-size:10px;padding-left:5px}.calendar-post{min-height:32px;padding:5px 4px;gap:5px}.calendar-post time{font-size:9px}.instagram-brand{height:19px;width:19px}.instagram-brand svg{height:17px;width:17px}.calendar-cell-count{left:5px;bottom:7px;font-size:8px}.day-number{font-size:10px}.profile-circle{height:32px;width:32px;font-size:14px}.sidebar-profile{gap:8px}.sidebar-profile strong{font-size:9px;max-width:90px}.sidebar-profile small{font-size:8px}.app-footer{padding:10px 27px;font-size:7px}}
@media(max-width:760px){body{background:#d5e0ec}#app{margin:13px;height:calc(100dvh - 26px);min-height:0;overflow:hidden}.sidebar{position:absolute;width:220px;padding:25px 20px;z-index:40;transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar-scrim{position:absolute;z-index:39;background:#15152155}.workspace{margin:0;width:100%;height:100%}.mobile-menu{display:inline-grid;background:transparent;border-color:transparent;padding:0;min-width:21px;color:#333}.mobile-menu svg{width:19px;height:19px}.topbar{height:69px;min-height:69px;padding:0 18px;gap:14px}#topbar-view-title{font-size:23px;letter-spacing:-.7px}.topbar-actions>.button{min-width:35px;height:35px;padding:0 10px}.topbar-actions>.button span:last-child{display:none}.topbar-actions>.button svg{height:16px;width:16px}main{padding:25px 18px 20px}.app-footer{padding:9px 18px;font-size:7px}.app-footer>span:last-child{max-width:180px}.calendar-toolbar{gap:13px;margin-bottom:23px}.calendar-toolbar>.segmented{width:100%;max-width:230px;min-height:36px}.calendar-toolbar>.segmented button{height:29px;font-size:10px}.calendar-filters{width:100%;justify-content:space-between;margin:0;gap:10px}.calendar-filter-button{height:34px;min-width:88px}.calendar-date-button{min-width:150px;height:34px}.calendar-head>.icon-button{height:34px;min-width:18px;width:18px}.calendar-head{gap:0}.calendar-weekdays{margin-bottom:8px}.calendar-weekdays div{font-size:8px;padding:0 4px;overflow:hidden;text-overflow:clip}.calendar-cell{min-height:128px;padding:5px 4px 26px}.calendar-cell-count{font-size:7px;left:4px;bottom:7px;max-width:calc(100% - 5px);overflow:hidden;white-space:nowrap}.day-number{font-size:10px}.day-add{opacity:1;font-size:12px;padding:0 2px}.calendar-post{padding:4px 3px;gap:3px;min-height:29px;flex-wrap:wrap;justify-content:flex-start;margin-bottom:5px}.instagram-brand{height:17px;width:17px}.instagram-brand svg{height:15px;width:15px}.calendar-post time{font-size:8px;display:inline}.calendar-legend{font-size:8px;line-height:1.8;align-items:flex-start;gap:13px}.calendar-legend span:first-child{max-width:180px}.calendar-legend span:last-child{max-width:90px;text-align:right}.page-heading{gap:10px}.page-heading p{font-size:10px}.heading-actions .button{font-size:9px;padding:7px 9px}.stats-grid{gap:10px}.stat-card{padding:16px}.stat-number{font-size:27px}.stat-top{font-size:10px}.stat-bottom{font-size:9px}.setup-banner{align-items:flex-start;padding:16px;gap:12px}.setup-banner .button{font-size:8px;min-height:30px;padding:6px 8px}.setup-leading{gap:10px}.setup-icon{width:32px;height:32px}.setup-banner h3{font-size:11px}.setup-banner p{font-size:9px}.modal-overlay{padding:12px}.modal{border-radius:0;max-height:calc(100dvh - 24px)}.modal-header{padding:18px}.modal-content{padding:18px}.modal-footer{padding:14px 18px}.modal-header h2{font-size:18px}.composer-preview-column{max-width:280px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.media-preview{height:140px}.input{font-size:11px}.field>label{font-size:10px}.data-table td{font-size:10px;padding:14px}.data-table th{font-size:8px;padding:13px 14px}.app-footer b{padding:0 5px}.nav-link{height:51px;font-size:11px}.brand{margin-bottom:24px}.future-channel{padding-bottom:14px}.sidebar-bottom{padding-top:16px}}
@media(max-width:420px){#app{margin:8px;height:calc(100dvh - 16px)}.topbar{padding:0 14px;gap:11px}#topbar-view-title{font-size:21px}main{padding:23px 13px 17px}.calendar-cell{min-height:118px;padding-left:3px;padding-right:3px}.calendar-weekdays div{font-size:7px;padding-left:3px}.calendar-post{padding:4px 2px;gap:2px}.calendar-post time{font-size:7px}.instagram-brand{height:14px;width:14px}.instagram-brand svg{height:13px;width:13px}.calendar-cell-count{font-size:6px;left:3px}.calendar-toolbar>.segmented{max-width:215px}.calendar-filters{gap:3px}.calendar-filter-button{font-size:9px;min-width:73px;padding:7px 9px}.calendar-date-button{min-width:138px;font-size:9px;padding:7px 8px}.calendar-title{font-size:9px}.app-footer{padding-left:13px;padding-right:13px}.app-footer>span:last-child{max-width:150px}.modal-footer .button{font-size:10px;padding:8px 10px}}

/* Project filtering remains available outside the reference calendar view. */
body:not([data-view="calendar"]) .workspace-selector{display:flex;margin-left:auto}.workspace-selector .workspace-monogram,.workspace-selector .eyebrow{display:none}.workspace-selector select{font-size:10px;max-width:150px;color:#85858e}.workspace-selector+.topbar-actions{margin-left:0}
@media(max-width:760px){body:not([data-view="calendar"]) .workspace-selector{display:none}.workspace-selector+.topbar-actions{margin-left:auto}}

/* Calendar labels stay readable on phones without changing the desktop reference. */
.weekday-short,.count-short{display:none}
@media(max-width:760px){
  .weekday-full,.count-full{display:none}
  .weekday-short,.count-short{display:inline}
  .calendar-weekdays div{font-size:11px;line-height:1.5;padding-left:4px;letter-spacing:0;font-weight:400}
  .calendar-cell{min-height:180px;padding-bottom:28px}
  .calendar-cell-count{font-size:10px;line-height:1.5;left:4px;bottom:8px;color:#707078}
  .day-number{font-size:12px;line-height:1.5}
  .calendar-post{min-height:36px;padding:6px 3px;column-gap:4px;row-gap:3px}
  .calendar-post time{font-size:11px;line-height:1.4;white-space:nowrap}
  .instagram-brand{height:18px;width:18px}
  .instagram-brand svg{height:16px;width:16px}
  .calendar-legend{font-size:10px;line-height:1.7}
}
@media(max-width:480px){
  .calendar-weekdays div{font-size:10px;padding-left:3px}
  .calendar-cell{min-height:190px}
  .calendar-cell-count{font-size:9px;left:3px}
  .calendar-post{padding:5px 3px;min-height:42px}
  .calendar-post time{font-size:10px;flex-basis:100%;text-align:left}
  .instagram-brand{height:17px;width:17px}
  .instagram-brand svg{height:15px;width:15px}
}