:root{--ink:#283645;--muted:#7d8795;--line:#e8ebef;--paper:#f7f8fb;--blue:#4e718c;--lav:#e9e8f6;--mint:#e2efed}*{box-sizing:border-box}body{margin:0;font:14px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;color:inherit}button{border:1px solid var(--line);border-radius:10px;background:white;padding:10px 15px}button:hover{background:#f1f4f8}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#fff;border-right:1px solid var(--line);padding:32px 20px;display:flex;flex-direction:column;z-index:3}.logo{font-size:29px;font-weight:650;letter-spacing:-1px;display:flex;align-items:center;gap:9px;margin-bottom:42px}.logo-mark{background:#e9edf6;border-radius:12px;padding:4px 9px;font-family:Georgia,serif;color:#526982}.spark{font-size:24px;color:#a5afd0;margin-left:auto}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--muted);font-weight:650}.nav{display:flex;align-items:center;gap:12px;width:100%;border:0;text-align:left;background:transparent;padding:13px 12px;margin:4px 0;color:#667181}.nav.active{background:#edf1f8;color:#47627f;font-weight:600}.side-title{font-size:10px;letter-spacing:1.3px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;margin:31px 10px 12px}.side-title button{padding:0 4px;border:0;font-size:21px}.company-dot{width:9px;height:9px;border-radius:3px;display:inline-block;flex-shrink:0}.side-bottom{margin-top:auto;padding-top:24px}.note{background:#f7f7fb;border-radius:13px;padding:18px 15px;margin-bottom:22px}.note span{font-family:Georgia,serif;font-style:italic;font-size:19px}.note p{font-size:11px;color:var(--muted);line-height:1.5}.note svg{width:100%;height:40px}.profile{display:flex;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:15px;font-size:12px;align-items:center}.profile b,.avatar{border-radius:50%;background:#ede9e3;display:inline-grid;place-items:center;width:33px;height:33px;font-size:11px}.profile small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.workspace{margin-left:230px}header{height:70px;background:#fff9;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 38px;font-size:12px;color:#6c7887}.prototype{font-size:10px;border:1px solid #dce1eb;border-radius:20px;padding:6px 10px}main{max-width:1600px;margin:auto;padding:35px 38px 20px;min-height:calc(100vh - 112px)}h1{font-family:Georgia,serif;font-size:36px;font-weight:400;letter-spacing:-1px;margin:9px 0 12px}h2{font-size:18px;font-weight:600}h3{font-size:14px}.muted,.subtitle{color:var(--muted);line-height:1.6}.page-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:20px}.primary{background:#526f89;color:#fff;border-color:#526f89;white-space:nowrap}.primary:hover{background:#405d76}.hero{padding:30px 32px;background:#eaedf6;border:1px solid #e2e5ef;border-radius:18px;position:relative;overflow:hidden;margin-bottom:26px;display:flex;justify-content:space-between;align-items:center}.hero h2{font:27px Georgia,serif;margin:0 0 10px}.hero p{color:#6b7789;max-width:460px;font-size:12px;line-height:1.7;margin:0}.hero-art{font-family:Georgia,serif;font-size:75px;color:#929fbd;margin-right:25px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:23px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;display:flex;align-items:center;justify-content:space-between}.stat b{font:29px Georgia,serif}.stat span{font-size:12px;color:var(--muted)}.section-head{display:flex;align-items:center;justify-content:space-between;margin:28px 0 16px}.section-head h2{margin:0}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.brand-card{padding:22px;text-align:left;border-radius:15px;background:#fff;min-height:155px;position:relative}.brand-card .monogram{height:43px;width:43px;display:grid;place-items:center;border-radius:12px;font:21px Georgia,serif;margin-bottom:17px}.brand-card b{display:block;font-weight:550}.brand-card small{display:block;color:var(--muted);margin-top:7px;font-size:10px}.brand-card .arrow{position:absolute;right:19px;top:24px;color:#9aa3b0}.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:23px}.home-bottom{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-top:25px}.task-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);cursor:pointer}.task-row:last-child{border:0}.task-row .task-text{flex:1}.task-row b{font-size:12px;font-weight:500}.task-row small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.pill{font-size:9px;border-radius:5px;padding:5px 7px;background:#eef1f8;color:#6c7a94;display:inline-block}.tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin:24px 0}.tabs button{border:0;border-radius:0;background:transparent;padding:0 0 15px;color:var(--muted);font-size:12px}.tabs button.active{border-bottom:2px solid #516f89;color:#3b556e;font-weight:600}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0;flex-wrap:wrap}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:7px}.toolbar h2{font:22px Georgia,serif;margin:0 12px 0 0;text-transform:capitalize}.toolbar button{padding:7px 11px;font-size:11px}.segmented{display:flex;padding:3px;border:1px solid var(--line);border-radius:9px;background:#eef0f5}.segmented button{background:transparent;border:0;padding:6px 12px}.segmented .active{background:white;box-shadow:0 1px 4px #293e4b10}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{font-size:10px;padding:7px 11px;border-radius:20px;background:transparent}.filter.active{background:#e7edf5;border-color:#cdd8e5;color:#42617e}.calendar{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.weekdays{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--line)}.weekdays span{text-align:center;font-size:10px;color:var(--muted);padding:13px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.day{min-height:145px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px 8px}.day:nth-child(7n){border-right:0}.day.outside{background:#fafbfc}.day.dragover{background:#e6f0f6}.day-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7e8999;margin-bottom:8px}.day-top button{padding:0 3px;border:0;background:transparent;color:#aeb7c5;font-size:16px}.today-number{background:#5d7893;color:white;border-radius:50%;padding:4px 6px}.post-card{border:1px solid #e6e8ef;background:#fff;border-radius:8px;margin-bottom:7px;padding:7px;cursor:pointer;box-shadow:0 2px 5px #30445804;overflow:hidden}.post-card:hover{border-color:#aab8cd;transform:translateY(-1px)}.post-card .meta{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#8190a1;margin-bottom:6px}.network{font-weight:650;color:#6b7990;font-size:9px}.post-card h3{font-size:10px;font-weight:500;line-height:1.4;margin:7px 0}.post-art{height:65px;border-radius:5px;background:#eef0f5;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;font-family:Georgia,serif;font-size:12px;text-align:center;padding:8px;color:#56687c}.post-art::before{content:'';height:90px;width:90px;border:1px solid #ffffffaa;border-radius:50%;position:absolute;right:-20px;top:-30px}.post-art::after{content:'';width:48px;height:48px;border:1px solid #ffffffaa;position:absolute;left:-15px;bottom:-28px;transform:rotate(30deg)}.art-lilac{background:#e8e5f3}.art-mint{background:#e0eeea}.art-peach{background:#f1e6dd}.art-blue{background:#e0eaf2}.card-bottom{display:flex;justify-content:space-between;align-items:center}.card-bottom .pill{padding:3px 5px;font-size:8px}.mini-avatar{width:18px;height:18px;font-size:7px;border-radius:50%;background:#ece9e5;display:grid;place-items:center}.progress-track{height:3px;background:#edf0f4;border-radius:4px;margin-top:8px}.progress-track span{display:block;background:#a2b6b0;height:100%;border-radius:4px}.empty{padding:35px;text-align:center;color:var(--muted);font-size:12px;line-height:1.8}.empty .empty-symbol{font-size:30px;display:block;color:#acb5c8;margin-bottom:10px}.board{display:grid;grid-template-columns:repeat(6,minmax(180px,1fr));gap:12px;overflow-x:auto;padding-bottom:15px}.column{background:#eff1f6;border-radius:12px;padding:12px;min-height:400px}.column.dragover{background:#e1ebf1}.column-head{display:flex;justify-content:space-between;font-size:11px;padding:5px 3px 15px;color:#6c7a8f}.column .post-art{height:100px}.column .post-card h3{font-size:12px}.column .post-card{padding:11px}.list{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.list .post-art{height:130px}.list .post-card{padding:15px}.list .post-card h3{font-size:14px}.months{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.month-tile{padding:20px;text-align:left;min-height:125px}.month-tile b{font:20px Georgia,serif;text-transform:capitalize}.month-tile span{display:block;color:var(--muted);font-size:11px;margin-top:13px}.month-tile i{float:right;color:#9da9bd;font-size:24px;font-style:normal}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-grid .panel{align-self:start}.settings-grid label{margin:14px 0}.network-row{display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0;font-size:12px}.network-row span{flex:1}.hint{font-size:11px;line-height:1.6;color:var(--muted)}.notice{padding:14px 18px;border:1px solid #e4e1d8;background:#f7f5ef;border-radius:10px;color:#8a8069;font-size:11px;line-height:1.7;margin-bottom:20px}.placeholder{padding:45px;max-width:750px;margin:30px auto;text-align:center}.placeholder h2{font:27px Georgia,serif}.placeholder p{color:var(--muted);font-size:13px;line-height:1.8}.placeholder .badge{display:inline-block;background:#edf0f7;padding:8px 15px;border-radius:20px;color:#7586a3;font-size:11px}footer{padding:20px 38px;font-size:10px;color:#9aa3af;display:flex;justify-content:space-between}dialog{width:min(650px,95vw);max-height:90vh;border:1px solid var(--line);border-radius:18px;padding:27px;box-shadow:0 25px 100px #26324830;color:var(--ink)}dialog::backdrop{background:#26324855;backdrop-filter:blur(3px)}.modal-top{display:flex;align-items:center;justify-content:space-between}.icon{padding:0 6px;border:0;font-size:25px;background:transparent}.title-input{font:27px Georgia,serif!important;border:0!important;padding:13px 0!important;margin-bottom:15px;width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}label{display:block;font-size:11px;color:#788598;margin-bottom:13px}input:not([type=checkbox]),select,textarea{display:block;width:100%;border:1px solid #dee3ec;border-radius:8px;padding:10px 11px;color:var(--ink);background:white;margin-top:6px;font-size:12px}textarea{resize:vertical}.check-heading{display:flex;justify-content:space-between;align-items:center}.check-heading span{font-size:11px;color:var(--muted)}.check-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.check-row label{margin:0;display:flex;align-items:center;gap:10px;flex:1;color:var(--ink);font-size:12px}.check-row input[type=text]{width:150px;font-size:10px;margin:0;padding:7px}.check-row input:checked+span{text-decoration:line-through;color:#92a09b}input[type=checkbox]{accent-color:#6f948d;width:16px;height:16px}.modal-actions{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.danger{color:#aa6f72;border:0;background:transparent}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#354d60;color:white;padding:12px 22px;border-radius:12px;z-index:20;opacity:0;pointer-events:none;font-size:12px;transition:opacity .2s}#toast.show{opacity:1}.mobile-label{display:none}
@media(min-width:1550px){.day{min-height:175px}.post-art{height:90px}.post-card h3{font-size:12px}}@media(max-width:1100px){.sidebar{width:200px;padding:25px 13px}.workspace{margin-left:200px}main{padding:25px 20px}.brand-grid{grid-template-columns:repeat(2,1fr)}.home-bottom{grid-template-columns:1fr}.day{min-height:125px;padding:5px}.post-art{height:45px}.post-card{padding:4px}.months{grid-template-columns:repeat(3,1fr)}header{padding:0 20px}.toolbar{align-items:flex-start}.list{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sidebar{position:relative;width:100%;padding:14px;display:block;border-bottom:1px solid var(--line)}.logo{margin:0 0 12px;font-size:24px}.sidebar>.eyebrow,.side-title,.side-bottom{display:none}.sidebar>.nav{display:inline-flex;width:auto}.sidebar #companies{display:flex;overflow-x:auto;gap:4px}.sidebar #companies .nav{width:auto;white-space:nowrap;font-size:11px;padding:10px}.workspace{margin-left:0}header{height:48px;font-size:10px}.prototype{font-size:8px;max-width:155px;text-align:center}main{padding:20px 13px}h1{font-size:29px}.page-top{align-items:flex-start}.page-top .primary{font-size:11px;padding:10px}.hero{padding:24px}.hero-art{display:none}.hero h2{font-size:23px}.stats{gap:7px}.stat{display:block;padding:13px}.stat span{display:block;font-size:9px}.stat b{display:block;margin-top:8px;font-size:25px}.brand-card{padding:17px;min-height:140px}.brand-card b{font-size:12px}.calendar-scroll{overflow-x:auto}.calendar{min-width:770px}.toolbar-left{flex-wrap:wrap}.toolbar h2{font-size:20px}.tabs{gap:19px;overflow-x:auto}.tabs button{white-space:nowrap}.months{grid-template-columns:repeat(2,1fr)}.settings-grid,.list{grid-template-columns:1fr}.home-bottom{gap:12px}.form-grid{gap:8px}dialog{padding:20px}.check-row input[type=text]{width:115px}.title-input{font-size:23px!important}footer{padding:18px 14px;gap:15px}.notice{font-size:10px}}

[hidden]{display:none!important}.social-logo{width:17px;height:17px;vertical-align:middle;display:inline-block;color:#20252b;flex-shrink:0;margin-right:7px}.network-row>span{display:flex;align-items:center}.filter .social-logo{width:13px;height:13px}.network .social-logo{width:10px;height:10px;margin-right:3px}.format-control{position:relative;padding-bottom:15px}.format-control label{margin-bottom:4px}.text-button{padding:2px 0;border:0;background:transparent;font-size:10px;color:#667b96}.content-fields{border:1px solid var(--line);border-radius:12px;padding:18px;margin:5px 0 18px;background:#fbfcfe}.fields-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px}.fields-heading h3{margin:0}.thumbnail-fields{border-top:1px solid var(--line);margin-top:18px;padding-top:8px}.save-buttons{display:flex;gap:8px}.attachment-row{display:flex;align-items:center;gap:7px;padding:8px 0;border-bottom:1px solid var(--line);font-size:11px}.attachment-row>span{flex:1;overflow-wrap:anywhere}.attachment-row button{font-size:10px;padding:5px 7px}.attachment-row small{display:block;color:var(--muted);margin-top:3px}.integration-link{display:inline-block;font-size:12px;color:var(--blue);padding:10px 0}.format-list{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.format-list span{border:1px solid var(--line);border-radius:20px;padding:6px 10px;font-size:10px}.network-row .text-button{margin:0 7px}.content-fields input[type=file]{font-size:11px}.content-fields input[type=file]::file-selector-button{border:0;background:#e9edf6;color:#4b6079;border-radius:5px;padding:7px 10px;margin-right:10px}#format-dialog,#schedule-dialog{max-width:480px}#format-dialog h2,#schedule-dialog h2{font:25px Georgia,serif}

.distribution{background:#f4f6fb;border:1px solid #e4e8f1;border-radius:12px;padding:14px 16px;margin:0 0 20px}.multi-toggle{display:flex;align-items:center;gap:8px;margin:0;color:#536982;font-size:12px}.multi-toggle input{margin:0}#multiplatform-panel{margin-top:17px}.variant-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0}.variant-tab{font-size:10px;padding:9px 10px}.variant-tab.active{background:#e3eaf4;border-color:#a6b8cf}.variant-builder{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:8px}.variant-builder label{margin:0}.variant-builder button{padding:11px;font-size:10px}.multi-badge{display:inline-flex;align-items:center;gap:5px;color:#7e8aa0;font-size:8px;margin:2px 0 4px}.trash-list{display:grid;gap:10px}.trash-row{display:flex;align-items:center;gap:16px;padding:17px;background:#fff;border:1px solid var(--line);border-radius:12px}.trash-row>div{flex:1}.trash-row b{font-size:12px;font-weight:550}.trash-row p{font-size:11px;color:var(--muted);margin:7px 0 0}.trash-row button{font-size:11px}.role-table{width:100%;border-collapse:collapse;font-size:12px}.role-table th,.role-table td{text-align:left;padding:15px 12px;border-bottom:1px solid var(--line);vertical-align:top}.role-table th{color:var(--muted);font-size:10px;font-weight:500}.role-table td:first-child{white-space:nowrap;font-weight:600}.team-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:22px 0}.team-flow .panel p{font-size:12px;color:var(--muted);line-height:1.7}#toast.show{pointer-events:auto}#toast button{margin-left:16px;background:#fff1;border:1px solid #fff5;color:white;padding:5px 10px;font-size:12px}.undo-toast{display:flex;align-items:center;gap:10px}.trash-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:15px 0}.trash-toolbar select{width:auto;min-width:160px;margin:0}.trash-row .social-logo{width:12px;height:12px}.distribution .hint{margin-bottom:0}@media(max-width:700px){.variant-builder{grid-template-columns:1fr 1fr}.variant-builder button{grid-column:1/-1}.team-flow{grid-template-columns:1fr}.role-table{font-size:10px}.role-table th,.role-table td{padding:12px 6px}.trash-row{gap:10px}.trash-row p{font-size:10px}}
/* Keep every navigation item reachable on short windows and long company lists. */
.sidebar{height:100dvh;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#c7cfdd transparent}
.sidebar>*{flex-shrink:0}
.sidebar::-webkit-scrollbar{width:6px}
.sidebar::-webkit-scrollbar-thumb{background:#c7cfdd;border-radius:8px}
.sidebar::-webkit-scrollbar-track{background:transparent}
.sidebar:focus-within{scroll-behavior:smooth}
@media(max-width:700px){.sidebar{height:auto;max-height:45dvh;overflow-y:auto}.sidebar #companies{flex-wrap:wrap;overflow-x:visible}.sidebar #companies .nav{flex:0 0 auto}.sidebar .side-bottom{display:block;margin-top:8px;padding-top:0}.sidebar .side-bottom .note,.sidebar .side-bottom .profile{display:none}.sidebar .side-bottom>.nav{display:inline-flex;width:auto;margin:0;padding:10px 12px}}

/* Dark palette, selected separately from content and retained per browser. */
:root[data-theme="dark"]{color-scheme:dark;--ink:#e1e7f0;--muted:#a0adbf;--line:#344050;--paper:#151c26;--blue:#a6c4df;--lav:#34354d;--mint:#283e3c}
[data-theme="dark"] .sidebar,[data-theme="dark"] .panel,[data-theme="dark"] .stat,[data-theme="dark"] .brand-card,[data-theme="dark"] .calendar,[data-theme="dark"] .post-card,[data-theme="dark"] .trash-row,[data-theme="dark"] dialog{background:#1e2835}
[data-theme="dark"] header{background:#18212e}
[data-theme="dark"] button{background:#273342;border-color:var(--line)}
[data-theme="dark"] button:hover{background:#344458}
[data-theme="dark"] .nav{background:transparent;color:#b6c4d6}
[data-theme="dark"] .nav.active{background:#304157;color:#e0ecfa}
[data-theme="dark"] .primary{background:#829fbd;color:#101b29;border-color:#829fbd}
[data-theme="dark"] .primary:hover{background:#a0bad5}
[data-theme="dark"] .note,[data-theme="dark"] .distribution,[data-theme="dark"] .content-fields{background:#222d3d;border-color:var(--line)}
[data-theme="dark"] .logo-mark{background:#33435a;color:#d1dff0}
[data-theme="dark"] .logo{color:#e6edf5}
[data-theme="dark"] .side-title button,[data-theme="dark"] .icon,[data-theme="dark"] .tabs button,[data-theme="dark"] .text-button,[data-theme="dark"] .filter,[data-theme="dark"] .day-top button{background:transparent}
[data-theme="dark"] .tabs button.active{color:#bed3eb;border-bottom-color:#a2bad7}
[data-theme="dark"] .filter.active,[data-theme="dark"] .variant-tab.active{background:#34475f;color:#dfebfc;border-color:#6c88a7}
[data-theme="dark"] .segmented{background:#18212d}
[data-theme="dark"] .segmented .active{background:#3a4c63}
[data-theme="dark"] .column{background:#192330}
[data-theme="dark"] .day.outside{background:#18212c}
[data-theme="dark"] .day.dragover,[data-theme="dark"] .column.dragover{background:#34485c}
[data-theme="dark"] input:not([type=checkbox]),[data-theme="dark"] select,[data-theme="dark"] textarea{background:#17212d;color:var(--ink);border-color:#425267}
[data-theme="dark"] input::placeholder,[data-theme="dark"] textarea::placeholder{color:#8595aa}
[data-theme="dark"] .title-input{background:transparent!important}
[data-theme="dark"] .pill,[data-theme="dark"] .placeholder .badge{background:#35415a;color:#d2dcf0}
[data-theme="dark"] .notice{background:#302e27;border-color:#514b3d;color:#d1c5ab}
[data-theme="dark"] .profile b,[data-theme="dark"] .avatar,[data-theme="dark"] .mini-avatar{background:#444552;color:#edf0f7}
[data-theme="dark"] .progress-track{background:#344150}
[data-theme="dark"] .art-blue{background:#30475f;color:#e1eaf6}
[data-theme="dark"] .art-lilac{background:#443b5b;color:#eee4ff}
[data-theme="dark"] .art-mint{background:#2c4b46;color:#dcf1eb}
[data-theme="dark"] .art-peach{background:#55453e;color:#f5e5db}
[data-theme="dark"] .social-logo{color:#e8eef7}
[data-theme="dark"] .danger{color:#f1a6af;background:transparent}
[data-theme="dark"] .sidebar{scrollbar-color:#65798f transparent}
[data-theme="dark"] #toast{background:#d9e5f4;color:#192737}
[data-theme="dark"] #toast button{background:#20314a;color:#fff}
[data-theme="dark"] .content-fields input[type=file]::file-selector-button{background:#384c66;color:#e4edf8}
.logo{font-size:25px;gap:7px;white-space:nowrap}.logo-mark{width:38px;padding:4px 0;font-size:27px;text-align:center;flex-shrink:0}.logo .spark{font-size:20px}

/* Warm light theme and company identity. */
:root:not([data-theme="dark"]){--ink:#443c33;--muted:#8b7e70;--line:#e7ddcf;--paper:#faf6ef;--blue:#8a7258;--lav:#eee5db;--mint:#e7ebdf}
:root:not([data-theme="dark"]) .sidebar{background:#f6f0e6}
:root:not([data-theme="dark"]) header{background:#fbf7f0}
:root:not([data-theme="dark"]) .panel,:root:not([data-theme="dark"]) .stat,:root:not([data-theme="dark"]) .brand-card,:root:not([data-theme="dark"]) .calendar,:root:not([data-theme="dark"]) .post-card,:root:not([data-theme="dark"]) .trash-row,:root:not([data-theme="dark"]) dialog{background:#fffdf8}
:root:not([data-theme="dark"]) button{background:#fffaf2}
:root:not([data-theme="dark"]) button:hover{background:#f0e7da}
:root:not([data-theme="dark"]) .nav{background:transparent;color:#877764}
:root:not([data-theme="dark"]) .nav.active,:root:not([data-theme="dark"]) .filter.active,:root:not([data-theme="dark"]) .variant-tab.active{background:#eae0d2;color:#66523e;border-color:#d9c9b5}
:root:not([data-theme="dark"]) .primary{background:#8b7359;color:#fffdf8;border-color:#8b7359}
:root:not([data-theme="dark"]) .primary:hover{background:#735b44}
:root:not([data-theme="dark"]) .note,:root:not([data-theme="dark"]) .distribution,:root:not([data-theme="dark"]) .content-fields,:root:not([data-theme="dark"]) .column{background:#f1eade;border-color:#e4d7c5}
:root:not([data-theme="dark"]) input:not([type=checkbox]),:root:not([data-theme="dark"]) select,:root:not([data-theme="dark"]) textarea{background:#fffdf8;border-color:#dfd2c2}
:root:not([data-theme="dark"]) .segmented{background:#eee4d7}
:root:not([data-theme="dark"]) .segmented .active{background:#fffcf6}
:root:not([data-theme="dark"]) .pill{background:#eee5d9;color:#8a7054}
:root:not([data-theme="dark"]) .logo-mark{background:#e9dfcf;color:#796148}
:root:not([data-theme="dark"]) .day.outside{background:#f8f2e8}
:root:not([data-theme="dark"]) .progress-track{background:#ede5d9}
:root:not([data-theme="dark"]) .tabs button.active{border-bottom-color:#8b7359;color:#715b44}
:root:not([data-theme="dark"]) .sidebar-brand-logo{background:#fffdf8}
.logo{display:flex;flex-wrap:nowrap;white-space:nowrap;font-size:23px;gap:7px;letter-spacing:-.7px;line-height:1.2}
.logo-mark{width:34px;min-width:34px;padding:5px 0;font-size:25px}
.logo .spark{font-size:17px;flex-shrink:0}
.brand-logo{width:100%;height:100%;object-fit:contain;padding:3px;display:block}
.sidebar-brand-logo{width:24px;height:24px;object-fit:contain;background:#fff;border-radius:5px;padding:2px;flex-shrink:0}
.logo-preview{display:flex;align-items:center;justify-content:center;width:82px;height:82px;border:1px solid var(--line);border-radius:12px;background:#fff;margin:10px 0 14px;color:#6e5c48;font:24px Georgia,serif}
.logo-preview img{max-width:100%;max-height:100%;object-fit:contain;padding:6px}

.logo-preview[hidden]{display:none}
:root:not([data-theme="dark"]) .sidebar{scrollbar-color:#d0c2b0 transparent}
:root:not([data-theme="dark"]) .sidebar::-webkit-scrollbar-thumb{background:#d0c2b0}
.cloud-login{position:fixed;inset:0;z-index:1000;background:var(--paper);display:grid;place-items:center;overflow:auto;padding:30px}.cloud-login[hidden]{display:none}.cloud-login form{width:min(440px,100%);padding:36px}.cloud-login h1{font-size:29px;margin-top:26px}.cloud-login p{line-height:1.6;font-size:13px;color:var(--muted)}.cloud-login #login-error{color:#ad3939}.cloud-locked>.sidebar,.cloud-locked>.workspace,.cloud-loading>.sidebar,.cloud-loading>.workspace{visibility:hidden}.cloud-conflict{position:fixed;bottom:20px;right:20px;max-width:480px;z-index:1200;background:var(--paper);border:2px solid #b77b46;border-radius:14px;box-shadow:0 8px 30px #0003;padding:20px}.cloud-conflict p{line-height:1.6}.cloud-conflict button{margin:4px}.permission-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.user-row{border-bottom:1px solid var(--line);padding:20px 0}.profile{gap:10px;flex-wrap:wrap}.profile span{font-size:12px}.profile button{font-size:11px;padding:5px 10px}button:disabled{cursor:not-allowed;opacity:.5}

/* Accent colors keep cream and charcoal surfaces calm while marking actions. */
:root:not([data-theme="dark"]){--accent:#a34732;--accent-hover:#873724;--accent-soft:#f3ded4;--accent-ink:#823522;--blue:var(--accent)}
:root[data-theme="dark"]{--accent:#c4a6f4;--accent-hover:#d8c0ff;--accent-soft:#3c3051;--accent-ink:#e3d3ff;--blue:var(--accent)}
:root[data-theme] .primary{background:var(--accent);border-color:var(--accent);color:#fffaf3}
:root[data-theme] .primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
:root[data-theme="dark"] .primary{color:#22152f}
:root[data-theme] .nav.active{background:var(--accent-soft);color:var(--accent-ink);box-shadow:inset 3px 0 0 var(--accent)}
:root[data-theme] .filter.active,:root[data-theme] .variant-tab.active{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent)}
:root[data-theme] .tabs button.active{color:var(--accent-ink);border-bottom-color:var(--accent)}
:root[data-theme] .logo-mark{background:var(--accent-soft);color:var(--accent-ink)}
:root[data-theme] .logo .spark,:root[data-theme] .eyebrow,:root[data-theme] .side-title>button{color:var(--accent)}
:root[data-theme] .progress-track span{background:var(--accent)}
:root[data-theme] .today-number{background:var(--accent);color:#fffaf3}
:root[data-theme] input[type="checkbox"]{accent-color:var(--accent)}
:root[data-theme] input:focus-visible,:root[data-theme] textarea:focus-visible,:root[data-theme] select:focus-visible,:root[data-theme] button:focus-visible,:root[data-theme] a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
:root[data-theme] .brand-card:hover{border-color:var(--accent);box-shadow:0 5px 18px #a3473214}
:root[data-theme="dark"] .brand-card:hover{box-shadow:0 5px 18px #c4a6f41a}
:root[data-theme] .cloud-login form{border-top:4px solid var(--accent)}
.results-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.results-toolbar h2{flex:1}.results-toolbar label{margin:0;min-width:160px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric-card{min-width:0;display:flex;flex-direction:column;gap:10px}.metric-card b{font-size:30px}.metric-card .hint{font-size:11px;line-height:1.6;margin:0}

.logo .studio-logo{width:48px;height:48px;object-fit:contain;flex-shrink:0;display:block}.logo{gap:10px}
