@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#24344a;font-size:14px;--blue:#2167d5;--board:#1462cd}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button,input,select,textarea{outline-offset:4px}button:focus-visible{outline:2px solid #78b8ff}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}button{transition:background .15s,transform .15s}button:hover{background:#e9eef5}button:disabled{opacity:.5;cursor:not-allowed}.shell{display:flex;min-height:100vh}.sidebar{width:238px;background:#f8fafc;border-right:1px solid #e7ecf3;display:flex;flex-direction:column;flex-shrink:0;z-index:2}.brand{height:77px;display:flex;align-items:center;gap:10px;padding:0 25px;font-family:Manrope,sans-serif;font-size:28px;letter-spacing:-1.5px;font-weight:800}.mark{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#2167d5;color:white;border-radius:9px;gap:3px}.mark i{width:6px;height:17px;border-radius:2px;background:white}.mark i:last-child{height:11px;align-self:flex-start;margin-top:7px}.workspace{margin:10px 17px 25px;padding:12px 8px;display:flex;align-items:center;gap:10px;border-block:1px solid #e4eaf2}.workspace b{font-size:13px}.workspace small{display:block;color:#8691a2;margin-top:4px;font-size:11px}.workspace-logo{border-radius:9px;background:#e3eafb;color:#3667ad;font-weight:700;padding:10px}.nav{padding:0 14px}.nav button{width:100%;display:flex;align-items:center;gap:11px;padding:12px;border-radius:7px;text-align:left;margin-bottom:5px;font-size:13px;color:#67768b}.nav button.active{background:#e7effd;color:#2167d5;font-weight:700}.section-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.4px;font-weight:700;color:#8d98a8;margin:29px 24px 11px}.board-link{display:flex;gap:10px;align-items:center;padding:11px;border-radius:6px;width:100%;text-align:left;font-size:12px}.board-link.active{background:#eaf0f9;font-weight:600}.board-thumb{width:23px;height:18px;background:#2167d5;border-radius:4px}.sidebar-bottom{margin-top:auto;padding:20px 15px}.storage-note{background:#eef2f7;border-radius:9px;padding:14px;color:#708097;font-size:11px;line-height:1.6}.storage-note strong{display:block;color:#465c77;font-size:12px;margin-bottom:3px}.profile{display:flex;gap:10px;align-items:center;margin-top:20px;padding:0 8px}.profile strong{font-size:12px}.profile small{display:block;color:#8b96a7;font-size:10px;margin-top:3px}.avatar{display:inline-flex;border-radius:50%;width:28px;height:28px;align-items:center;justify-content:center;font-size:10px;font-weight:700;background:#e9d8c9;color:#72563d;flex-shrink:0}.main{flex:1;min-width:0}.topbar{height:77px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid #edf0f5;gap:16px}.breadcrumb{font-size:12px;color:#8994a5;display:flex;gap:12px;align-items:center}.breadcrumb b{color:#4d5c72;font-weight:500}.search{display:flex;align-items:center;gap:9px;background:#f4f6f9;border:1px solid #e9edf3;border-radius:7px;padding:9px 12px;width:270px;color:#8591a4}.search input{background:none;border:0;outline:none;min-width:0;width:100%;font-size:12px}.key{border:1px solid #dde3ec;padding:1px 5px;border-radius:3px;font-size:10px}.top-actions{display:flex;gap:16px;align-items:center}.icon-button{padding:7px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center}.board-area{height:calc(100vh - 77px);min-height:600px;background:var(--board);position:relative;isolation:isolate;overflow:hidden;color:white}.board-area:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 30% 120%,transparent 0 48%,#ffffff09 48.2% 48.6%,transparent 48.8%),radial-gradient(ellipse at 110% -40%,transparent 0 65%,#ffffff09 65.2% 65.6%,transparent 65.8%),linear-gradient(125deg,#ffffff04,transparent 70%)}.board-head{padding:30px 30px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#bfdbff;font-weight:600;margin-bottom:8px}.title-row{display:flex;align-items:center;gap:13px}.title-row h1{font-family:Manrope,sans-serif;font-size:25px;font-weight:800;margin:0;letter-spacing:-.8px}.title-row .icon-button{color:#d0e2ff}.glass:hover{background:#ffffff24}.board-description{font-size:12px;color:#c5ddff;margin:9px 0 0}.board-head-actions{display:flex;gap:9px;align-items:center}.private{display:flex;align-items:center;gap:6px;font-size:11px;color:#dbebff;padding:0 14px;border-right:1px solid #ffffff32}.btn{padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;font-size:12px;font-weight:600}.btn.primary{background:#2167d5;color:white}.btn.primary:hover{background:#1557bc}.btn.white{background:white;color:#1b56a6}.btn.light{background:#ffffff19;color:white;border:1px solid #ffffff24}.btn.light:hover{background:#ffffff30}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 30px 17px;border-bottom:1px solid #ffffff1a}.tabs{display:flex;gap:4px}.tab{padding:9px 13px;font-size:12px;display:flex;gap:7px;align-items:center;border-radius:5px;color:#cfe2ff}.tab.active{background:#fff;color:#2459a4;font-weight:600}.tab:hover{background:#ffffff28}.tab.active:hover{background:#edf4ff}.filter{display:flex;align-items:center;gap:8px}.filter select{background:#ffffff18;color:white;border:1px solid #ffffff25;border-radius:6px;padding:8px;font-size:11px}.filter option{color:#24344a}.board-scroll{display:flex;gap:18px;padding:25px 30px 50px;overflow:auto;height:calc(100% - 190px);align-items:flex-start}.column{width:278px;min-width:278px;background:#f0f3f8;border-radius:11px;padding:8px;color:#26384f;box-shadow:0 3px 8px #083b7f0c;max-height:100%;display:flex;flex-direction:column}.column.drag-over{box-shadow:0 0 0 3px #a6d6ff}.col-header{display:flex;align-items:center;gap:8px;padding:8px 5px 13px}.dot{height:8px;width:8px;border-radius:50%;display:inline-block;flex-shrink:0}.col-header h2{font-size:12px;margin:0;font-weight:700;flex:1}.count{font-size:10px;color:#8390a2;background:#e3e8f0;border-radius:4px;padding:2px 5px}.col-header .icon-button{padding:4px;color:#7c8ca2}.cards{overflow-y:auto;min-height:8px;padding:1px 0}.card{background:white;border:1px solid #e1e6ee;border-radius:7px;padding:14px 12px 11px;margin-bottom:8px;box-shadow:0 2px 2px #18324c06;cursor:pointer;position:relative}.card:hover{border-color:#9abce7;box-shadow:0 4px 10px #123b6a12;transform:translateY(-1px)}.card:focus-visible{outline:2px solid #2167d5}.card.dragging{opacity:.45}.card-cover{height:69px;margin:-14px -12px 12px;border-radius:6px 6px 0 0;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;color:#ffffffbd;font-family:Manrope;font-size:10px;letter-spacing:4px;font-weight:700}.card-cover:after{content:'';width:120px;height:120px;border:18px solid #ffffff20;border-radius:35px;position:absolute;right:-10px;top:-55px;transform:rotate(35deg)}.labels{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:9px}.label{display:inline-flex;border-radius:4px;padding:4px 7px;font-size:9px;font-weight:700;letter-spacing:.1px}.label.green{color:#31805f;background:#ddf2e7}.label.blue{color:#3765b0;background:#e3ecfd}.label.purple{color:#8a57b6;background:#efe4fa}.label.orange{color:#b47a27;background:#fff0d4}.label.red{color:#c45e60;background:#fbe6e7}.card h3{font-size:12px;line-height:1.6;font-weight:500;margin:0 0 8px}.card p{font-size:10px;color:#8895a7;line-height:1.6;margin:0 0 12px}.card-footer{display:flex;align-items:center;gap:9px;color:#95a0b1;font-size:10px;min-height:23px}.card-footer svg{width:13px;height:13px}.card-footer span{display:inline-flex;gap:4px;align-items:center}.card-footer .avatar{margin-left:auto;width:23px;height:23px;font-size:8px}.due{padding:3px 5px;border-radius:4px;background:#f2f4f7;color:#79889b}.due.late{background:#ffebec;color:#ca666d}.due.done{background:#e1f4e7;color:#3c9660}.add-card{display:flex;gap:7px;align-items:center;padding:10px 7px;color:#7e8b9e;font-size:11px;border-radius:5px;text-align:left;width:100%}.add-card:hover{background:#e2e8f1}.add-col{min-width:245px;width:245px;background:#ffffff17;color:#e7f1ff;border:1px dashed #ffffff40;border-radius:9px;padding:15px;display:flex;align-items:center;gap:9px;font-size:12px}.add-col:hover{background:#ffffff27}.board-footer{position:absolute;bottom:15px;left:32px;right:30px;display:flex;justify-content:space-between;color:#b6d4fc;font-size:10px;pointer-events:none}.table-wrap{padding:24px 30px;overflow:auto;height:calc(100% - 190px)}table{width:100%;border-collapse:collapse;background:#fff;color:#33465e;border-radius:10px;overflow:hidden;font-size:12px}th,td{text-align:left;padding:15px;border-bottom:1px solid #ecf0f6}th{font-size:10px;color:#8996aa;background:#f6f8fb;text-transform:uppercase;letter-spacing:1px}tbody tr{cursor:pointer}tbody tr:hover{background:#f5f9ff}.empty{padding:22px 10px;color:#94a0b2;font-size:11px;text-align:center}.modal-backdrop{position:fixed;inset:0;background:#10264285;backdrop-filter:blur(5px);z-index:10;display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:#fff;border-radius:15px;width:760px;max-width:100%;max-height:92vh;overflow:auto;color:#2a3b52;box-shadow:0 24px 100px #0a264455}.modal.small{width:440px}.modal-top{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 0}.modal-top span{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#8d9aac}.modal-body{padding:18px 28px 26px}.modal h2{font-family:Manrope;font-size:21px;margin:0 0 8px}.modal-hint{font-size:12px;color:#8793a4;line-height:1.6}.form-grid{display:grid;grid-template-columns:1fr 190px;gap:24px;margin-top:20px}.field{margin-bottom:17px}.field label,.field-label{display:block;font-size:11px;font-weight:700;margin-bottom:8px;color:#697c95}.field input,.field textarea,.field select,.check-add{width:100%;background:#f7f9fc;border:1px solid #e1e7f0;border-radius:6px;padding:11px;color:#2e425d;font-size:12px}.field textarea{resize:vertical;min-height:105px}.title-input{font-size:22px!important;font-weight:700;border:none!important;background:white!important;padding:7px 0!important;font-family:Manrope;width:100%}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid #a8cafa;border-color:#75a5ed}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border:2px solid transparent;cursor:pointer}.chip.selected{border-color:currentColor}.modal-side{border-left:1px solid #e9eef5;padding-left:20px}.modal-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #edf1f6;padding:18px 28px;background:#fafbfd;border-radius:0 0 15px 15px}.muted{font-size:10px;color:#93a0b2}.check-row{display:flex;gap:8px;align-items:center;margin:9px 0;font-size:12px}.check-row span{flex:1}.check-row input{accent-color:#2167d5}.check-row.checked span{text-decoration:line-through;color:#9ba6b6}.check-row button{color:#a3adbb}.progress{height:5px;border-radius:9px;background:#e8eef6;margin:10px 0 15px;overflow:hidden}.progress div{height:100%;background:#46b98b}.check-input{display:flex;gap:6px;margin-top:9px}.check-input input{min-width:0}.comment{background:#f5f7fa;padding:11px;border-radius:7px;margin:9px 0;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.comment small{display:block;color:#8d9aac;font-size:9px;margin-bottom:6px}.color-options{display:flex;gap:9px}.swatch{width:27px;height:27px;border-radius:7px;border:3px solid transparent}.swatch.selected{outline:2px solid #6a809e;outline-offset:2px}.danger{color:#ca5964}.error{font-size:12px;color:#bf4354;margin:8px 0}.shortcuts{display:flex;gap:10px;justify-content:center;font-size:11px;color:#8997aa}.settings-row{padding:13px 0;border-bottom:1px solid #edf0f5;display:flex;justify-content:space-between;align-items:center}.settings-row .btn{background:#eef3fa}.settings-row span{font-size:12px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(100px);z-index:50;background:#142d4b;color:white;padding:14px 22px;border-radius:9px;box-shadow:0 4px 30px #0002;font-size:12px;transition:transform .2s;display:flex;gap:18px;align-items:center}#toast.show{transform:translateX(-50%) translateY(0)}#toast button{color:#acd4ff;font-weight:700}.mobile-menu{display:none}.activity-item{padding:14px 0;border-bottom:1px solid #e7edf5;font-size:12px;line-height:1.6}.activity-item small{color:#95a0b1;font-size:10px;display:block}@media(min-width:1550px){.column{width:300px;min-width:300px}}@media(max-width:1050px){.sidebar{width:195px}.topbar{padding:0 22px}.breadcrumb b{display:none}.board-head{align-items:flex-start}.private{display:none}.search{width:220px}.board-head-actions{padding-top:12px}.board-description{max-width:300px;line-height:1.6}.filter .btn{font-size:0}.filter .btn svg{font-size:14px}}@media(max-width:760px){.sidebar{display:none}.sidebar.open{display:flex;position:fixed;inset:0 auto 0 0;width:238px;box-shadow:0 0 0 100vw #0006}.mobile-menu{display:inline-flex}.topbar{height:62px;padding:0 14px}.breadcrumb{display:none}.search{width:180px}.top-actions{gap:5px}.board-area{height:calc(100vh - 62px)}.board-head{padding:22px 18px 17px}.title-row h1{font-size:21px}.board-head-actions .btn{font-size:0;padding:10px}.board-description{font-size:11px}.toolbar{padding:0 18px 13px}.filter{gap:5px}.filter select{max-width:100px}.board-scroll{padding:20px 18px 45px;gap:12px}.column{min-width:270px;width:270px}.board-footer{left:18px}.board-footer span:last-child{display:none}.modal-backdrop{padding:10px}.modal-body{padding:12px 20px 20px}.modal-top{padding:16px 20px 0}.modal-foot{padding:15px 20px}.form-grid{grid-template-columns:1fr;gap:5px}.modal-side{border:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-side .field{margin:0}.modal{max-height:95vh}.tab{padding:9px;font-size:11px}}
#board-content{height:calc(100% - 190px)}.board-scroll,.table-wrap{height:100%}.board-link{overflow-wrap:anywhere}.card h3,.card p{overflow-wrap:anywhere}

.branding-settings{margin-bottom:28px;border-bottom:1px solid #e7edf5;padding-bottom:20px}.branding-settings h3{font-family:Manrope;font-size:18px;margin:0}.logo-preview{border:1px solid #263b57;border-radius:9px;background:#0e1a2b;min-height:85px;display:flex;gap:10px;align-items:center;padding:18px 22px;margin:16px 0;color:#f2f5fb;font:800 28px Manrope;letter-spacing:-1px}.logo-preview .custom-logo{max-width:100%;max-height:65px}.branding-buttons{display:flex;gap:6px;flex-wrap:wrap}.upload-logo{background:#e9effa;color:#29578e;cursor:pointer}.upload-logo:hover{background:#dbe7f8}.upload-logo input{position:absolute;width:1px;height:1px;opacity:0}.upload-logo:focus-within{outline:2px solid #2167d5;outline-offset:2px}


/* Marca Capital no layout claro original. */
.brand{width:100%;text-align:left;min-height:77px;padding:0 18px;color:#24344a}.brand:hover{background:#eef3f9}.custom-logo{display:block;width:100%;max-width:195px;height:62px;object-fit:contain}.logo-preview{background:#fff;border-color:#dce4ee}.logo-preview .custom-logo{max-width:280px;max-height:85px}.main{background:#fff;padding-bottom:0}

/* Logo Capital: preserva a proporção da imagem original. */
.brand .custom-logo{width:100%;max-width:202px;height:auto;max-height:63px;object-fit:contain;border-radius:4px}.brand{justify-content:center;padding:0 12px}.logo-preview .custom-logo{width:100%;max-width:320px;height:auto;max-height:110px}

/* Fundo único da área da marca: a transparência da logo revela o mesmo plano. */
.sidebar>.brand,.sidebar>.brand:hover,.sidebar>.brand:active{background-color:#02182d;background-image:url('assets/fundo-marca-capital.png');background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:0;border:0;min-height:77px;height:77px;flex-shrink:0;isolation:isolate}
.sidebar>.brand .custom-logo{background:transparent;border:0;border-radius:0;box-shadow:none;object-fit:contain}
.sidebar>.brand:focus-visible{outline:2px solid #80b6ff;outline-offset:-3px}

/* Faixa contínua: mesma escala e origem global na marca e no cabeçalho. */
.shell{--sidebar-width:238px;--header-height:77px;--header-texture-width:170px;--header-texture-height:77px}
.sidebar>.brand,.sidebar>.brand:hover,.sidebar>.brand:active,.topbar{background-color:#02182d;background-image:url('assets/fundo-marca-capital.png');background-size:var(--header-texture-width) var(--header-texture-height);background-repeat:repeat-x;background-position:0 0;border:0;box-shadow:none}
.topbar{background-position:calc(0px - var(--sidebar-width)) 0;color:#e0ebfa}.sidebar{border-right:0}.sidebar>.brand{height:var(--header-height);min-height:var(--header-height)}
.topbar .breadcrumb{color:#b8cce5}.topbar .breadcrumb b{color:#e2edfa}.topbar .search{background:#0e1d31e8;border-color:#3b536f;color:#bfd0e7}.topbar .search input{color:#eef5ff}.topbar .search input::placeholder{color:#a9bdd7}.topbar .key{border-color:#415a7b;color:#b7cce7}.topbar .icon-button:hover{background:#193852cc}
@media(max-width:1050px){.shell{--sidebar-width:195px}}
@media(max-width:760px){.shell{--sidebar-width:0px;--header-height:62px}.topbar{background-position:0 0}.sidebar.open{--header-height:62px}}

/* Nova imagem em uma única escala horizontal, sem repetição entre as áreas. */
.sidebar>.brand,.sidebar>.brand:hover,.sidebar>.brand:active,.topbar{background-image:url('assets/fundo-cabecalho-capital.png');background-size:100vw auto;background-repeat:no-repeat;background-position:0 center}
.topbar{background-position:calc(0px - var(--sidebar-width)) center}
@media(max-width:760px){.topbar{background-position:0 center}}

/* Lateral uniforme em cinza azulado escuro. */
.sidebar{background-color:#29394d;background-image:none;color:#e2e9f3}.sidebar .workspace{background:transparent;border-color:#435267}.sidebar .workspace b,.sidebar .profile strong{color:#eef3fa}.sidebar .workspace small,.sidebar .profile small{color:#becbdb}.sidebar .workspace-logo{background:#40536d;color:#d6e6ff}.sidebar .nav button{color:#c4cfdf}.sidebar .nav button:hover{background:#354a64;color:#fff}.sidebar .nav button.active,.sidebar .board-link.active{background:#3d5574;color:#e2edff}.sidebar .section-label{color:#b7c6da}.sidebar .section-label .icon-button:hover,.sidebar .profile .icon-button:hover{background:#40536d}.sidebar .storage-note{background:transparent;color:#bdcbdc}.sidebar .storage-note strong{color:#e1ebf8}.sidebar .storage-note button{color:#a7ccff!important}.sidebar .profile{color:#e0eaf6}

/* O espaço inferior acompanha a cor do quadro ativo. */
.main{background:var(--board);padding-bottom:0}

.auth-page{min-height:100dvh;background:#0d1e34;display:grid;grid-template-columns:1fr 490px;padding:55px;gap:55px;align-items:center;background-image:linear-gradient(105deg,#07172899,#10233beb),url('assets/fundo-cabecalho-capital.png');background-size:cover}.auth-scenery{padding:30px;color:white}.auth-scenery>img{max-width:320px;width:100%;margin-bottom:55px}.auth-scenery h1{font-family:Manrope;font-weight:800;font-size:clamp(28px,3vw,48px);line-height:1.3;letter-spacing:-1.5px}.auth-scenery p{color:#bbcce1;line-height:1.9;font-size:14px}.auth-panel{background:#fff;border:1px solid #e6edf6;border-radius:18px;padding:38px 40px;box-shadow:0 25px 80px #0003;width:100%;max-width:490px}.auth-panel>.auth-logo{display:none}.auth-eyebrow{color:#7e8fa6;letter-spacing:1.7px;font-size:9px;font-weight:700}.auth-panel h2{font-family:Manrope;font-size:26px;margin:12px 0;letter-spacing:-.8px}.auth-intro{font-size:12px;line-height:1.7;color:#7c8ca1;margin-bottom:24px}.auth-panel .field input{font-size:14px;padding:13px}.auth-submit{width:100%;font-size:13px;padding:13px}.auth-message{font-size:12px;line-height:1.6;margin:10px 0;white-space:pre-line}.auth-message.is-error{color:#b43c4b}.auth-message.is-success{color:#27805b}.auth-links{text-align:center;font-size:12px;margin-top:17px}.auth-links button{color:#2167d5;padding:5px;border-radius:4px}.auth-fineprint{font-size:10px;color:#91a0b4;text-align:center;margin:24px 0 0}.password-wrap{display:flex;border:1px solid #e1e7f0;border-radius:6px;background:#f7f9fc}.password-wrap input{border:0;background:none;min-width:0}.password-wrap button{font-size:10px;padding:0 10px;color:#5a7292}.logout-button{color:#c8d7e9;width:100%;margin-top:13px;font-size:11px}.logout-button:hover{background:#40536d}@media(max-width:1000px){.auth-page{padding:30px;gap:25px;grid-template-columns:1fr 430px}.auth-scenery{padding:0}.auth-panel{padding:30px}}@media(max-width:760px){.auth-page{display:flex;justify-content:center;padding:22px}.auth-scenery{display:none}.auth-panel>.auth-logo{display:block;background:#0d1e34;padding:14px;border-radius:9px;max-width:240px;width:100%;margin-bottom:25px}.auth-panel{padding:26px;max-width:430px}.auth-panel h2{font-size:23px}}