:root{--red:#ea1228;--red-dark:#bb071a;--green:#06912b;--ink:#202733;--muted:#647185;--line:#dce2eb;--sidebar:#171a21;--soft:#f5f7fa;--white:#fff;--blue:#1768df;--grid-cols:minmax(300px,1fr) 78px 58px 160px 120px 137px 68px 46px 38px}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#f4f5f8;font-size:18px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.52;cursor:not-allowed}[hidden]{display:none!important}a{color:#135ed4;text-decoration:none}.shell{display:flex;height:100vh;min-height:560px;overflow:hidden}.sidebar{width:232px;flex:0 0 232px;background:linear-gradient(162deg,#22252c 0%,#111318 56%,#0b0e13 100%);color:white;display:flex;flex-direction:column;padding:11px 9px 13px;box-shadow:2px 0 12px #2224;z-index:3}.side-brand{display:flex;align-items:flex-start;flex-direction:column;gap:3px;padding:4px 5px 24px;min-height:121px}.brand-top{display:block;width:211px;height:auto;max-height:52px;object-fit:contain}.brand-bottom{display:block;width:175px;height:auto;max-height:43px;margin-left:8px;object-fit:contain}.side-nav{display:flex;flex-direction:column;gap:6px}.side-link{width:100%;background:none;border:0;border-radius:9px;color:#f1f2f5;text-align:left;padding:12px 13px;display:flex;align-items:center;gap:12px;font-size:22.5px;font-weight:600;transition:background .15s}.side-link:hover{background:#35373d}.side-link.active{background:linear-gradient(110deg,#f3192b,#d70e20);box-shadow:0 2px 4px #0003}.side-link svg{width:21px;height:21px;flex-shrink:0}.side-account{margin-top:auto;border-top:1px solid #4d525b;display:flex;align-items:center;gap:10px;padding:14px 8px 3px}.account-avatar svg{width:30px;height:30px}.account-label{display:flex;flex-direction:column;flex:1;min-width:0}.account-label strong{font-size:19.5px}.account-label small{font-size:15px;color:#b9c0cb;margin-top:2px}.logout-btn{color:white}.workspace{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;background:#fff}.page{flex:1;min-height:0;display:flex;flex-direction:column}.top-strip{height:88px;flex:0 0 88px;display:flex;align-items:center;gap:6px;padding:10px 13px 7px;box-shadow:0 1px 2px #adb7c640;background:#fdfdfe;border-bottom:1px solid #e8ecf0;z-index:2}.category-strip{display:flex;align-items:center;gap:5px;flex:1;overflow:auto hidden;scrollbar-width:thin;padding:1px 0}.cat-chip{height:68px;min-width:69px;padding:5px 8px 3px;flex:0 0 auto;background:linear-gradient(#fff,#f5f6f9);border:1px solid #c6cbd4;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;color:#1c2531;box-shadow:0 1px 2px #0001;font-weight:700;font-size:16.5px}.cat-chip svg{width:23px;height:23px;color:var(--chip-color,#1a70e9)}.cat-chip .icon-upload img{width:23px;height:23px;object-fit:contain}.cat-chip:hover{border-color:#8999b3;background:#f4f8ff}.cat-chip.is-selected{border:2px solid var(--red);background:#fff4f5}.cat-chip.cat-all{min-width:97px;color:#fff;background:linear-gradient(#fa1e31,#c90a1d);border-color:#c50c1d}.cat-chip.cat-all svg{color:white}.cat-chip.cat-all:not(.is-selected){background:linear-gradient(#fff,#f5f6f9);color:#c11020;border-color:#c6cbd4}.cat-chip.cat-all:not(.is-selected) svg{color:#ce1932}.category-more{flex:0 0 auto;position:relative}.btn-more{border:1px solid #bcc6d2;border-radius:10px;background:white;display:flex;align-items:center;gap:5px;height:40px;padding:0 9px;font-weight:700;white-space:nowrap}.btn-more svg{width:15px}.more-pop{position:absolute;right:0;top:47px;background:#fff;min-width:240px;max-width:320px;border:1px solid #c8d0de;border-radius:10px;box-shadow:0 12px 30px #12203830;padding:10px;z-index:10;max-height:400px;overflow:auto}.more-pop .more-item{display:flex;align-items:center;gap:8px;padding:7px 6px;cursor:pointer;border-radius:6px}.more-pop .more-item:hover{background:#f2f6ff}.more-pop .more-item input{accent-color:#e01424}.toolbar{display:flex;align-items:center;gap:9px;padding:8px 13px;background:#fff;min-height:58px;flex:0 0 58px;border-bottom:1px solid var(--line)}.inline-label{font-weight:800;white-space:nowrap;font-size:18px}.select{border:1px solid #b7c1d0;background:linear-gradient(#fff,#f9fafc);border-radius:8px;height:33px;padding:0 9px;box-shadow:0 1px 2px #0c17251a;color:#27313f}.view-select{width:175px;flex-shrink:0}.sort-select{width:183px;flex-shrink:0}.search-field{height:34px;display:flex;align-items:center;gap:8px;border:1px solid #b8c1d0;background:#fff;border-radius:9px;padding:0 10px;flex:1;min-width:110px}.search-field svg{width:18px;height:18px;color:#677285}.search-field input{width:100%;border:0;outline:none;min-width:0;font-size:18px;background:transparent}.btn{border:0;display:inline-flex;gap:5px;align-items:center;justify-content:center;color:#fff;background:#2e3745;border-radius:8px;font-weight:700;min-height:34px;padding:6px 13px;white-space:nowrap}.btn svg{width:15px;height:15px}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(#ff243b,#cc0c22)}.btn-primary:hover{filter:brightness(1.04)}.btn-green{background:linear-gradient(#17b840,#087e21);font-size:18px;flex-shrink:0}.btn-green:hover{filter:brightness(1.08)}.btn-dark{background:#303f54}.btn-soft{background:#eef2f7;color:#39455b;border:1px solid #c5ceda}.btn-danger{background:#d71930}.btn-sm{font-size:16.5px;min-height:28px;padding:5px 9px}.btn-lg{height:43px;font-size:21px}.board-scroller{overflow:auto;flex:1;min-height:0;scrollbar-color:#bdc5d0 #f1f2f4;background:#fff}.board-inner{min-width:1085px;padding:8px 12px 16px}.task-grid{display:grid;grid-template-columns:var(--grid-cols);align-items:center}.board-columns{background:linear-gradient(#f0f3f8,#e7ebf2);border:1px solid #d4dce5;border-radius:8px 8px 0 0;min-height:29px;font-size:17.25px;font-weight:800;text-align:center;position:sticky;top:-8px;z-index:2}.board-columns>div{border-right:1px solid #d9dfe7;padding:6px 7px}.board-columns>div:last-child{border-right:0}.board-columns .head-task{text-align:left;padding-left:39px}.date-group{margin-top:9px}.date-heading{min-height:31px;display:flex;align-items:center;gap:7px;padding:3px 8px 3px 10px;border-radius:8px 8px 0 0;color:#fff;font-weight:800;font-size:21px;background:linear-gradient(100deg,#607480,#a0aab4);box-shadow:0 1px 1px #0002}.date-heading.today{background:linear-gradient(90deg,#ce1735,#f6b7c0)}.date-heading.nodate{background:linear-gradient(90deg,#814cca,#d9bcf5)}.date-heading.tomorrow{background:linear-gradient(90deg,#3184df,#c4dff9)}.date-heading.future{background:linear-gradient(90deg,#3ba746,#bceaba)}.date-heading.older{background:linear-gradient(90deg,#656e79,#b7bec7)}.date-heading .group-title{flex:1}.date-heading small{color:#fff;opacity:.94;font-size:15px;font-weight:500}.date-heading .group-add{border:1px solid #aeb6c6;border-radius:20px;color:#222b37;background:#fff;display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-size:16.5px;font-weight:700;white-space:nowrap}.group-add svg{width:13px;height:13px}.group-toggle{background:none;color:#fff;border:0;display:flex;align-items:center;justify-content:center;padding:0}.group-toggle svg{width:15px;height:15px;transition:transform .15s}.date-group.collapsed .group-toggle svg{transform:rotate(-90deg)}.date-group.collapsed .group-content{display:none}.date-heading.drop-ready{outline:3px dashed #334ce6;outline-offset:-2px}.task-row{background:#fff;border:1px solid #d6dce6;border-top:0;min-height:28px;position:relative;font-size:17.25px}.task-row:nth-child(odd){background:#fbfcfe}.task-row>div{min-width:0;min-height:27px;border-right:1px solid #e0e4e9;display:flex;align-items:center;justify-content:center;padding:2px 5px;overflow:hidden}.task-row>div:last-child{border-right:none}.task-row.drag-hover{border-top:3px solid #4b56e7;box-shadow:0 -3px 0 #b8bbff}.task-row.dragging{opacity:.45}.task-name-cell{justify-content:flex-start!important;gap:4px}.drag-handle{display:inline-flex;align-items:center;color:#8a97a5;cursor:grab;flex-shrink:0;padding:4px}.drag-handle:active{cursor:grabbing}.drag-handle svg{width:15px;height:15px}.task-name-input{min-width:0;width:100%;height:22px;border:1px solid transparent;background:transparent;padding:2px 4px;font-weight:600;color:#242b33;outline:0;white-space:nowrap;text-overflow:ellipsis}.task-name-input:hover{border-color:#d7dfeb;border-radius:4px}.task-name-input:focus{border-color:#4385e8;border-radius:4px;background:#fff;box-shadow:0 0 0 2px #dfeeff}.task-assignee{display:inline-flex;align-items:center;justify-content:center;font-weight:bold;border:1px solid #c2d1df;color:#405978;background:#ecf4fc;border-radius:99px;width:20px;height:20px;flex:0 0 20px;font-size:13.5px;cursor:pointer}.task-assignee.john{color:#7550a8;background:#f2ebff;border-color:#d7c2fa}.task-assignee:hover{filter:brightness(.95)}.cell-value{background:none;border:0;white-space:nowrap;padding:1px 3px;max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#28313e}.cell-value:hover{background:#edf4ff;border-radius:4px}.cell-value.dim{color:#7c8796}.min-input{height:21px;width:45px;border:1px solid #c5cedd;border-radius:5px;padding:1px 4px;text-align:center;font-weight:600;background:#fff;color:#27313f;outline:none;font-size:16.5px}.min-input:focus{border-color:#407fe9;box-shadow:0 0 0 2px #e1ebff}.min-input::placeholder{color:#8b93a1}.min-input::-webkit-inner-spin-button{opacity:0}.min-input:hover::-webkit-inner-spin-button,.min-input:focus::-webkit-inner-spin-button{opacity:1}.status-select{width:100%;height:22px;min-width:0;border:1px solid #b9c5d3;border-radius:6px;padding:0 17px 0 7px;font-size:15.9px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;appearance:none;background-repeat:no-repeat;background-position:calc(100% - 5px) center;background-size:9px;cursor:pointer}.status-holder{width:100%;position:relative}.status-holder:after{content:'⌄';position:absolute;right:7px;top:0;font-size:24px;color:inherit;pointer-events:none;line-height:22px}.status-holder select{padding-right:19px}.category-select-wrap{display:flex;width:100%;align-items:center;border:1px solid #c5cfda;border-radius:6px;background:#fff;height:22px;overflow:hidden;padding-left:5px;gap:5px}.category-select-wrap svg{width:15px;height:15px;color:#2566cd;flex:0 0 15px}.category-select-wrap img{width:15px;height:15px;object-fit:contain}.category-select{width:100%;border:0;color:#2b333f;background:transparent;font-weight:650;font-size:15.75px;min-width:0;outline:none;padding:0}.icon-btn{width:24px;height:24px;background:transparent;color:#1e69d8;border:0;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;padding:3px;flex-shrink:0}.icon-btn:hover{background:#eaf1ff}.icon-btn svg{width:17px;height:17px}.icon-btn.red{color:#e31930}.icon-btn.red:hover{background:#fff0f2}.action-cell{gap:0!important;padding:0!important}.action-cell .icon-btn{width:27px}.action-cell .empty-link{margin-right:0}.row-notes{color:#1f66d1}.notes-has-content{position:relative}.notes-has-content:after{content:'';position:absolute;background:#ee1c36;border:2px solid #fff;width:5px;height:5px;right:1px;top:1px;border-radius:100%}.task-row .cell-date{gap:3px}.cell-date svg{width:13px;height:13px;flex-shrink:0}.insert-here{height:2px;display:flex;align-items:center;justify-content:center;border-left:1px solid #d7dde7;border-right:1px solid #d7dde7;opacity:0;transition:height .1s,opacity .1s}.insert-here:hover,.insert-here.drag-hover{height:23px;background:#fff4f5;opacity:1}.insert-here button{display:none;border:0;background:none;color:#ce1735;font-size:15px;font-weight:700;align-items:center;gap:4px}.insert-here:hover button,.insert-here.drag-hover button{display:flex}.insert-here button svg{width:13px;height:13px}.group-empty{padding:12px 16px;border:1px solid #dce1eb;border-top:0;color:#778296;font-size:16.5px;background:#fbfcff}.board-bottom{height:27px;flex:0 0 27px;border-top:1px solid #dce1e8;padding:5px 15px;display:flex;align-items:center;gap:17px;color:#667284;font-size:15px;background:#f9fbfd}.shortcut-hint{margin-left:auto}.btn:focus-visible,.icon-btn:focus-visible,select:focus-visible{outline:2px solid #347be7;outline-offset:2px}.popover{position:fixed;z-index:50;width:280px;max-width:calc(100vw - 30px);background:#fff;border:1px solid #cbd4e0;border-radius:11px;box-shadow:0 12px 34px #19243b30;padding:12px}.popover h3{font-size:19.5px;margin:0 0 12px}.popover label{display:block;font-size:16.5px;color:#5c687b;font-weight:700;margin:0 0 6px}.popover input{width:100%;height:35px;border:1px solid #bfc9d7;border-radius:7px;padding:7px;font-size:18px}.popover-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:12px}.modal-layer{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:18px}.modal-backdrop{position:absolute;inset:0;background:#121a29a3;backdrop-filter:blur(2px)}.modal-card{position:relative;background:#fff;border-radius:15px;box-shadow:0 28px 70px #090e1e55;max-height:calc(100vh - 40px);overflow:auto;width:min(620px,98vw);padding:0}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e0e6ed}.modal-head h2{margin:0;font-size:27px}.modal-body{padding:18px 20px}.modal-foot{padding:12px 20px;background:#f7f9fc;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #dde4ed}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field label{color:#576273;font-size:16.5px;font-weight:bold}.field input,.field select,.field textarea{height:35px;border:1px solid #c5cedb;border-radius:8px;padding:8px;font-size:18px;background:#fff;color:#233043;width:100%}.field textarea{height:120px;min-height:100px;resize:vertical;line-height:1.55}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.span-2{grid-column:1/-1}.modal-helper{margin:8px 0 0;color:#738195;font-size:16.5px}.toasts{position:fixed;right:18px;bottom:18px;z-index:130;display:flex;flex-direction:column;gap:9px}.toast{padding:11px 13px;min-width:260px;max-width:370px;background:#243146;color:#fff;box-shadow:0 10px 35px #09111c40;border-radius:9px;display:flex;align-items:center;gap:12px;font-size:18px}.toast.error{background:#a52030}.toast span{flex:1}.toast button{border:0;background:#fff;color:#29354b;padding:6px 9px;border-radius:5px;font-weight:bold}.content-page{background:#f7f8fc;overflow:auto;padding:18px 21px 32px;gap:16px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-header h1{font-size:33px;letter-spacing:-.5px;margin:0 0 4px}.page-header p{font-size:18px;color:#697586;margin:0}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.settings-card{background:#fff;border:1px solid #d3dce9;border-radius:12px;padding:14px;box-shadow:0 2px 6px #1a2c4210;min-width:0}.settings-title{display:flex;justify-content:space-between;align-items:flex-start;gap:6px;margin-bottom:15px}.settings-card h2{font-size:24px;margin:0;display:flex;align-items:center;gap:8px}.settings-card h2 svg{width:19px;height:19px}.settings-card p{color:#697587;font-size:16.5px;margin:6px 0 0;line-height:1.5}.setting-row{display:grid;align-items:center;gap:6px;border-top:1px solid #e6eaf0;min-height:40px;padding:5px 2px}.status-settings-row{grid-template-columns:41px minmax(94px,1fr) 36px 76px 61px}.category-settings-row{grid-template-columns:41px minmax(94px,1fr) minmax(114px,140px) 61px}.setting-row input[type=text]{min-width:0;width:100%;padding:6px;border:1px solid #becada;border-radius:6px;height:29px;font-size:16.5px}.setting-row input[type=color]{width:31px;height:29px;padding:3px;border:1px solid #becada;border-radius:6px;background:#fff;cursor:pointer}.setting-row select{width:100%;max-width:100%;height:29px;border:1px solid #c6cedc;border-radius:6px;font-size:15px;background:#fff}.setting-row .settings-actions{display:flex;justify-content:flex-end;gap:0}.setting-row .settings-actions .icon-btn{width:20px;height:24px}.setting-row .settings-actions svg{width:14px;height:14px}.setting-order{color:#818c9b;display:flex;align-items:center;gap:2px}.setting-order button{width:16px;height:19px;background:#f1f4f8;border:1px solid #cfd7e1;border-radius:4px;padding:0;display:flex;align-items:center;justify-content:center}.setting-order svg{width:12px;height:12px}.setting-chip{display:inline-block;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;border-radius:5px;padding:4px 7px;font-weight:bold;font-size:15px;text-align:center}.pin-check{display:flex;align-items:center;gap:4px;font-size:13.5px;color:#6b7688;margin-top:4px}.pin-check input{width:12px;height:12px;accent-color:var(--red)}.settings-footer-hint{padding-top:10px;color:#788598;font-size:15.75px}.icon-input{display:flex;gap:5px;align-items:center}.icon-input .icon-preview{width:25px;height:25px;border:1px solid #d0d9e2;border-radius:6px;display:flex;align-items:center;justify-content:center;flex:0 0 25px}.icon-input .icon-preview svg,.icon-input img{width:16px;height:16px;object-fit:contain}.upload-small{padding:3px!important;width:24px;height:25px;border:1px solid #c9d2dc}.account-settings{max-width:850px}.password-form{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-top:15px}.password-form label{display:flex;flex-direction:column;gap:6px;color:#556176;font-weight:bold;font-size:16.5px;flex:1;min-width:170px}.password-form input{height:33px;border:1px solid #c6cfde;border-radius:6px;padding:7px}.password-form select{width:100%}.client-filter .search-field{max-width:420px}.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:12px}.client-card{background:#fff;border:1px solid #d7dfe9;border-radius:12px;padding:15px;min-height:143px;display:flex;flex-direction:column;gap:9px;box-shadow:0 1px 3px #13253c0e}.client-card h3{margin:0;font-size:21px}.client-card small{color:#6b7788;font-size:15px}.client-card .client-card-bottom{margin-top:auto;display:flex;align-items:center;gap:9px;justify-content:space-between}.client-card .client-website{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:80%}.client-card .btn{font-size:15px}.client-card .client-users{display:flex;gap:5px}.person-tag{padding:3px 6px;border-radius:20px;background:#ebf1fb;color:#45618a;font-size:15px;font-weight:700}.placeholder-card{max-width:760px;background:#fff;border:1px solid #dce2ec;padding:30px;border-radius:15px;margin-top:6vh}.placeholder-card svg{width:36px;height:36px;color:#c7192f}.placeholder-card h1{font-size:37.5px;margin:10px 0}.placeholder-card p{font-size:19.5px;line-height:1.7;color:#617085}.login-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 60% 10%,#444046,#1b1c24 50%,#111218);padding:20px}.login-card{background:#fff;border-radius:16px;padding:32px;width:min(430px,100%);box-shadow:0 22px 60px #0008}.login-logo{background:#15171c;padding:16px;border-radius:9px;display:flex;flex-direction:column;align-items:center;gap:5px;margin-bottom:22px}.login-logo img{display:block;width:300px;max-width:100%;height:auto}.login-logo img.backstage-wordmark{width:225px}.login-card h1{font-size:36px;margin:0 0 7px}.login-card>p{color:#6a778b;line-height:1.5;margin:0 0 22px}.login-form{display:flex;flex-direction:column;gap:8px}.login-form label{font-weight:bold;color:#435064}.login-form input{height:40px;border:1px solid #c7cfd9;border-radius:8px;padding:10px;margin-bottom:10px;font-size:21px}.login-foot{text-align:center;font-size:15px;color:#8792a1;margin-top:21px}.login-error{color:#c71d2f!important;font-size:18px!important;margin:0 0 6px!important}.no-results{padding:35px;text-align:center;color:#647385}.no-results button{margin-top:8px}
@media(max-width:1260px){:root{--grid-cols:minmax(285px,1fr) 72px 55px 148px 112px 123px 65px 38px 35px}.sidebar{width:200px;flex-basis:200px}.brand-top{width:177px}.brand-bottom{width:150px}.top-strip{height:78px;flex-basis:78px}.cat-chip{height:59px;min-width:58px;padding:4px 6px;font-size:15px}.cat-chip svg{width:20px;height:20px}.toolbar{gap:7px}.sort-select{width:151px}.view-select{width:151px}.side-link{font-size:19.5px}.board-inner{min-width:1000px}}
@media(max-width:760px){.sidebar{width:58px;flex-basis:58px;padding:8px 4px}.side-brand{padding:3px 0 21px;min-height:60px;overflow:hidden}.brand-top{max-width:48px;width:48px;object-fit:cover;object-position:left}.brand-bottom{display:none}.side-link{justify-content:center;padding:12px 8px}.side-link span:last-child{display:none}.side-account{padding:8px 0;justify-content:center}.account-label,.logout-btn{display:none}.top-strip{height:75px;flex-basis:75px}.toolbar{gap:5px;flex-wrap:wrap;min-height:94px;flex-basis:94px}.inline-label{display:none}.view-select,.sort-select{width:120px;font-size:15px}.toolbar .btn{font-size:15px}.search-field{min-width:140px}.shortcut-hint{display:none}.settings-grid{grid-template-columns:1fr}.content-page{padding:14px}.page-header h1{font-size:28.5px}.modal-grid{grid-template-columns:1fr}.span-2{grid-column:1}}

/* V2: Accessible typography, subtask rows, branded logo and color-coded status choices. */
:root {--grid-cols:minmax(415px,1fr) 110px 181px 160px 172px 77px 86px 59px 52px}
.sidebar {width:258px;flex:0 0 258px;padding:13px 11px 16px}
.side-brand {padding:6px 2px 26px;gap:5px;min-height:132px;align-items:flex-start}
.brand-top,.brand-bottom {width:230px;max-width:100%;height:auto;max-height:none;margin-left:0;object-fit:contain}
.brand-top {max-height:59px}
.brand-bottom {max-height:32px}
.side-nav {gap:7px}
.side-link {min-height:52px;gap:12px;padding:11px 12px;line-height:1.15}
.side-link svg {width:25px;height:25px}
.perspective-switch {border:1px solid #48566d;background:#222d3b;color:#eef6ff}
.perspective-switch.is-john-preview {background:linear-gradient(108deg,#486ee6,#2948a4);border-color:#a4b9ff}
.perspective-switch:hover {background:#394b65}
.perspective-indicator {border-radius:6px;padding:5px 9px;background:#e9efff;color:#304da2;font-size:15px;font-weight:800;white-space:nowrap}
.top-strip {height:105px;flex:0 0 105px;padding:10px 14px 8px}
.cat-chip {height:85px;min-width:80px;padding:6px 9px;gap:5px;line-height:1.1}
.cat-chip.cat-all {min-width:123px}
.cat-chip svg,.cat-chip .icon-upload img {width:34px;height:34px}
.btn-more {height:43px}
.toolbar {min-height:69px;flex:0 0 69px;padding:10px 13px;gap:11px}
.toolbar .select {height:43px}
.view-select {width:205px}
.sort-select {width:218px}
.search-field {height:43px}
.search-field svg {width:24px;height:24px}
.board-inner {min-width:1380px;padding:10px 13px 22px}
.board-columns {min-height:39px}
.board-columns>div {padding:8px 7px}
.board-columns .head-task {padding-left:85px}
.date-heading {min-height:41px;padding:4px 10px;gap:10px}
.date-heading .group-add {padding:5px 12px}
.group-add svg,.group-toggle svg {width:18px;height:18px}
.date-group {margin-top:11px}
.task-row {min-height:42px}
.task-row>div {min-height:41px;padding:5px 6px;overflow:visible}
.task-row .task-name-cell {overflow:hidden;gap:5px}
.task-name-input {height:30px;padding:3px 5px;flex:1;min-width:0;font-weight:650}
.drag-handle {padding:5px;flex:0 0 auto}
.drag-handle svg {width:18px;height:18px}
.subtask-toggle {height:29px;width:29px;flex:0 0 29px;border:1px solid #acb8ca;border-radius:50%;background:#f5f7fb;color:#475e79;display:inline-flex;align-items:center;justify-content:center;padding:4px;transition:background .15s,transform .15s}
.subtask-toggle:hover {background:#e3edff;border-color:#5890df}
.subtask-toggle svg {width:17px;height:17px;transform:rotate(-90deg);transition:transform .14s}
.subtask-toggle.is-expanded svg {transform:rotate(0)}
.subtask-toggle.has-subtasks {color:#175ac1;border-color:#83a3dd;background:#ecf3ff}
.task-details-btn {color:#7889a3;opacity:.48;width:29px;flex:0 0 29px}
.task-name-cell:hover .task-details-btn,.task-details-btn:focus-visible {opacity:1}
.task-details-btn svg {width:17px;height:17px}
.cell-value {white-space:nowrap;padding:3px 4px}
.status-trigger {width:100%;height:31px;display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;border:1px solid #acb7c8;border-radius:7px;padding:3px 8px;font-size:16px;font-weight:750;text-align:left;cursor:pointer}
.status-trigger .status-name {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.status-trigger svg {width:18px;height:18px;flex:0 0 18px}
.status-trigger:hover {filter:brightness(.96)}
.status-menu-popover {width:290px;max-height:min(480px,80vh);overflow:hidden;padding:12px;display:flex;flex-direction:column;gap:10px}
.status-menu-heading {font-size:17px;font-weight:800}
.status-options {overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:1px}
.status-choice {width:100%;min-height:38px;border:1px solid transparent;border-radius:8px;padding:8px 12px;text-align:left;font-size:16px;font-weight:750;cursor:pointer;flex-shrink:0}
.status-choice:hover,.status-choice:focus-visible {outline:2px solid #7289ba;outline-offset:1px;filter:brightness(.96)}
.category-select-wrap {height:33px;gap:7px;padding-left:7px}
.category-select-wrap svg,.category-select-wrap img {width:23px;height:23px;flex:0 0 23px}
.category-select {font-size:16px}
.min-input {font-size:22px;font-weight:800;width:70px;height:33px;padding:3px 5px;border-radius:6px}
.icon-btn {width:31px;height:31px}
.icon-btn svg {width:22px;height:22px}
.action-cell .icon-btn {width:32px}
.cell-date svg {height:18px;width:18px}
.subtask-panel {border:1px solid #d3dce8;border-top:0;background:#f5f8fd;padding:4px 12px 8px 56px;border-left:4px solid #9ab5dd}
.subtask-row {display:flex;align-items:center;gap:10px;min-height:39px;border-bottom:1px solid #dde4ee;padding:3px 8px 3px 2px;background:#f5f8fd}
.subtask-row:hover {background:#eef4ff}
.subtask-row.dragging {opacity:.4}
.subtask-row.subtask-drop-hover,.subtask-create.subtask-drop-hover {border-top:3px solid #3b6cef;background:#e5edff}
.subtask-row .subtask-drag {cursor:grab;color:#62768e}
.subtask-name-input {height:33px;flex:1;min-width:0;padding:4px 9px;background:transparent;border:1px solid transparent;border-radius:5px;font-size:16px;color:#28394e}
.subtask-name-input:hover {border-color:#bbcce3}
.subtask-name-input:focus {background:white;border-color:#3a70d3;outline:2px solid #d4e3fc}
.subtask-row .icon-btn {margin-left:auto}
.subtask-create {display:flex;align-items:center;gap:9px;min-height:41px;padding:4px 9px 2px 2px}
.subtask-create input {min-width:90px;flex:1;height:33px;padding:5px 10px;border:1px solid #becce0;border-radius:6px;background:#fff;font-size:16px}
.subtask-add-icon {display:inline-flex;color:#3b73c5}
.subtask-add-icon svg {width:21px;height:21px}
.insert-here:hover,.insert-here.drag-hover {height:29px}
.board-bottom {height:38px;flex:0 0 38px;padding:7px 15px}
.popover:not(.status-menu-popover) {width:340px}
.popover:not(.status-menu-popover) input {height:45px}
.modal-card {width:min(810px,98vw)}
.modal-grid {gap:16px}
.field input,.field select {height:47px}
.field textarea {min-height:138px}
.settings-grid {grid-template-columns:1fr;max-width:1050px}
.settings-card {padding:19px}
.setting-row {min-height:53px;gap:10px}
.status-settings-row {grid-template-columns:82px minmax(180px,1fr) 65px minmax(180px,1fr) 60px}
.category-settings-row {grid-template-columns:82px minmax(180px,1fr) minmax(215px,1fr) 60px}
.setting-row input[type=text],.setting-row select {height:39px}
.setting-row input[type=color] {width:45px;height:39px}
.setting-order button {height:27px;width:24px}
.setting-order svg {height:16px;width:16px}
.icon-input .icon-preview {width:34px;height:34px;flex:0 0 34px}
.icon-input .icon-preview svg,.icon-input img {width:26px;height:26px}
.settings-footer-hint {line-height:1.5}
.login-logo img,.login-logo img.backstage-wordmark {width:320px;max-width:100%}
.login-logo img.backstage-wordmark {margin-top:5px}
@media(max-width:1460px){
  :root {--grid-cols:minmax(390px,1fr) 104px 175px 151px 155px 76px 83px 54px 47px}
  .board-inner{min-width:1320px}
  .sidebar{width:236px;flex-basis:236px}
  .brand-top,.brand-bottom{width:211px}
  .view-select{width:173px}.sort-select{width:195px}
  .toolbar{gap:6px}
  .settings-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .sidebar{width:69px;flex-basis:69px;padding:10px 5px}
  .side-link{justify-content:center;padding:12px 4px;min-height:52px}
  .side-brand{min-height:78px}
  .brand-top{max-width:52px;width:52px;object-fit:cover;object-position:left}
  .brand-bottom{display:none}
  .perspective-switch span:last-child{display:none}
  .toolbar{min-height:124px;flex-basis:124px;flex-wrap:wrap}
  .top-strip{height:99px;flex-basis:99px}
  .cat-chip{height:79px;min-width:70px}
  .cat-chip svg,.cat-chip .icon-upload img{width:30px;height:30px}
  .view-select,.sort-select{width:153px}
  .settings-grid{grid-template-columns:1fr}
  .status-settings-row,.category-settings-row{grid-template-columns:60px minmax(120px,1fr) 52px minmax(130px,1fr) 50px}
}

/* v2.2 retains build identification and compatibility polish. */
.build-mark {display:block;margin:6px 0 0 2px;font-size:12px;letter-spacing:.065em;color:#c2cad7;font-weight:650;line-height:1.2}
.build-mark strong {font-weight:900;color:#fff;background:#bc1328;border:1px solid #f55a6d;border-radius:4px;padding:2px 6px;margin-left:3px}
.side-brand {min-height:150px;padding-bottom:20px}
.subtask-toggle {outline-offset:2px;box-shadow:0 1px 3px #2940661b}
.subtask-toggle:focus-visible {outline:3px solid #75a7f2}
@media(max-width:760px){.build-mark{display:none}.side-brand{min-height:78px}}
/* Small count confirms which tasks already have saved subtasks. */
.subtask-toggle {position:relative}
.subtask-count {position:absolute;top:-7px;right:-8px;min-width:17px;height:17px;padding:1px 3px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#1d67ca;border:1px solid #fff;color:#fff;font-size:10px;font-weight:850;line-height:1}
/* Keep the full status labels legible with the larger accessibility text. */
:root {--grid-cols:minmax(400px,1fr) 104px 214px 151px 155px 76px 83px 54px 47px}
@media(max-width:1460px){:root {--grid-cols:minmax(390px,1fr) 104px 214px 151px 155px 76px 83px 54px 47px}.board-inner{min-width:1400px}}

/* v2.2: One task view per login, manual ordering and shared service menus. */
.toolbar .search-field {flex:1;min-width:190px}
.toolbar .sort-select {width:322px;max-width:36vw;flex-shrink:0;font-size:16px}
.toolbar {gap:15px}
.perspective-indicator[hidden] {display:none}
.side-nav {flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-color:#4a5261 transparent;scrollbar-width:thin;padding-right:3px}
.side-service-toggle {gap:12px;width:100%}
.side-service-toggle>span:nth-child(2) {flex:1;min-width:0}
.side-service-toggle .side-caret {margin-left:auto;display:inline-flex;align-items:center;justify-content:center;opacity:.75;transition:transform .15s}
.side-service-toggle .side-caret svg {width:19px;height:19px}
.side-service-toggle.expanded .side-caret {transform:rotate(180deg)}
.side-service-toggle.expanded,.side-service-toggle.section-active {background:#303945}
.side-service-list {padding:3px 1px 9px 22px;margin:0 0 3px 0;border-left:2px solid #515c6b;display:flex;flex-direction:column;gap:3px}
.side-client-link {display:flex;align-items:flex-start;gap:6px;min-width:0;width:100%;padding:9px 6px;border:0;border-radius:7px;background:transparent;color:#e5eaf3;font-size:16px;font-weight:500;text-align:left;line-height:1.25;cursor:pointer}
.side-client-link:hover {background:#354357}
.side-client-link.active {background:#253e66;color:white;border-left:3px solid #7eaffc;padding-left:3px;font-weight:750}
.side-client-link svg {width:14px;height:14px;min-width:14px;margin-top:3px;transform:rotate(-90deg);color:#96b4dc}
.side-client-link span {min-width:0;overflow-wrap:anywhere}
.side-add-account {display:flex;gap:6px;align-items:center;color:#b8d1f9;border:1px dashed #697f9e;border-radius:7px;background:#202b3c;font-size:15px;font-weight:600;text-align:left;padding:8px;margin:7px 3px 0 0}
.side-add-account:hover {background:#2d415c;color:white}
.side-add-account svg {width:16px;height:16px;flex-shrink:0}
.side-list-empty {font-size:14px;line-height:1.35;color:#a4afc0;padding:8px 4px}
.service-account-page {background:#f8fafc}
.service-page-header {gap:16px}
.service-page-header h1 {overflow-wrap:anywhere}
.service-breadcrumb {display:flex;align-items:center;gap:8px;color:#445e8c;font-size:16px;font-weight:750;margin-bottom:9px}
.service-breadcrumb svg {width:18px;height:18px}
.service-actions {display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.service-remove {color:#b11d30}
.service-page-body {padding:8px 0 30px;overflow:auto;flex:1}
.service-board-preview {background:#fff;border:1px solid #d5ddeb;border-radius:12px;overflow:hidden;box-shadow:0 5px 26px #31415c0d;max-width:1320px}
.service-preview-top {display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(95deg,#4273b9,#d7e8fb);color:#fff;font-size:20px;font-weight:800;padding:10px 17px}
.service-preview-top span {font-size:15px;color:#274d82;background:#fff9;border-radius:18px;padding:4px 12px}
.service-preview-columns {display:grid;grid-template-columns:minmax(220px,1fr) 180px 150px 90px 90px;background:linear-gradient(#f2f5fa,#e7ebf3);border-bottom:1px solid #cdd6e4;min-width:740px;font-size:16px;font-weight:750}
.service-preview-columns>span {padding:11px 15px;border-right:1px solid #d1d9e5}
.service-preview-columns>span:last-child {border:0}
.service-preview-empty {display:flex;align-items:flex-start;gap:18px;padding:40px 28px 55px;max-width:850px;line-height:1.6}
.service-preview-empty>svg {width:37px;height:37px;flex-shrink:0;color:#5378b0;margin-top:3px}
.service-preview-empty h2 {font-size:24px;margin:0 0 7px}
.service-preview-empty p {font-size:17px;margin:0 0 10px;color:#46566b}
.service-preview-empty .service-note {color:#6a7789;font-size:15px}
@media(max-width:1460px){.toolbar .sort-select{width:293px}.toolbar{gap:10px}}
@media(max-width:760px){
  .side-nav{padding-right:0}
  .side-nav {overflow:visible}
  .side-service-list {position:absolute;z-index:20;left:65px;max-height:65vh;overflow-y:auto;min-width:245px;max-width:min(310px,78vw);padding:10px;background:#1b2638;border:1px solid #62748f;border-radius:10px;box-shadow:7px 10px 26px #0005}
  .side-client-link,.side-add-account {display:flex}
  .side-list-empty {display:block}
  .side-service-toggle>span:nth-child(2),.side-service-toggle .side-caret{display:none}
  .toolbar .sort-select{width:220px;max-width:none;font-size:15px}
  .service-preview-empty {padding:24px 17px}
}

/* v2.3 - standalone service accounts and the monthly Google Ads worksheet */
.service-account-page.content-page{padding:0;gap:0;overflow:hidden;background:#f6f8fc}
.ads-page{min-height:0;height:100%;display:flex;flex-direction:column;gap:0;padding:13px 15px 10px;background:#f8fafc}
.ads-page-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:2px 7px 10px}
.ads-page-identity{min-width:0}
.ads-page-identity h1{font-size:28px;font-weight:850;letter-spacing:-.6px;margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ads-page-head .service-breadcrumb{margin:0;font-size:14px;letter-spacing:.02em;color:#506a93}
.ads-page-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.ads-page-actions .btn{font-size:14px;min-height:33px}
.ads-account-info{display:grid;grid-template-columns:minmax(160px,200px) minmax(160px,200px) minmax(300px,1fr);gap:13px;align-items:stretch;background:white;border:1px solid #d6dfeb;border-radius:12px;box-shadow:0 2px 8px #1a2b4810;padding:14px 17px;margin-bottom:11px}
.ads-budget-label,.ads-account-note-label{display:flex;flex-direction:column;gap:6px;font-size:16px;font-weight:750;color:#40516a;min-width:0}
.ads-money-wrap{border:1px solid #c6d2e1;border-radius:8px;background:#fff;display:flex;align-items:center;height:46px;overflow:hidden}
.ads-money-wrap:focus-within{outline:2px solid #b8d8fb;border-color:#377dcc}
.ads-money-wrap>span{background:#edf2f8;color:#718095;font-size:20px;font-weight:700;padding:9px 13px;height:100%;border-right:1px solid #d1dbe7}
.ads-money-wrap input{border:0;outline:none;min-width:0;width:100%;height:100%;font-size:20px;font-weight:750;padding:6px 9px;color:#1b2d48}
.ads-money-wrap input::placeholder{color:#9ca6b5}
.ads-account-note-label textarea{border:1px solid #c6d2e1;border-radius:8px;background:#fff;padding:8px 11px;min-height:92px;max-height:210px;resize:vertical;font-size:16px;font-weight:450;line-height:1.35;color:#253853}
.ads-account-note-label textarea:focus{outline:2px solid #c5dafb;border-color:#3479d3}
.ads-scroller{flex:1;min-height:0;overflow:auto;scrollbar-color:#adbace #f1f4f7;background:#fff;border:1px solid #d6deeb;border-radius:12px;box-shadow:0 3px 9px #2a42600d}
.ads-month-list{min-width:890px;padding:8px 10px 14px}
.ads-grid{display:grid;grid-template-columns:minmax(300px,1fr) 153px 160px 96px 127px 69px 48px;align-items:stretch}
.ads-columns{position:sticky;top:-8px;z-index:2;background:linear-gradient(#eff3f8,#e7ecf3);color:#334359;border:1px solid #d6dfea;border-radius:7px 7px 0 0;font-weight:800;font-size:15px;min-height:37px}
.ads-columns>div{display:flex;align-items:center;justify-content:center;white-space:nowrap;border-right:1px solid #d7e0ea;padding:5px 7px}
.ads-columns>div:first-child{justify-content:flex-start;padding-left:16px}
.ads-columns>div:last-child{border-right:0}
.ads-month{margin-top:11px;border-radius:8px 8px 0 0}
.ads-month-heading{display:flex;align-items:center;gap:8px;min-height:43px;padding:5px 10px;background:linear-gradient(95deg,#4e657e,#b1c1d4);color:#fff;border-radius:8px 8px 0 0}
.ads-month-heading.current{background:linear-gradient(90deg,#195c9b,#91c2f3)}
.ads-month-chevron{border:0;color:#fff;background:transparent;display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0}
.ads-month-chevron svg{width:19px;height:19px;transition:transform .15s}
.ads-month.collapsed .ads-month-chevron svg{transform:rotate(-90deg)}
.ads-month.collapsed .ads-month-content{display:none}
.ads-month-title{flex:1;min-width:0;font-size:19px;font-weight:850}
.ads-month-title small{font-size:13px;font-weight:600;opacity:.92;margin-left:10px}
.ads-month-add{background:#fff;color:#184779;border:1px solid #b7c8d9;border-radius:20px;font-size:14px;font-weight:750;display:flex;align-items:center;gap:4px;padding:4px 12px}
.ads-month-add svg{width:14px;height:14px}
.ads-month-add:hover{background:#f2f8ff}
.ads-row{min-height:43px;background:#fff;border-left:1px solid #d9e1eb;border-right:1px solid #d9e1eb;border-bottom:1px solid #dde4ed}
.ads-row:nth-child(even){background:#fafcff}
.ads-row>div{min-width:0;display:flex;align-items:center;justify-content:center;padding:4px 7px;border-right:1px solid #e0e7f0;overflow:hidden}
.ads-row>div:last-child{border-right:0}
.ads-row .ads-task-cell{justify-content:flex-start;padding-left:12px}
.ads-task-input{font-size:17px;font-weight:620;color:#263246;background:transparent;border:1px solid transparent;border-radius:5px;outline:none;width:100%;height:33px;padding:5px 6px;white-space:nowrap;text-overflow:ellipsis;min-width:0}
.ads-task-input:hover{border-color:#ccd7e6}
.ads-task-input:focus{background:#fff;border-color:#4a8deb;box-shadow:0 0 0 2px #dcecff}
.ads-task-input::placeholder{color:#aab3bf;font-weight:400}
.ads-status-trigger{display:flex;align-items:center;justify-content:space-between;gap:6px;border:1px solid;border-radius:7px;padding:5px 11px;min-height:31px;min-width:110px;width:100%;font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden}
.ads-status-trigger svg{height:14px;width:14px;flex:0 0 14px}
.ads-status-trigger:hover{filter:brightness(.97);box-shadow:0 2px 4px #23395121}
.ads-date-button{border:1px solid transparent;border-radius:5px;background:transparent;color:#2d3c53;font-size:15px;padding:4px 5px;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.ads-date-button:hover{background:#eff6ff;border-color:#ccdff9}
.ads-date-button svg{height:18px;width:18px;color:#4e647f}
.ads-check{display:flex;align-items:center;justify-content:center;border:1px solid transparent;color:#a5b0bf;border-radius:7px;background:transparent;width:43px;height:30px;font-size:17px;font-weight:700}
.ads-check:hover{border-color:#b2c9dc;background:#f0f6ff}
.ads-check.checked{background:#e6f7eb;color:#0b8d3e;border-color:#9fd5b2}
.ads-check.checked svg{width:22px;height:22px;stroke-width:3}
.ads-row .icon-btn{width:33px;height:33px}
.ads-row .icon-btn svg{height:21px;width:21px}
/* Notes with saved content are instantly recognizable on both monthly trackers. */
.ads-row .row-notes{position:relative;color:#8291a6;background:#f7f9fc;border:1px solid transparent;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}
.ads-row .row-notes:hover{color:#3f5f88;background:#eaf2fc;border-color:#cad7e7}
.ads-row .row-notes.notes-has-content{color:#a04c05;background:#fff0c7;border-color:#efc76a;box-shadow:0 0 0 1px #f9db98 inset}
.ads-row .row-notes.notes-has-content:hover{color:#854100;background:#ffe5a0;border-color:#d7aa40}
.ads-row .row-notes.notes-has-content::after{content:"";position:absolute;top:1px;right:1px;width:7px;height:7px;border-radius:50%;background:#e41c32;border:1px solid white}

.ads-empty{border:1px solid #d8e1eb;border-top:0;padding:18px 12px;color:#718096;font-size:16px}
.ads-page-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#5a6880;font-size:14px;font-weight:550;padding:9px 5px 0}
.service-name-new{width:100%;height:48px;border:1px solid #bbc9da;border-radius:8px;padding:10px 12px;font-size:20px;outline:none}
.service-name-new:focus{border-color:#3381da;box-shadow:0 0 0 3px #dbeaff}
.service-loading{padding:45px;color:#536a83;font-weight:650}
.social-coming{padding:18px 21px;display:flex;flex-direction:column;gap:20px}
.social-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.social-heading h1{margin:0 auto 0 0;font-size:30px}
.social-coming .settings-card{max-width:900px}
.social-coming .settings-card h2{margin-bottom:12px}
.social-coming .settings-card p{font-size:18px}
@media(max-width:1290px){
  .ads-account-info{grid-template-columns:minmax(150px,1fr) minmax(150px,1fr)}
  .ads-account-note-label{grid-column:1/-1}
}
@media(max-width:760px){
  .ads-page{padding:9px 7px}
  .ads-page-head{flex-wrap:wrap}
  .ads-page-identity h1{font-size:22px}
  .ads-account-info{grid-template-columns:1fr 1fr;gap:8px;padding:10px}
  .ads-account-note-label{grid-column:1/-1}
  .ads-page-footer{font-size:11px}
}

/* v2.4: highlight Digital Ads accounts with a scheduled item today. */
.side-client-link.has-due-today,
.side-client-link.has-due-today.active {
  background:#cd1e30;
  color:#fff;
  font-weight:750;
  border-left:3px solid #ffbbc2;
  padding-left:3px;
}
.side-client-link.has-due-today:hover,
.side-client-link.has-due-today.active:hover {background:#aa1426}
.side-client-link.has-due-today svg {color:#fff}

/* Auto-generated Google Ads reminders are read-only: complete the work on
   the client page instead of editing or deleting a duplicate dashboard task. */
.ads-reminder-row {background:#f7fbff;border-left:3px solid #277ad7}
.ads-reminder-row>div {display:flex;align-items:center}
.ads-reminder-row:hover {background:#eff7ff}
.ads-reminder-row .task-name-cell {gap:5px}
.reminder-grip-spacer {display:inline-block;width:28px;flex:0 0 28px}
.reminder-expand-spacer {display:inline-block;width:29px;flex:0 0 29px}
.ads-reminder-label {font-size:inherit;font-weight:800;color:#215aa6;padding:2px 5px;white-space:nowrap}
.reminder-category {display:inline-flex;align-items:center;gap:7px;font-size:16px;font-weight:650;color:#253c57;padding-left:7px}
.reminder-category svg,.reminder-category img {width:23px;height:23px}
.ads-reminder-row .cell-date {display:inline-flex;align-items:center;gap:4px;padding:3px 4px;white-space:nowrap}

/* Social Media monthly boards, editable links, and check columns */
.side-bottom-switch{margin-top:auto;padding:8px 0 2px}
.side-account{margin-top:0}
.side-bottom-switch .perspective-switch{font-size:19px;background:#282c35;border:1px solid #414752;padding:10px 13px}
.side-bottom-switch .perspective-switch:hover{background:#343b49}
.side-bottom-switch .perspective-switch.is-john-preview{background:#2d4771;border-color:#5285ce}
.social-page{gap:0}
.social-page .ads-account-info{margin-bottom:9px}
.social-link-panel{border:1px solid #d5dfec;border-radius:10px;background:#fff;padding:11px 13px;margin-bottom:10px;box-shadow:0 2px 7px #2436570a}
.social-link-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.social-link-heading strong{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:#2c4163}
.social-link-heading svg{width:17px;height:17px}
.social-links{display:flex;gap:9px;flex-wrap:wrap}
.social-link-item{display:flex;align-items:center;gap:10px;min-width:205px;max-width:300px;padding:8px 11px;border-radius:9px;border:1px solid #d9e3ee;background:#f8fbff}
.social-link-main{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.social-link-main a,.social-link-main span{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.social-link-main a svg,.social-link-main span svg{width:15px;height:15px;flex-shrink:0}
.social-link-main small{color:#8b97a8;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.social-link-empty{color:#65748a}
.social-link-edit{border:1px solid #c9d6e6;border-radius:6px;background:#fff;color:#314f79;padding:5px 8px;font-size:12px;display:flex;align-items:center;gap:4px}
.social-link-edit svg{width:13px;height:13px}
.social-link-edit:hover{background:#e7f1ff}
.social-no-links{font-size:13px;color:#7a8ca0}
.social-tracker-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 2px 9px}
.social-tracker-top>div{display:flex;flex-direction:column;gap:2px}
.social-tracker-top strong{font-size:17px;color:#29446c}
.social-tracker-top span{font-size:12px;color:#64758b}
.social-grid{display:grid;grid-template-columns:var(--social-grid-cols);align-items:stretch}
.social-page .ads-columns{font-size:12.5px;min-height:38px}
.social-page .ads-columns>div{white-space:nowrap;padding:5px 3px;overflow:hidden;text-overflow:ellipsis}
.social-page .ads-row{min-height:43px}
.social-page .ads-row>div{padding:4px 4px}
.social-page .ads-row .ads-task-cell{padding-left:6px}
.social-page .ads-task-input{font-size:14.5px}
.social-page .ads-date-button{font-size:13.5px;gap:3px}
.social-page .ads-date-button svg{width:16px;height:16px}
.social-page .ads-status-trigger{font-size:12.5px;min-width:0;padding:5px 6px;gap:2px}
.social-page .social-type-trigger{font-size:12px}
.social-page .ads-check{min-width:37px;width:39px;height:31px;border:1px solid #d4dfeb;background:#fff}
.social-page .ads-check:hover,.social-page .ads-check:focus-visible{background:#ecf5ff;border-color:#6297da;outline:2px solid #cee4ff}
.social-page .ads-check.checked{background:#dcf7e7;color:#11853c;border-color:#8ac9a6}
.social-page .ads-check.checked svg{width:20px;height:20px;stroke-width:3.25}
.social-column-list{display:flex;flex-direction:column;gap:8px;max-height:310px;overflow:auto;margin:14px 0}
.social-column-item{display:flex;gap:8px;align-items:center}
.social-column-item input{flex:1;min-width:0;border:1px solid #cbd6e7;padding:9px 10px;border-radius:7px}
.social-column-item button{flex-shrink:0}
.social-column-add{display:flex;gap:10px;align-items:end;border-top:1px solid #e1e7f0;padding:15px 0;margin:8px 0}
.social-column-add .field{min-width:0;flex:1}
.social-column-add input{height:38px;border:1px solid #cbd6e7;border-radius:7px;padding:5px 10px;width:100%}
.social-column-add .btn{height:38px}
@media(max-width:760px){
  .side-bottom-switch{padding:6px 0}
  .side-bottom-switch .perspective-switch{padding:12px 4px}
  .social-tracker-top{flex-wrap:wrap}
  .social-page .ads-account-info{grid-template-columns:1fr 1fr}
  .social-link-item{min-width:160px;max-width:100%;flex:1}
  .social-column-add{flex-wrap:wrap}
}

/* v2.6: wider resizable monthly notes modal; approximately three times the old narrow textarea */
.modal-card.wide-notes-modal{width:min(1080px,calc(100vw - 28px));max-width:none}
.wide-notes-modal .notes-textarea{display:block;width:100%;min-width:0;min-height:250px;box-sizing:border-box;resize:both;padding:12px 14px;border:1px solid #b9c6d8;border-radius:9px;line-height:1.55}
.eric-grid{display:grid;grid-template-columns:var(--eric-grid-cols);align-items:stretch}
.eric-page .ads-task-input{width:100%;min-width:0;font-size:15px}
.eric-page .eric-rank-input{height:29px;max-width:65px;width:100%;min-width:0;padding:3px 5px;text-align:center;background:#fff;border:1px solid #c5cedc;border-radius:6px;font-size:15px}
.eric-page .eric-column-head{padding:3px 2px;min-width:0}
.eric-page .eric-column-head a{display:flex;align-items:center;justify-content:center;gap:3px;color:#155cc4;text-decoration:underline;text-underline-offset:3px;font-weight:bold;font-size:14px}
.eric-page .eric-column-head a:hover{color:#cb132c}
.eric-page .eric-column-head svg{width:11px;height:11px;flex-shrink:0}
.eric-page .eric-column-head span{font-weight:bold;color:#525d6b}
.eric-page .ads-row .ads-task-cell{min-width:0}
.modal-card.eric-manager-modal{width:min(1120px,calc(100vw - 24px));max-width:none}
.eric-columns-editor{display:flex;flex-direction:column;gap:9px;max-height:50vh;overflow:auto;margin:18px 0}
.eric-editor-row{display:grid;grid-template-columns:140px minmax(80px,1fr) minmax(180px,3.6fr) auto auto;gap:9px;align-items:end;padding:9px;border:1px solid #e0e5ed;border-radius:9px;background:#fafcff}
.eric-editor-row label,.eric-column-add label{display:flex;flex-direction:column;gap:5px;font-size:14px;font-weight:700;color:#536173;min-width:0}
.eric-editor-row input,.eric-column-add input{height:37px;width:100%;min-width:0;border-radius:6px;border:1px solid #bfcbdc;padding:5px 9px;font-size:16px;background:#fff}
.eric-editor-row .icon-btn{height:36px;width:36px}
.eric-column-add{display:grid;grid-template-columns:minmax(90px,1fr) minmax(170px,4fr) auto;gap:10px;align-items:end;border-top:1px solid #dde4ec;padding-top:16px}
.eric-column-add .btn{height:37px}
.eric-order-controls{display:flex;align-items:center;gap:5px;min-height:37px;justify-content:flex-start}
.eric-order-position{display:inline-flex;min-width:19px;justify-content:center;font-weight:800;font-size:12px;color:#5a6675}
.eric-drag-handle{display:flex;align-items:center;justify-content:center;cursor:grab;border:1px dashed #a8b6c9;border-radius:6px;width:31px;height:35px;color:#526477;background:#fff;touch-action:none;user-select:none}
.eric-drag-handle:active{cursor:grabbing}
.eric-order-controls .icon-btn{width:29px;height:35px;min-width:29px}
.eric-order-controls .icon-btn:disabled{opacity:.25;cursor:not-allowed}
.eric-editor-row.eric-dragging{opacity:.45}
.eric-editor-row.eric-drop-before{box-shadow:0 -3px 0 #2563eb}
.eric-editor-row.eric-drop-after{box-shadow:0 3px 0 #2563eb}
.eric-columns-editor[data-saving='true']{opacity:.8;pointer-events:none}
.eric-editor-row:focus-within{border-color:#83a8ed}
@media(max-width:720px){
 .eric-editor-row{grid-template-columns:140px minmax(0,1fr) auto auto;gap:8px}
 .eric-editor-row .eric-order-controls{grid-column:1;grid-row:1}
 .eric-editor-row .eric-heading-label{grid-column:2/5;grid-row:1}
 .eric-editor-row .eric-url-label{grid-column:1/-1;grid-row:2}
 .eric-editor-row .eric-save-button{grid-column:3;grid-row:3}
 .eric-editor-row .eric-delete-button{grid-column:4;grid-row:3}
 .eric-column-add{grid-template-columns:1fr}.eric-columns-editor{max-height:48vh}
}