:root{--ink:#1B2A39;--muted:#696B6D;--green:#585894;--lime:#ACF9F9;--line:#DBDDDE;--bg:#F0F0F6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'Segoe UI',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:1px solid var(--line);border-radius:9px;background:white;padding:10px 15px;color:var(--ink)}button:hover{background:#F0F0F6}button.primary{background:var(--green);color:white;border-color:var(--green)}button.lime{background:var(--lime);border:0;color:#1B3939}aside{width:226px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column}.brand{font:800 32px "Segoe UI",sans-serif;letter-spacing:-2px}.brand span{color:#7D7DB0}.brand small{display:block;font:10px 'Segoe UI';letter-spacing:4px;margin-top:3px}.workspace{margin:32px 0 24px;border:1px solid var(--line);padding:12px;border-radius:10px;display:flex;gap:10px;align-items:center}.avatar{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#F0F0F6;color:#585894;font-weight:700;flex-shrink:0}.sub{font-size:12px;color:var(--muted);line-height:1.7}nav button{display:flex;align-items:center;gap:12px;width:100%;margin:5px 0;text-align:left;border:0;background:none;padding:12px}nav button.active{background:#F0F0F6;color:var(--green);font-weight:700}nav b{margin-left:auto;font-size:11px;background:white;border-radius:5px;padding:2px 6px}.navlabel{font-size:10px;letter-spacing:1.5px;color:#696B6D;margin:20px 12px 12px}.sidebottom{margin-top:auto}.sidebox{background:#F0F0F6;border-radius:12px;padding:15px;font-size:12px;line-height:1.6;margin-bottom:22px}.sidebox strong{display:block}main{margin-left:226px}header{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 38px}.topright{display:flex;align-items:center;gap:18px}.pill{font-size:11px;padding:5px 9px;border-radius:6px;background:#D0DEF0;color:#334A62}.content{padding:32px 38px;max-width:1800px;margin:auto}h1,h2,h3{font-family:"Segoe UI",sans-serif;letter-spacing:-.8px}h1{font-size:29px;margin:0 0 7px}h2{font-size:19px;margin:0}h3{font-size:15px;margin:0}p{line-height:1.6}.heading,.row{display:flex;align-items:center;justify-content:space-between;gap:15px}.heading{margin-bottom:26px}.muted{color:var(--muted)}.hero{background:#1B2A39;color:white;border-radius:17px;padding:30px 34px;display:flex;justify-content:space-between;overflow:hidden;position:relative;margin-bottom:25px;min-height:170px}.hero h2{font-size:27px;max-width:440px;line-height:1.35;margin:10px 0}.hero p{color:#D0DEF0;margin:5px 0}.heroart{font:800 100px "Segoe UI",sans-serif;color:#ACF9F9;letter-spacing:-14px;transform:rotate(-12deg);padding-right:35px;align-self:center}.eyebrow{font-size:10px;letter-spacing:2px;color:#ACF9F9}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stat,.panel,.client{background:white;border:1px solid var(--line);border-radius:13px;padding:21px}.stat .value{font:700 29px "Segoe UI",sans-serif;margin:13px 0 7px}.stat .sub{font-size:11px}.stat label{color:#696B6D;font-size:12px}.sectiontitle{margin:28px 0 17px}.clients{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.client{cursor:pointer;transition:.2s}.client:hover{transform:translateY(-3px);border-color:#7D7DB0;box-shadow:0 8px 20px #1B1B3910}.client h3{margin-bottom:3px}.client .row{justify-content:flex-start}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}.tag{font-size:10px;font-weight:600;padding:5px 8px;border-radius:5px;background:#F0F0F6;color:#585894}.tag[data-type="Tráfego pago"]{background:#D0DEF0;color:#334A62}.tag[data-type="Site"]{background:#D0DEF0;color:#334A62}.tag[data-type="Identidade visual"]{background:#CDCDE1;color:#37376A}.progress{height:5px;border-radius:4px;background:#F0F0F6;margin:17px 0 9px}.progress i{height:100%;display:block;background:#458282;border-radius:4px}.client footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;margin-top:18px;font-size:12px}.toolbar{display:flex;gap:10px;align-items:center;margin:20px 0}.toolbar input{max-width:300px}.toolbar select{width:auto}.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,1fr);gap:14px;overflow:auto;padding-bottom:18px;min-height:420px}.column{background:#e8e9ef;border-radius:11px;padding:12px;min-height:370px}.columnhead{display:flex;align-items:center;gap:8px;font-weight:600;font-size:12px;margin:4px 0 17px}.dot{height:7px;width:7px;border-radius:50%;background:#8C8F92}.column:nth-child(2) .dot{background:#6893BE}.column:nth-child(4) .dot{background:#7D7DB0}.count{margin-left:auto;color:#696B6D;font-size:11px}.card{padding:15px;background:white;border:1px solid #DBDDDE;border-radius:10px;margin-bottom:11px;cursor:pointer;box-shadow:0 2px 2px #1B2A3903}.card:hover{border-color:#7D7DB0}.card h3{font:600 13px 'Segoe UI';letter-spacing:0;line-height:1.5;margin:9px 0}.cardfooter{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#696B6D;margin-top:17px}.cardfooter .avatar{width:24px;height:24px;font-size:9px;border-radius:50%}.boardempty{font-size:11px;color:#696B6D;border:1px dashed #B2B5B9;border-radius:9px;padding:22px 8px;text-align:center}.listrow{display:flex;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.listrow:last-child{border:0}.listrow .grow{flex:1}.twocol{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.notice{padding:12px 16px;background:#F0F0F6;color:#585894;font-size:12px;border-radius:8px;margin-bottom:20px}.empty{padding:45px;text-align:center;color:#696B6D}dialog{border:1px solid var(--line);border-radius:18px;width:min(680px,94vw);max-height:90vh;padding:28px;color:var(--ink);box-shadow:0 30px 80px #0003}dialog::backdrop{background:#1B2A395b;backdrop-filter:blur(3px)}dialog h2{margin:0 0 20px}label.field{display:block;margin:15px 0;font-size:12px;font-weight:600}input,select,textarea{display:block;width:100%;border:1px solid #B2B5B9;border-radius:8px;padding:11px 12px;margin-top:7px;background:#fff;color:var(--ink)}textarea{min-height:85px;resize:vertical}input[type=checkbox]{display:inline;width:auto;margin-right:7px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.actions{display:flex;gap:9px;justify-content:flex-end;margin-top:24px}.close{float:right;padding:5px 10px}.checks label{display:block;padding:7px 0;font-size:13px}.media img,.media video{max-width:100%;max-height:260px;border-radius:10px;margin-top:12px}.media a{display:block;margin:10px 0;color:var(--green)}.sampleart{height:220px;border-radius:12px;background:#D0DEF0;display:grid;place-items:center;text-align:center;font:600 30px "Segoe UI",sans-serif;color:#1B2A39;line-height:1.2;margin:15px 0}.sampleart small{font:10px 'Segoe UI';letter-spacing:4px;display:block;margin-bottom:14px}.history{font-size:12px;padding:9px 0;color:#696B6D;border-bottom:1px solid #F0F0F6}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 22px;border-radius:9px;background:#1B3939;color:white;display:none;z-index:10}.portal{max-width:880px;margin:0 auto;padding:40px 24px}.portal header{padding:0;background:transparent}.portal .panel{margin-top:20px}.portal h1{margin-top:30px}.mobilebrand{display:none}@media(max-width:1000px){aside{width:190px;padding:25px 12px}main{margin-left:190px}.content{padding:25px}.clients{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.heroart{font-size:70px}.twocol{grid-template-columns:1fr}}@media(max-width:700px){aside{position:static;width:auto;padding:16px}.brand{font-size:27px}.brand small,.workspace,.navlabel,.sidebottom{display:none}nav{display:flex;overflow:auto;margin-top:12px}nav button{width:auto;white-space:nowrap;padding:9px}nav b{display:none}main{margin-left:0}header{height:55px;padding:0 20px}.content{padding:20px}.clients{grid-template-columns:1fr}.hero{padding:24px}.heroart{display:none}.heading{align-items:flex-start}h1{font-size:24px}.toolbar{flex-wrap:wrap}.formgrid{grid-template-columns:1fr}.board{grid-auto-columns:240px}.topright .sub{display:none}}

[hidden]{display:none!important}.teststeps{padding-left:22px;line-height:1.6}.teststeps li{padding:12px 0}.teststeps p{color:var(--muted);margin:5px 0}.brand span{font-size:30px;vertical-align:middle;padding-left:4px}.brand{letter-spacing:-1.8px}.heroart{font-size:150px;line-height:1;letter-spacing:0;color:#ACF9F9;padding-right:40px;transform:rotate(-25deg)}hr{border:0;border-top:1px solid var(--line);margin:24px 0} .actions{flex-wrap:wrap}

/* Paleta oficial Kroom — Orbit */
:root{--brand-blue:#1B2A39;--brand-purple:#1B1B39;--brand-teal:#1B3939;--accent-purple:#585894;--accent-teal:#458282} .brand{font-weight:400;letter-spacing:-2.5px;font-size:40px}.brand span{color:#7D7DB0}.brand small{letter-spacing:2px;color:#696B6D;font-size:9px}.hero{background:linear-gradient(110deg,#1B2A39 0%,#1B1B39 70%,#37376A 100%)}.heroart{color:#ACF9F9}.kroom-signature{display:flex;flex-direction:column;gap:8px;padding:12px 6px}.kroom-signature span{font-size:10px;color:#696B6D;letter-spacing:1.5px;text-transform:uppercase}.kroom-signature img{width:132px;height:auto;object-fit:contain}.portal .kroom-signature img{width:105px}button.primary:hover{background:#37376A}nav button.active{color:#37376A;border-left:3px solid #7D7DB0}.column:last-child .dot{background:#458282}:focus-visible{outline:2px solid #585894;outline-offset:3px}input[type=checkbox]{accent-color:#585894}.brand small img{display:block;width:80px;margin-top:7px;height:auto}.brand small{line-height:1.5}

/* Orbit: ponto discreto e assinatura textual */
.brand .orbit-dot{display:inline-block;width:6px;height:6px;padding:0;margin-left:4px;border-radius:50%;background:#7D7DB0;vertical-align:baseline;font-size:0}.brand small{font-size:10px;font-weight:400;letter-spacing:.5px;color:#696B6D;margin-top:4px}.brand small img{display:none}

/* Ponto vazado solicitado */
.brand .orbit-dot{background:transparent;border:1.2px solid #7D7DB0}

.login{max-width:480px;margin:8vh auto;padding:36px}.login .brand{margin-bottom:36px}.caption{white-space:pre-wrap}.calendar{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:8px;overflow-x:auto}.calendar>strong{padding:8px}.day{min-height:145px;background:white;border:1px solid #CDCDE1;border-radius:10px;padding:8px}.day.blank{opacity:.25}.day button{display:block;width:100%;text-align:left;margin-top:8px;background:#F0F0F6;padding:8px;overflow-wrap:anywhere}.day small{display:block;font-size:11px;margin-top:5px;color:#4C6D8E}.asset{max-width:100%;min-width:120px}.asset img,.asset video{max-width:100%;max-height:420px;object-fit:contain}.portal{max-width:1150px}dialog .panel{box-shadow:none}input,textarea,select{max-width:100%}.actions a{padding:10px;border-radius:8px;text-decoration:none}button:disabled{opacity:.55;cursor:wait}@media(max-width:700px){.calendar{grid-template-columns:repeat(7,140px)}.login{margin:24px 14px}.listrow{flex-wrap:wrap}.portal header{gap:20px}.media{display:block}}