:root{--blue:#1f70e8;--yellow:#ffd100;--bg:#f3f5f7;--panel:#fff;--line:#e7ebf0;--text:#152536;--mut:#7a8796;--soft:#eef6ff;--green:#21b45b;--red:#ff2d20}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,Arial,sans-serif;color:var(--text);font-size:15px}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer;background:none}.app{display:grid;grid-template-columns:76px 292px 1fr;height:100vh;overflow:hidden}.rail{background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center}.logo{width:76px;height:76px;background:var(--yellow);display:grid;place-items:center;font-size:58px;font-weight:900;color:#050505;line-height:1}.railbtn{width:76px;min-height:76px;color:#44515e;font-size:11px;text-align:center;border-left:4px solid transparent}.railbtn b{display:block;font-size:22px;margin-bottom:5px}.railbtn.active{background:#eaf6ff;border-left-color:var(--blue);color:var(--blue)}.pro{margin-top:auto;background:#dcffe6;color:#24b85a;border-radius:8px;padding:5px;font-weight:900;font-size:12px;margin-bottom:22px}.side{background:#fff;border-right:1px solid var(--line);overflow:auto;padding:22px 18px}.brand{display:flex;align-items:center;gap:10px;margin-bottom:24px}.brand img,.avatar{width:30px;height:30px;border-radius:999px;object-fit:cover}.brand h3{margin:0;font-size:17px}.brand p{margin:2px 0 0;color:#697789;font-size:13px}.side h2{font-size:28px;margin:12px 0 20px}.addbar{display:flex}.addbar input{display:none}.btn{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-weight:700;color:#304050}.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.light{background:#dff0ff;color:var(--blue);border-color:#dff0ff}.danger{background:#ffe9e9;color:#b42318}.fullbtn{width:100%;display:flex;align-items:center;justify-content:space-between}.cat{margin-top:18px}.cat-head{display:flex;align-items:center;justify-content:space-between;color:#697789;text-transform:uppercase;font-size:12px;font-weight:800;margin:18px 0 8px}.flowitem{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px 6px;border-radius:10px;color:#243648}.flowitem:hover,.flowitem.active{background:#f4f7fb}.dot{width:14px;height:14px;border-radius:50%;flex:0 0 auto}.muted{color:var(--mut)}.main{overflow:auto}.top{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:5}.top-left{display:flex;align-items:center;gap:14px}.title-dot{width:18px;height:18px;border-radius:50%;background:#74c7c5}.top h1{font-size:28px;font-weight:500;margin:0}.top-actions{display:flex;gap:12px;align-items:center}.search{border:0;border-bottom:1px solid var(--line);padding:12px 6px;background:transparent;outline:0;min-width:260px}.bell{position:relative}.badge{position:absolute;right:1px;top:2px;background:#e31b0c;color:#fff;border-radius:9px;font-size:10px;padding:1px 5px}.tabs{height:54px;background:#fff;border-bottom:1px solid var(--line);display:flex;gap:28px;align-items:center;padding:0 30px}.tabs button{font-weight:700;color:#44515e}.tabs button.active{color:var(--blue)}.content{padding:28px 30px}.dashboard{display:grid;grid-template-columns:1fr 520px;gap:36px}.section{margin-bottom:28px}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:14px}.section-title h2{font-size:28px;margin:0}.plus{width:38px;height:38px;border-radius:8px;background:#dff0ff;color:var(--blue);font-size:28px;display:grid;place-items:center}.taskrow{display:grid;grid-template-columns:44px 1fr 180px 74px 48px 42px;gap:14px;align-items:center;background:#fff;border-radius:8px;padding:15px;margin:8px 0;min-height:72px;border-left:8px solid #e5e7eb}.taskrow.dim{opacity:.35}.circle{width:28px;height:28px;border:2px solid #9ba7b2;border-radius:50%;display:grid;place-items:center;color:#9ba7b2;font-weight:900}.circle.done{background:#9adfa7;border-color:#9adfa7;color:#fff}.blue{color:var(--blue)}.red{color:var(--red)}.avatars{display:flex;align-items:center}.avatars img,.avatar-sm{width:38px;height:38px;border-radius:999px;object-fit:cover;border:2px solid #fff;margin-left:-8px}.avatars img:first-child{margin-left:0}.cardghost{background:#fff;border-radius:8px;width:330px;min-height:118px;padding:16px;color:#b3bdc8}.calendar{background:transparent;padding:6px}.cal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.cal-head h2{font-size:30px;margin:0}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:18px;text-align:center}.cal-grid div{padding:8px;border-radius:50%;height:42px;display:grid;place-items:center}.cal-grid .today{background:var(--blue);color:white}.cal-grid .event:after{content:'';width:8px;height:8px;background:#f12b1e;border-radius:50%;display:block;position:absolute}.kanban{display:grid;grid-template-columns:60px repeat(6,380px);gap:18px;overflow:auto;padding-bottom:22px}.kcol{min-height:650px}.khead{height:48px;display:flex;align-items:center;justify-content:space-between;color:#405060;font-size:14px;text-transform:uppercase}.addcard{height:44px;border-radius:6px;background:#fff;border:1px solid var(--line);color:var(--blue);font-size:30px;width:100%;margin-bottom:10px}.taskcard{background:#fff;border-radius:8px;border:1px solid var(--line);box-shadow:0 12px 25px #00000010;padding:16px;margin-bottom:12px;position:relative}.taskcard h3{letter-spacing:2px;font-weight:500;font-size:18px;margin:18px 0 10px}.taskcard p{color:#667386;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-actions{position:absolute;right:12px;top:12px;display:flex;gap:8px}.square{background:#1f70e8;color:#fff;border-radius:4px;width:24px;height:24px}.mini-meta{display:flex;gap:6px;align-items:center;color:#688;flex-wrap:wrap;font-size:13px}.idtag{background:#edf1f5;color:#7d8791;border-radius:4px;padding:2px 6px}.list-table{background:#fff;border-radius:10px;overflow:hidden}.list-row{display:grid;grid-template-columns:42px 1.5fr 1fr 130px 110px 100px;gap:10px;align-items:center;padding:14px;border-bottom:1px solid var(--line)}.list-row.head{color:#7e8998;font-weight:800;font-size:12px;text-transform:uppercase}.modal{position:fixed;inset:0;background:#10182880;z-index:20;display:grid;place-items:center;padding:20px}.box{background:#fff;border-radius:14px;width:min(1020px,96vw);max-height:92vh;overflow:auto;padding:26px;box-shadow:0 30px 90px #0004}.box h2{margin-top:0;font-size:28px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:7px;margin:8px 0}.field label{font-size:12px;text-transform:uppercase;font-weight:800;color:#7a8796}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:8px;padding:12px;background:#fff;outline:0}.field textarea{min-height:90px}.full{grid-column:1/-1}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.itemrow{display:grid;grid-template-columns:42px 1fr 130px 100px 90px 60px;align-items:center;gap:12px;background:#fff;border-radius:8px;padding:14px;margin:8px 0;border-left:8px solid #edf0f4}.itemrow.done{opacity:.45}.progress{height:16px;background:#e1e3e6;border-radius:999px;overflow:hidden;width:320px}.bar{height:100%;background:#20b35c;border-radius:999px}.comment{display:flex;gap:10px;border-top:1px solid var(--line);padding:12px 0}.comment-body{background:#f7f9fb;border:1px solid var(--line);border-radius:10px;padding:10px;flex:1}.attach{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 9px;margin:4px 4px 0 0;font-size:12px}.toast{position:fixed;right:20px;bottom:20px;background:#111;color:#fff;border-radius:10px;padding:14px 18px;z-index:50}.login{min-height:100vh;display:grid;place-items:center}.loginbox{background:#fff;width:min(420px,94vw);border-radius:18px;padding:34px;box-shadow:0 20px 70px #0001}.loginbox h1{font-size:46px;margin:0}@media(max-width:1150px){.app{grid-template-columns:76px 1fr}.side{display:none}.dashboard{grid-template-columns:1fr}.taskrow{grid-template-columns:42px 1fr 70px 44px}.taskrow .hide-m{display:none}}@media(max-width:760px){.app{grid-template-columns:1fr}.rail{display:none}.top{padding:0 14px}.tabs,.content{padding-left:14px;padding-right:14px}.search{min-width:120px}.grid2{grid-template-columns:1fr}.dashboard{gap:18px}.list-row,.taskrow,.itemrow{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(6,290px)}}

/* Ajuste estético clean */
body{background:#f1f3f5;color:#172635}.app{grid-template-columns:76px 300px 1fr}.rail{box-shadow:1px 0 0 #edf0f2}.side{background:#fbfcfd;padding:24px 18px}.top{height:82px;box-shadow:0 6px 24px #0f172a08}.top h1{font-size:31px;letter-spacing:.2px}.top-left .avatar{width:44px;height:44px;border:3px solid #fff;box-shadow:0 6px 18px #0002}.header-add{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(180deg,#2276ef,#135dd6);color:#fff;border-radius:9px;padding:13px 18px;font-size:19px;font-weight:600;box-shadow:0 8px 18px #1f70e833}.header-add b{font-size:23px;line-height:0}.add-menu{position:fixed;top:70px;left:390px;width:360px;background:#fff;border:1px solid #eef1f4;border-radius:0 0 16px 16px;box-shadow:0 24px 70px #11182724;z-index:80;overflow:hidden}.add-menu h4{margin:0;padding:19px 24px 13px;color:#8b96a5;font-size:16px;font-weight:500;text-transform:uppercase;letter-spacing:.7px;border-bottom:1px solid #edf0f2}.add-menu button{width:100%;display:flex;align-items:center;gap:18px;padding:17px 24px;text-align:left;color:#536170;font-size:22px;background:#fff}.add-menu button:hover{background:#f7faff;color:#176be5}.add-menu .ico{width:27px;text-align:center;color:#52606e}.protag{background:#d9ffe7;color:#16b858;border-radius:8px;padding:3px 9px;font-size:14px;font-weight:800;letter-spacing:3px}.btn,.plus,.taskrow,.cardghost,.taskcard,.list-table{box-shadow:0 10px 25px #0f172a08}.btn{border-radius:9px}.primary{background:#195fd8}.taskcard{border:0;border-radius:10px;box-shadow:0 12px 25px #0f172a12}.taskcard:hover{transform:translateY(-1px);box-shadow:0 16px 34px #0f172a18}.box{border-radius:18px}.field input,.field select,.field textarea{border-radius:10px;border-color:#dfe5eb}.upload-zone{display:flex;align-items:center;justify-content:center;gap:12px;background:#f7fbff;border:1px dashed #9ccaff;color:#176be5;border-radius:14px;padding:16px;font-weight:700;cursor:pointer;transition:.2s}.upload-zone:hover{background:#edf6ff;border-color:#176be5}.upload-zone input{display:none}.upload-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.comment-send{display:flex;gap:10px;align-items:center}.comment-send .field{flex:1;margin:0}.side .fullbtn{height:42px;border-radius:7px;font-weight:600}.flowitem{padding:11px 8px;font-size:15px}.cat-head button{color:#687486;font-weight:700}.search{font-size:18px}.tabs{box-shadow:0 6px 20px #0f172a05}.tabs button{font-size:16px}.section-title h2{font-weight:700}.custom-file-name{font-size:12px;color:#7a8796;margin-left:6px}
@media(max-width:760px){.add-menu{left:10px;right:10px;width:auto}.header-add{font-size:15px;padding:10px 12px}.top-actions .search,.top-actions .light{display:none}}


/* =========================================================
   UI/UX estilo Ummense + identidade Mktdot
   Mantém a disposição original do layout, alterando apenas a camada visual.
   ========================================================= */
:root{
  --blue:#111111;
  --yellow:#ffe100;
  --mkt-yellow:#ffe100;
  --mkt-black:#111111;
  --mkt-dark:#171717;
  --mkt-ink:#1d1d1b;
  --bg:#f6f6f2;
  --panel:#ffffff;
  --line:#ece8d6;
  --text:#171717;
  --mut:#77746a;
  --soft:#fff8bf;
  --green:#16b364;
  --red:#ef3b2d;
}
html{background:#f6f6f2}
body{
  background:radial-gradient(circle at top left,#fff5a8 0,#f6f6f2 260px,#f4f3ed 100%);
  color:var(--text);
  letter-spacing:-.01em;
}
.app{grid-template-columns:76px 300px 1fr;background:transparent}
.rail{
  background:#111;
  border-right:0;
  box-shadow:10px 0 34px #11111116;
}
.logo{
  background:var(--mkt-yellow);
  color:#111;
  font-family:Inter,Arial,sans-serif;
  font-weight:900;
  box-shadow:inset 0 -1px 0 #00000012;
}
.railbtn{
  color:#d6d6d0;
  border-left:4px solid transparent;
  transition:.18s ease;
}
.railbtn:hover{background:#1f1f1f;color:#fff}
.railbtn.active{
  background:linear-gradient(90deg,#2b2b2b,#151515);
  border-left-color:var(--mkt-yellow);
  color:var(--mkt-yellow);
}
.railbtn b{filter:none}
.pro,.protag{
  background:var(--mkt-yellow)!important;
  color:#111!important;
  box-shadow:0 10px 20px #ffe10040;
}
.side{
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(14px);
  border-right:1px solid var(--line);
  box-shadow:8px 0 30px #15151508;
}
.brand{
  background:#111;
  color:#fff;
  padding:14px;
  border-radius:18px;
  box-shadow:0 18px 34px #11111122;
}
.brand h3{color:#fff;font-weight:800}
.brand p{color:#d9d9cc}
.brand img,.avatar{border:2px solid var(--mkt-yellow)}
.side h2,.section-title h2,.box h2,.cal-head h2{font-weight:800;color:#151515}
.btn{
  border:1px solid #e9e4c8;
  background:#fff;
  color:#24231f;
  border-radius:12px;
  box-shadow:0 8px 22px #11111108;
  transition:.18s ease;
}
.btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px #11111114}
.primary,.header-add{
  background:linear-gradient(180deg,#ffe84a,#ffe100)!important;
  color:#111!important;
  border-color:#ffe100!important;
  box-shadow:0 12px 26px #ffe10055!important;
}
.light,.plus,.addcard{
  background:#fff7b8!important;
  color:#111!important;
  border-color:#fff0a1!important;
}
.danger{background:#fff1ee;color:#c12d22;border-color:#ffd1c9}
.flowitem{
  color:#34332c;
  border:1px solid transparent;
  transition:.16s ease;
}
.flowitem:hover,.flowitem.active{
  background:#fff8c9;
  border-color:#fff0a1;
  box-shadow:0 8px 20px #11111108;
}
.cat-head{color:#858172;letter-spacing:.04em}
.cat-head button{color:#706d63}
.top{
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line);
  box-shadow:0 10px 30px #1111110a;
}
.top h1{font-weight:800;color:#111;text-transform:uppercase;font-size:28px}
.top-left .avatar{border:3px solid var(--mkt-yellow);box-shadow:0 12px 22px #11111118}
.search{
  border:1px solid #e9e4c8;
  background:#fff;
  border-radius:14px;
  padding:12px 16px;
  min-width:280px;
  box-shadow:inset 0 1px 0 #ffffff,0 8px 18px #11111107;
}
.search:focus{border-color:#ffe100;box-shadow:0 0 0 4px #ffe10033}
.tabs{
  background:rgba(255,255,255,.78);
  border-bottom:1px solid var(--line);
  box-shadow:none;
}
.tabs button{
  color:#67645b;
  position:relative;
  height:54px;
}
.tabs button.active{color:#111}
.tabs button.active:after{
  content:'';
  position:absolute;
  left:0;right:0;bottom:0;height:4px;
  background:var(--mkt-yellow);
  border-radius:999px 999px 0 0;
}
.content{background:transparent}
.taskrow,.taskcard,.cardghost,.list-table,.itemrow,.box,.loginbox{
  background:rgba(255,255,255,.96);
  border:1px solid #eee8cf;
  border-radius:18px;
  box-shadow:0 16px 36px #11111110;
}
.taskrow,.itemrow{border-left:8px solid var(--mkt-yellow)}
.taskrow:hover,.itemrow:hover{box-shadow:0 20px 42px #11111116;transform:translateY(-1px)}
.taskcard{
  border:1px solid #efe9cf;
  border-top:5px solid var(--mkt-yellow);
  padding:18px;
}
.taskcard:hover{transform:translateY(-3px);box-shadow:0 22px 44px #11111118}
.taskcard h3{
  color:#111;
  font-weight:800;
  letter-spacing:.7px;
}
.taskcard p{color:#726f64}
.card-actions .square,.square{
  background:#111;
  color:var(--mkt-yellow);
  border-radius:8px;
}
.khead{
  color:#59564e;
  font-weight:900;
  letter-spacing:.06em;
}
.idtag{
  background:#f3f1e4;
  color:#6d6756;
  border:1px solid #ebe4c9;
}
.blue{color:#111!important;font-weight:700}
.red{color:#ef3b2d!important;font-weight:800}
.circle{
  border-color:#c8c0a0;
  color:#9a9276;
  background:#fffdf0;
}
.circle.done{
  background:var(--mkt-yellow);
  border-color:var(--mkt-yellow);
  color:#111;
}
.avatars img,.avatar-sm{border:2px solid #fff;box-shadow:0 4px 10px #11111122}
.cal-grid div{position:relative;color:#292820}
.cal-grid .today{background:#111;color:#ffe100;box-shadow:0 12px 20px #11111125}
.cal-grid .event:after{background:#ffe100;box-shadow:0 0 0 3px #111}
.add-menu{
  background:#fffef7;
  border:1px solid #eee8cf;
  border-radius:0 0 20px 20px;
  box-shadow:0 30px 80px #11111126;
}
.add-menu h4{color:#8b866f;border-bottom:1px solid #eee8cf}
.add-menu button{color:#24231f;background:#fffef7}
.add-menu button:hover{background:#fff8c9;color:#111}
.modal{background:#11111199;backdrop-filter:blur(8px)}
.box{border-top:7px solid var(--mkt-yellow)}
.field label{color:#777160;letter-spacing:.05em}
.field input,.field select,.field textarea{
  border:1px solid #e6dec0;
  background:#fffef9;
  border-radius:14px;
}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:#ffe100;
  box-shadow:0 0 0 4px #ffe10033;
}
.upload-zone{
  background:#fff9c9;
  border:1px dashed #d9c900;
  color:#111;
  border-radius:16px;
}
.comment-body{background:#fffdf2;border-color:#eee8cf}
.attach{background:#111;color:#ffe100;border-color:#111}
.progress{background:#e9e4c8}
.bar{background:linear-gradient(90deg,#111,#ffe100)}
.toast{background:#111;color:#ffe100;border:1px solid #ffe10044;box-shadow:0 20px 50px #11111130}
.login{background:radial-gradient(circle at top,#fff2a0,#f6f6f2 52%,#efede3)}
.loginbox{border-top:8px solid var(--mkt-yellow)}
.loginbox h1{color:#111;font-weight:900}
.badge{background:#ef3b2d;color:#fff}
@media(max-width:1150px){.app{grid-template-columns:76px 1fr}}
@media(max-width:760px){
  .top{height:auto;min-height:76px;align-items:flex-start;padding:14px;gap:12px;flex-direction:column}
  .top-left,.top-actions{width:100%;justify-content:space-between;flex-wrap:wrap}
  .tabs{overflow:auto;gap:18px}
  .taskrow,.itemrow{gap:10px}
}


/* Distribuição, fluidez e responsividade refinadas */
.main{min-width:0;scroll-behavior:smooth}
.content{padding:clamp(16px,2.6vw,42px);max-width:1780px;margin:0 auto;width:100%}
.dashboard{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:clamp(20px,3vw,52px);align-items:start}
.section{margin-bottom:clamp(18px,2.2vw,34px)}
.section-title{flex-wrap:wrap;justify-content:space-between}
.section-title h2{font-size:clamp(22px,2vw,32px)}
.taskrow{grid-template-columns:44px minmax(180px,1fr) minmax(140px,.7fr) 92px minmax(52px,auto) 42px;gap:clamp(10px,1.3vw,18px);padding:clamp(14px,1.4vw,20px);align-items:center}
.cardghost{width:100%;min-height:128px}
.calendar{background:rgba(255,255,255,.72);border:1px solid #eee8cf;border-radius:22px;padding:clamp(16px,2vw,24px);box-shadow:0 16px 36px #11111110}
.cal-grid{gap:clamp(8px,1.2vw,18px)}
.kanban{grid-template-columns:56px repeat(6,minmax(292px,1fr));gap:clamp(14px,1.6vw,22px);align-items:start;scroll-snap-type:x proximity}
.kcol{min-height:calc(100vh - 230px);scroll-snap-align:start;background:rgba(255,255,255,.38);border:1px solid #eee8cf;border-radius:20px;padding:12px;min-width:292px}
.taskcard{min-height:154px;display:flex;flex-direction:column;gap:8px}
.taskcard p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:34px}
.top{gap:18px;padding:0 clamp(16px,2.4vw,38px)}
.top-left{min-width:0;flex-wrap:wrap}.top h1{font-size:clamp(20px,2.2vw,31px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions{flex-wrap:wrap;justify-content:flex-end}.search{width:min(34vw,360px);min-width:190px}.tabs{padding:0 clamp(16px,2.4vw,38px);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{white-space:nowrap;flex:0 0 auto}.list-table{overflow:auto}.list-row{grid-template-columns:42px minmax(200px,1.4fr) minmax(160px,1fr) 110px 120px 120px;min-width:860px}.box{width:min(1040px,calc(100vw - 28px));padding:clamp(18px,2.4vw,32px)}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.4vw,18px)}
.client-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.client-card{background:rgba(255,255,255,.96);border:1px solid #eee8cf;border-top:6px solid var(--mkt-yellow);border-radius:20px;padding:20px;box-shadow:0 16px 36px #11111110;display:flex;flex-direction:column;gap:10px}.client-card h3{margin:0;font-size:20px}.client-card p{margin:0;color:#726f64;line-height:1.45}.client-meta{display:flex;gap:8px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;border-radius:999px;background:#fff8c9;border:1px solid #eee4a4;padding:6px 10px;font-size:12px;font-weight:700;color:#2b2a22}.empty-state{background:rgba(255,255,255,.9);border:1px dashed #d9c900;border-radius:22px;padding:28px;text-align:center;color:#726f64}
@media(max-width:1320px){.app{grid-template-columns:70px 280px 1fr}.dashboard{grid-template-columns:1fr}.kanban{grid-template-columns:56px repeat(6,320px)}}
@media(max-width:980px){.app{grid-template-columns:70px 1fr}.side{display:none}.top{height:auto;min-height:82px;align-items:flex-start;flex-direction:column;padding-top:14px;padding-bottom:14px}.top-left,.top-actions{width:100%;justify-content:space-between}.search{width:100%;min-width:0}.kanban{grid-template-columns:repeat(6,300px)}.kanban>div:first-child{display:none}.taskrow{grid-template-columns:42px minmax(0,1fr) auto}.taskrow .hide-m,.taskrow .avatars{display:none}.progress{width:100%;max-width:320px}}
@media(max-width:640px){body{font-size:14px}.app{display:block;height:auto;min-height:100vh;overflow:visible}.main{overflow:visible}.rail{display:none}.top{position:sticky;top:0}.top-left{gap:10px}.top h1{width:100%;font-size:20px}.header-add{width:100%;justify-content:center}.top-actions .btn:not(.bell){display:none}.top-actions{gap:8px}.tabs{height:50px}.content{padding:14px}.dashboard{gap:16px}.taskrow,.itemrow{grid-template-columns:1fr!important;border-left:0;border-top:6px solid var(--mkt-yellow);padding:16px}.taskrow button:last-child,.itemrow button:last-child{justify-self:end}.kanban{display:flex;gap:14px;overflow-x:auto;padding-bottom:18px}.kcol{min-width:86vw;min-height:560px}.grid2{grid-template-columns:1fr}.actions{flex-direction:column}.actions .btn{width:100%}.comment{flex-direction:column}.comment-send{flex-direction:column;align-items:stretch}.client-grid{grid-template-columns:1fr}.add-menu{top:70px!important;left:12px!important;right:12px!important;width:auto!important;border-radius:18px}.cal-grid div{height:36px}.cal-head{gap:10px}.cal-head h2{font-size:24px}}



/* =========================
   MKTDOT SaaS Premium 2026
   UI refresh mantendo lógica
========================= */
:root{
  --mkt-yellow:#FFD100;--mkt-yellow-2:#FFC400;--mkt-black:#111111;--mkt-ink:#202124;--mkt-muted:#5F6368;--mkt-bg:#F5F7FA;--mkt-card:#FFFFFF;--mkt-hover:#FFF8D6;--mkt-line:#E8EAED;--mkt-blue:#0A84FF;--mkt-green:#34C759;--mkt-red:#FF3B30;
  --radius-xs:10px;--radius-sm:14px;--radius-md:18px;--radius-lg:24px;--radius-xl:32px;
  --shadow-soft:0 1px 2px rgba(17,17,17,.04),0 14px 40px rgba(17,17,17,.06);
  --shadow-hover:0 2px 4px rgba(17,17,17,.05),0 22px 60px rgba(17,17,17,.10);
  --sidebar-w:292px;--rail-w:78px;
  --blue:var(--mkt-blue);--yellow:var(--mkt-yellow);--bg:var(--mkt-bg);--panel:var(--mkt-card);--line:var(--mkt-line);--text:var(--mkt-ink);--mut:var(--mkt-muted);--green:var(--mkt-green);--red:var(--mkt-red)
}
html{height:100%;background:var(--mkt-bg)}
body{background:linear-gradient(180deg,#fafbfc 0%,#f5f7fa 42%,#f3f5f8 100%);color:var(--mkt-ink);letter-spacing:-.01em;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:Inter,Arial,sans-serif}button{transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(255,209,0,.45);outline-offset:2px}
.app{grid-template-columns:var(--rail-w) var(--sidebar-w) minmax(0,1fr);background:transparent}.rail{background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-right:1px solid rgba(232,234,237,.82);padding:12px 10px;gap:6px}.logo{width:54px;height:54px;border-radius:18px;background:var(--mkt-yellow);font-size:42px;box-shadow:inset 0 -2px 0 rgba(17,17,17,.08),0 12px 28px rgba(255,209,0,.28)}.railbtn{width:58px;min-height:58px;border-radius:18px;border-left:0;color:#6b7280;font-size:0;position:relative;display:grid;place-items:center}.railbtn b{font-size:21px;margin:0}.railbtn:hover{background:var(--mkt-hover);color:var(--mkt-black);transform:translateY(-1px)}.railbtn.active{background:#111;color:var(--mkt-yellow);border-left:0}.railbtn.active:before{content:'';position:absolute;left:-10px;width:4px;height:28px;border-radius:999px;background:var(--mkt-yellow)}.pro{background:#111;color:var(--mkt-yellow);border-radius:14px;padding:8px 9px;letter-spacing:1.8px;box-shadow:var(--shadow-soft)}
.side{background:rgba(255,255,255,.68);backdrop-filter:blur(22px);border-right:1px solid rgba(232,234,237,.9);padding:20px 16px}.brand{padding:12px;border-radius:22px;background:#fff;border:1px solid var(--mkt-line);box-shadow:var(--shadow-soft);margin-bottom:20px}.brand img,.avatar{width:42px;height:42px}.brand h3{font-size:16px;font-weight:800}.brand p{font-size:12px;color:var(--mkt-muted)}.side h2{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#8a8f98;margin:18px 6px 12px}.side .fullbtn{height:46px;border-radius:16px;justify-content:center;gap:10px;background:#111;color:var(--mkt-yellow);border-color:#111;box-shadow:0 12px 30px rgba(17,17,17,.14)}.cat{margin-top:22px}.cat-head{padding:0 6px;margin:14px 0 7px}.cat-head button{font-size:12px;color:#6f7680;text-transform:uppercase;letter-spacing:.08em}.flowitem{border-radius:16px;padding:12px 10px;gap:11px;color:#353a40}.flowitem:hover,.flowitem.active{background:var(--mkt-hover);box-shadow:inset 0 0 0 1px rgba(255,209,0,.45)}.flowitem.active{font-weight:800}.dot{width:10px;height:10px;box-shadow:0 0 0 4px rgba(17,17,17,.04)}
.main{background:transparent;min-width:0}.top{height:92px;background:rgba(255,255,255,.78);backdrop-filter:blur(22px);border-bottom:1px solid rgba(232,234,237,.85);box-shadow:none;padding:0 clamp(20px,2.6vw,44px)}.top-left{gap:14px}.top-left:before{content:'Workspace / Mktdot';font-size:12px;letter-spacing:.02em;color:#7b818a;position:absolute;top:16px}.top h1{font-size:clamp(24px,2vw,34px);font-weight:800;letter-spacing:-.04em;margin-top:16px}.top-left .avatar{width:42px;height:42px;border-radius:14px}.header-add{border-radius:16px;background:#111;color:var(--mkt-yellow);padding:12px 16px;font-size:15px;box-shadow:0 12px 28px rgba(17,17,17,.15)}.header-add:hover{transform:translateY(-1px);box-shadow:var(--shadow-hover)}.search{height:46px;border:1px solid var(--mkt-line);border-radius:16px;background:#fff;padding:0 16px;min-width:280px;box-shadow:0 1px 0 rgba(17,17,17,.03)}.search::placeholder{color:#9aa0a6}.btn{min-height:42px;border-radius:14px;border:1px solid var(--mkt-line);background:#fff;color:#272b30;font-weight:700;padding:10px 14px;box-shadow:0 1px 0 rgba(17,17,17,.03)}.btn:hover{background:var(--mkt-hover);border-color:#f2d54b;transform:translateY(-1px)}.primary{background:var(--mkt-yellow)!important;color:#111!important;border-color:var(--mkt-yellow)!important;box-shadow:0 12px 28px rgba(255,209,0,.24)}.primary:hover{background:var(--mkt-yellow-2)!important}.light{background:#fff8d6;color:#111;border-color:#f0de85}.danger{background:#fff0ee!important;color:var(--mkt-red)!important;border-color:#ffd1cc!important}.bell{border-radius:16px}.badge{background:var(--mkt-red);font-weight:800}.tabs{height:64px;background:rgba(255,255,255,.72);backdrop-filter:blur(20px);border-bottom:1px solid rgba(232,234,237,.85);padding:0 clamp(20px,2.6vw,44px);gap:10px}.tabs button{height:40px;border-radius:999px;padding:0 16px;font-size:14px;color:#6f7680}.tabs button:hover{background:var(--mkt-hover);color:#111}.tabs button.active{background:#111;color:var(--mkt-yellow);box-shadow:0 10px 24px rgba(17,17,17,.12)}.content{padding:clamp(20px,2.8vw,48px);max-width:1880px}.section-title{align-items:flex-end;margin-bottom:18px}.section-title h2{font-size:clamp(24px,2.3vw,38px);letter-spacing:-.05em}.section-title p{margin:6px 0 0}.plus{border-radius:15px;background:var(--mkt-yellow);color:#111;box-shadow:0 12px 26px rgba(255,209,0,.24)}
.dashboard{grid-template-columns:minmax(0,1.35fr) minmax(340px,.72fr);gap:clamp(24px,3.4vw,58px)}.dashboard:before{content:'';grid-column:1/-1;display:grid}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:16px;margin-bottom:26px}.metric-card{background:#fff;border:1px solid var(--mkt-line);border-radius:24px;padding:18px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.metric-card:after{content:'';position:absolute;right:-18px;top:-18px;width:76px;height:76px;border-radius:999px;background:rgba(255,209,0,.18)}.metric-label{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:#747b84;font-weight:800}.metric-value{font-size:32px;letter-spacing:-.06em;font-weight:850;margin-top:8px}.metric-mini{height:5px;border-radius:999px;background:#eef0f2;margin-top:12px;overflow:hidden}.metric-mini span{display:block;height:100%;background:#111;border-radius:999px}.taskrow,.itemrow{background:#fff;border:1px solid var(--mkt-line);border-left:0!important;border-radius:20px;padding:16px 18px;box-shadow:var(--shadow-soft);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.taskrow:hover,.itemrow:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:#f0dd83}.circle{border-color:#d4d8dd;color:#8f969e}.circle.done{background:var(--mkt-green);border-color:var(--mkt-green)}.blue{color:var(--mkt-blue)}.red{color:var(--mkt-red)}.avatar-sm{width:34px;height:34px;border:2px solid #fff;box-shadow:0 0 0 1px var(--mkt-line)}.avatars img,.avatars .avatar-sm{width:34px;height:34px}.cardghost,.calendar{background:#fff;border:1px solid var(--mkt-line);border-radius:26px;box-shadow:var(--shadow-soft)}.calendar{padding:24px}.cal-head h2{font-size:30px;letter-spacing:-.05em}.cal-grid{gap:10px}.cal-grid div{border-radius:14px}.cal-grid .today{background:#111;color:var(--mkt-yellow);box-shadow:0 10px 24px rgba(17,17,17,.16)}
.kanban{grid-template-columns:52px repeat(6,minmax(334px,1fr));gap:18px;padding:4px 4px 28px}.kcol{background:rgba(255,255,255,.58);border:1px solid var(--mkt-line);border-radius:28px;padding:14px;min-height:calc(100vh - 250px);box-shadow:0 1px 0 rgba(17,17,17,.03)}.khead{height:48px;padding:0 4px;font-size:12px;letter-spacing:.09em;font-weight:850;color:#606771}.khead span:first-child{display:inline-flex;align-items:center;gap:8px}.khead span:first-child:before{content:'';width:10px;height:10px;border-radius:999px;background:var(--mkt-yellow);box-shadow:0 0 0 4px rgba(255,209,0,.2)}.addcard{border-radius:18px;background:#fff;border:1px dashed #dfe3e8;color:#111;box-shadow:none}.addcard:hover{border-color:var(--mkt-yellow);background:var(--mkt-hover)}.taskcard{border:1px solid var(--mkt-line);border-radius:24px;padding:18px;min-height:184px;box-shadow:var(--shadow-soft);background:#fff;overflow:hidden}.taskcard:before{content:'';position:absolute;inset:0 0 auto 0;height:4px;background:var(--mkt-yellow)}.taskcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:#f0dd83}.taskcard h3{font-size:17px;font-weight:850;letter-spacing:-.02em;margin:12px 0 6px}.taskcard p{font-size:13px;line-height:1.45;color:#66707a}.card-actions .square,.square{background:#111;color:var(--mkt-yellow);border-radius:10px;width:30px;height:30px}.mini-meta{gap:8px}.idtag,.pill,.status-badge{background:#f6f7f8;border:1px solid var(--mkt-line);border-radius:999px;padding:5px 9px;color:#565d66;font-size:12px;font-weight:750}.priority-Alta{background:#fff0ee;color:var(--mkt-red);border-color:#ffd1cc}.priority-Média{background:#fff8d6;color:#7a5d00;border-color:#f0de85}.priority-Baixa{background:#effaf2;color:#19743a;border-color:#cfedd6}.card-progress{height:7px;background:#eef0f2;border-radius:999px;overflow:hidden;margin-top:8px}.card-progress span{display:block;height:100%;background:var(--mkt-yellow);border-radius:999px}.list-table{border:1px solid var(--mkt-line);border-radius:24px;box-shadow:var(--shadow-soft)}.list-row{padding:16px 18px}.list-row.head{background:#fbfcfd;color:#727983}.client-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.client-card{border:1px solid var(--mkt-line);border-top:0;border-radius:28px;padding:22px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.client-card:before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:var(--mkt-yellow)}.client-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:#f0dd83}.client-card h3{font-size:22px;font-weight:850;letter-spacing:-.04em}.empty-state{background:#fff;border:1px dashed #d7dbe0;border-radius:28px;padding:44px;box-shadow:var(--shadow-soft)}
.modal{background:rgba(17,17,17,.52);backdrop-filter:blur(10px);padding:18px}.box{width:min(1120px,calc(100vw - 32px));max-height:92vh;padding:0;border-radius:28px;border:1px solid rgba(255,255,255,.8);box-shadow:0 32px 110px rgba(17,17,17,.28);overflow:auto}.box>h2{position:sticky;top:0;z-index:2;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--mkt-line);margin:0;padding:24px 28px;font-size:28px;letter-spacing:-.05em}.box>.grid2,.box>section,.box>.field,.box>label,.box>p,.box>.comment,.box>.upload-zone,.box>#fileList,.box>.comment-send{margin-left:28px;margin-right:28px}.box>.grid2{margin-top:22px}.box>.actions{position:sticky;bottom:0;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-top:1px solid var(--mkt-line);padding:18px 28px;margin:24px 0 0}.grid2{gap:18px}.field{position:relative}.field label{font-size:11px;letter-spacing:.08em;color:#737b84}.field input,.field select,.field textarea{border:1px solid var(--mkt-line);border-radius:16px;background:#fff;min-height:48px;padding:13px 14px;box-shadow:0 1px 0 rgba(17,17,17,.03);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.field input:hover,.field select:hover,.field textarea:hover{border-color:#d4d8dd}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--mkt-yellow);box-shadow:0 0 0 4px rgba(255,209,0,.16)}.field textarea{min-height:118px;resize:vertical}.upload-zone{border-radius:22px;border-color:#d8dce1;background:#fbfcfd;color:#111}.upload-zone:hover{background:var(--mkt-hover);border-color:var(--mkt-yellow)}.comment-body{border-radius:18px;background:#fbfcfd;border-color:var(--mkt-line)}.attach{background:#111;color:var(--mkt-yellow);border-color:#111}.progress{height:10px;background:#eef0f2}.bar{background:var(--mkt-yellow)}.toast{border-radius:18px;background:#111;color:var(--mkt-yellow);box-shadow:0 18px 48px rgba(17,17,17,.28);font-weight:800}.add-menu{border-radius:24px;border:1px solid var(--mkt-line);box-shadow:0 28px 90px rgba(17,17,17,.18);overflow:hidden}.add-menu h4{font-size:11px;letter-spacing:.12em;color:#858b94}.add-menu button{font-size:17px;padding:15px 22px}.login{background:radial-gradient(circle at top left,rgba(255,209,0,.28),transparent 34%),linear-gradient(180deg,#fff,#f5f7fa)}.loginbox{border:1px solid var(--mkt-line);border-top:0;border-radius:30px;box-shadow:var(--shadow-hover);position:relative;overflow:hidden}.loginbox:before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:var(--mkt-yellow)}.loginbox h1{letter-spacing:-.08em}
@media(max-width:1320px){.app{grid-template-columns:72px 268px minmax(0,1fr)}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kanban{grid-template-columns:repeat(6,330px)}.kanban>div:first-child{display:none}}
@media(max-width:980px){.app{grid-template-columns:72px minmax(0,1fr)}.side{display:none}.top{height:auto;min-height:96px;align-items:stretch}.top-left:before{display:none}.top h1{margin-top:0}.top-left,.top-actions{width:100%}.search{width:100%;min-width:0}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard{grid-template-columns:1fr}.kanban{display:flex;overflow-x:auto}.kcol{min-width:340px}.box>h2{font-size:24px}}
@media(max-width:640px){body{font-size:14px}.app{display:block;height:auto;min-height:100vh;overflow:visible}.rail,.side{display:none}.main{overflow:visible}.top{position:sticky;top:0;z-index:10;padding:14px}.top-left,.top-actions{gap:10px}.top h1{width:100%;font-size:22px}.header-add{width:100%;justify-content:center}.search{height:44px}.tabs{height:54px;padding:0 14px}.tabs button{height:36px;padding:0 13px}.content{padding:16px}.metric-grid{grid-template-columns:1fr}.section-title{align-items:flex-start}.taskrow,.itemrow{grid-template-columns:1fr!important;border-top:5px solid var(--mkt-yellow);gap:10px}.kanban{padding:0 0 18px}.kcol{min-width:88vw;border-radius:24px}.taskcard{border-radius:22px}.grid2{grid-template-columns:1fr}.box{width:calc(100vw - 18px);border-radius:24px}.box>h2{padding:20px}.box>.grid2,.box>section,.box>.field,.box>label,.box>p,.box>.comment,.box>.upload-zone,.box>#fileList,.box>.comment-send{margin-left:20px;margin-right:20px}.box>.actions{padding:16px 20px;flex-direction:column}.box>.actions .btn{width:100%}.client-grid{grid-template-columns:1fr}.comment{flex-direction:column}.comment-send{flex-direction:column;align-items:stretch}.add-menu{left:10px!important;right:10px!important;width:auto!important;top:72px!important}}


/* =========================================================
   NOVO LAYOUT 2026 - Command Center Mktdot
   Estrutura repaginada, funções preservadas.
   ========================================================= */
:root{
  --cmd-bg:#f5f7fa;--cmd-card:#fff;--cmd-ink:#111;--cmd-muted:#68707a;--cmd-line:#e7e9ee;--cmd-yellow:#FFD100;--cmd-yellow-2:#FFC400;--cmd-red:#FF3B30;--cmd-green:#34C759;--cmd-blue:#0A84FF;
  --cmd-shadow:0 18px 50px rgba(15,23,42,.08);--cmd-shadow-2:0 24px 70px rgba(15,23,42,.14)
}
body{background:linear-gradient(135deg,#f7f8fa 0%,#f5f7fa 42%,#fff9d9 100%);}
.app{display:grid!important;grid-template-columns:286px minmax(0,1fr) 334px!important;grid-template-areas:"rail main side";gap:18px;height:100vh;overflow:hidden;padding:18px;background:transparent}.rail{grid-area:rail;background:#111!important;border:0!important;border-radius:30px;box-shadow:var(--cmd-shadow-2);padding:18px;align-items:stretch!important;overflow:auto}.main{grid-area:main;background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.76);border-radius:30px;overflow:auto;box-shadow:0 1px 0 rgba(255,255,255,.8)}.side{grid-area:side;display:block!important;border:1px solid rgba(231,233,238,.8)!important;border-radius:30px;background:rgba(255,255,255,.76)!important;box-shadow:var(--cmd-shadow);padding:20px!important;overflow:auto}.logo{width:56px!important;height:56px!important;border-radius:18px;background:var(--cmd-yellow)!important;font-size:42px!important;margin:0 0 22px;box-shadow:none}.rail .workspace-name{color:#fff;margin:-68px 0 26px 72px;min-height:56px;display:flex;flex-direction:column;justify-content:center}.workspace-name b{font-size:18px;letter-spacing:-.04em}.workspace-name span{font-size:12px;color:#b9bdc5}.railbtn{width:100%!important;min-height:50px!important;display:flex;align-items:center;gap:13px;text-align:left;border-radius:16px;border-left:0!important;color:#d8dbe0!important;padding:0 14px;margin:4px 0;font-size:13px!important;font-weight:800;letter-spacing:.02em}.railbtn b{font-size:19px!important;margin:0!important;width:24px;text-align:center}.railbtn:hover{background:#222!important;color:#fff!important}.railbtn.active{background:var(--cmd-yellow)!important;color:#111!important;box-shadow:0 14px 26px rgba(255,209,0,.22)}.rail .pro{margin:22px 0 0!important;align-self:stretch;text-align:center;border-radius:16px;padding:12px!important}.top{height:auto!important;min-height:112px;border:0!important;background:transparent!important;box-shadow:none!important;padding:24px 28px 16px!important;align-items:flex-end!important}.top-left{display:grid!important;grid-template-columns:auto 1fr auto;gap:14px!important;align-items:end}.top-left:before{content:'Mktdot Command Center';position:static!important;grid-column:2/4;grid-row:1;color:#757b85;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.top h1{grid-column:2;grid-row:2;margin:0!important;font-size:clamp(30px,3vw,48px)!important;line-height:.95;letter-spacing:-.07em;text-transform:none!important}.top-left .avatar{grid-column:1;grid-row:1/3;width:58px!important;height:58px!important;border-radius:20px!important}.header-add{grid-column:3;grid-row:2;background:#111!important;color:var(--cmd-yellow)!important;border:0!important}.top-actions{align-self:end;gap:10px!important}.search{min-width:min(420px,28vw)!important;border-radius:18px!important;background:#fff!important}.tabs{height:auto!important;background:transparent!important;border:0!important;padding:0 28px 18px!important;gap:8px!important}.tabs button{background:#fff;border:1px solid var(--cmd-line);box-shadow:0 8px 18px rgba(15,23,42,.04)}.tabs button.active{background:#111!important;color:var(--cmd-yellow)!important}.content{padding:8px 28px 30px!important;max-width:none!important}.side .brand{background:#111!important;color:#fff!important;border:0!important}.side .brand h3{color:#fff!important}.side .brand p{color:#b9bdc5!important}.side h2{font-size:12px!important;letter-spacing:.12em!important;color:#818891!important;margin:22px 4px 10px!important}.side .fullbtn{background:var(--cmd-yellow)!important;color:#111!important;border:0!important}.report-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.report-card{background:#fff;border:1px solid var(--cmd-line);border-radius:28px;padding:22px;box-shadow:var(--cmd-shadow);min-height:150px}.report-card.big{grid-column:span 6}.report-card.full{grid-column:1/-1}.report-card.third{grid-column:span 4}.report-kpi{font-size:46px;font-weight:900;letter-spacing:-.08em;color:#111;line-height:1}.report-label{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#747b84;font-weight:850;margin-bottom:12px}.report-note{color:#6c737d;font-size:13px;line-height:1.45}.report-bar{display:grid;gap:10px;margin-top:14px}.report-line{display:grid;grid-template-columns:150px 1fr 42px;align-items:center;gap:10px;font-size:13px;color:#3e4650}.report-line span:nth-child(2){height:10px;background:#eef0f3;border-radius:999px;overflow:hidden}.report-line i{display:block;height:100%;background:#111;border-radius:999px}.report-line.refazer i{background:var(--cmd-yellow-2)}.report-line.atraso i{background:var(--cmd-red)}.report-table{width:100%;border-collapse:separate;border-spacing:0 10px}.report-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#848b95;padding:0 12px}.report-table td{background:#fbfcfd;border-top:1px solid var(--cmd-line);border-bottom:1px solid var(--cmd-line);padding:14px 12px}.report-table td:first-child{border-left:1px solid var(--cmd-line);border-radius:16px 0 0 16px}.report-table td:last-child{border-right:1px solid var(--cmd-line);border-radius:0 16px 16px 0}.insight-card{background:#fff;border:1px solid var(--cmd-line);border-radius:22px;padding:16px;margin-bottom:12px;box-shadow:0 10px 26px rgba(15,23,42,.05)}.insight-card b{display:block;margin-bottom:6px}.dashboard{grid-template-columns:minmax(0,1fr)!important}.metric-grid{grid-template-columns:repeat(4,minmax(150px,1fr))!important}.kanban{grid-template-columns:repeat(6,minmax(320px,1fr))!important}.kanban>div:first-child{display:none}.kcol{min-height:calc(100vh - 300px)}.client-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important}.admin-only{display:initial}.not-admin .admin-only{display:none!important}
@media(max-width:1300px){.app{grid-template-columns:250px minmax(0,1fr)!important;grid-template-areas:"rail main"}.side{display:none!important}.metric-grid{grid-template-columns:repeat(2,1fr)!important}.report-card.big,.report-card.third{grid-column:span 6}.top{display:block!important}.top-actions{margin-top:16px;flex-wrap:wrap}.search{min-width:240px!important}}
@media(max-width:820px){.app{display:block!important;height:auto;min-height:100vh;padding:10px}.rail{position:relative;border-radius:24px;margin-bottom:12px}.main{border-radius:24px;min-height:80vh}.railbtn{display:inline-flex;width:auto!important;margin:4px}.workspace-name{margin:-68px 0 18px 72px!important}.top,.tabs,.content{padding-left:16px!important;padding-right:16px!important}.metric-grid,.report-grid{grid-template-columns:1fr!important}.report-card,.report-card.big,.report-card.third,.report-card.full{grid-column:1!important}.kanban{grid-template-columns:repeat(6,290px)!important}.top-left{display:flex!important;align-items:center!important;flex-wrap:wrap}.top-left:before{width:100%;order:-1}.top h1{font-size:32px!important}.top-actions .search{display:block!important;width:100%;min-width:0!important}.top-actions{display:grid!important;grid-template-columns:1fr 1fr}.top-actions .search{grid-column:1/-1}}




/* ===== FIX MKTDOT V3: Kanban amplo, laterais recolhidas e calendário Google importável ===== */
.command-shell{
  display:grid!important;
  grid-template-columns:72px 0 minmax(0,1fr) 0!important;
  grid-template-areas:"rail side main right"!important;
  gap:12px!important;
  padding:12px!important;
  height:100vh!important;
  overflow:hidden!important;
}
.command-shell:not(.left-collapsed){grid-template-columns:72px minmax(248px,286px) minmax(0,1fr) 0!important}
.command-shell:not(.right-collapsed){grid-template-columns:72px 0 minmax(0,1fr) minmax(270px,318px)!important}
.command-shell:not(.left-collapsed):not(.right-collapsed){grid-template-columns:72px minmax(248px,286px) minmax(0,1fr) minmax(270px,318px)!important}
.command-shell .rail{grid-area:rail!important;border-radius:22px!important;padding:10px!important;overflow:hidden!important}
.command-shell .side{grid-area:side!important;display:block!important;min-width:0!important;overflow:auto!important;transition:opacity .2s ease, transform .2s ease, padding .2s ease!important}
.command-shell .rightbar{grid-area:right!important;min-width:0!important;border-radius:22px!important;border:1px solid var(--mkt-line)!important;background:rgba(255,255,255,.82)!important;overflow:auto!important;transition:opacity .2s ease, transform .2s ease, padding .2s ease!important}
.command-shell.left-collapsed .side{opacity:0;pointer-events:none;padding:0!important;border:0!important;transform:translateX(-8px)}
.command-shell.right-collapsed .rightbar{opacity:0;pointer-events:none;padding:0!important;border:0!important;transform:translateX(8px)}
.main{grid-area:main!important;min-width:0!important;border-radius:22px!important;overflow:auto!important}
.top{min-height:64px!important;padding:10px 16px!important;display:flex!important;align-items:center!important;gap:14px!important}
.top-left{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;flex:1!important}
.top-left:before{display:none!important}.breadcrumb{font-size:10px!important;margin:0 0 2px!important}.top h1{font-size:clamp(18px,1.25vw,24px)!important;line-height:1.08!important;max-width:360px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.top-left .avatar{width:38px!important;height:38px!important;border-radius:14px!important}.header-add{font-size:14px!important;padding:10px 14px!important;border-radius:15px!important;white-space:nowrap!important}.top-actions{display:flex!important;align-items:center!important;gap:8px!important}.search{min-width:220px!important;height:40px!important}.btn{min-height:38px!important;padding:8px 12px!important}.tabs{padding:0 16px 10px!important}.tabs button{height:34px!important;font-size:13px!important}.content{padding:10px 16px 16px!important;max-width:none!important}.focus-kanban .content{padding:8px 10px 12px!important}.focus-kanban .top{min-height:58px!important}.focus-kanban .tabs{padding-bottom:8px!important}.kanban{width:100%!important;display:grid!important;grid-template-columns:repeat(6,minmax(292px,1fr))!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 2px 18px!important;scrollbar-width:thin!important}.kanban>div:first-child{display:none!important}.kcol{min-height:calc(100vh - 160px)!important;border-radius:22px!important;padding:10px!important}.khead{height:38px!important;font-size:11px!important}.addcard{height:38px!important;border-radius:14px!important;margin-bottom:8px!important}.taskcard{border-radius:18px!important;min-height:148px!important;padding:14px!important;margin-bottom:10px!important}.taskcard h3{font-size:15px!important;margin:10px 0 5px!important}.taskcard p{font-size:12px!important}.rightbar .collapse-btn.right{position:fixed!important;right:16px!important;top:16px!important}.collapse-btn{width:34px!important;height:34px!important;border-radius:12px!important}.section-title h2,.box h2,.cal-head h2{font-size:clamp(18px,1.35vw,24px)!important}.calendar{padding:16px!important}.cal-grid{gap:6px!important}.cal-day{height:42px!important}.gcal-status{font-size:12px;line-height:1.45}.gcal-sync{display:inline-flex;align-items:center;gap:7px}
@media(max-width:1180px){.command-shell,.command-shell:not(.left-collapsed),.command-shell:not(.right-collapsed),.command-shell:not(.left-collapsed):not(.right-collapsed){grid-template-columns:64px minmax(0,1fr)!important;grid-template-areas:"rail main"!important}.side,.rightbar{display:none!important}.kanban{grid-template-columns:repeat(6,288px)!important}.top{display:block!important}.top-actions{margin-top:10px}.search{width:100%!important;min-width:0!important}}
@media(max-width:680px){.command-shell{display:block!important;padding:8px!important}.rail{display:flex!important;flex-direction:row!important;gap:6px!important;margin-bottom:8px!important;overflow:auto!important}.rail .logo,.rail .pro{display:none!important}.railbtn{min-width:46px!important;width:46px!important}.main{border-radius:18px!important}.top,.tabs,.content{padding-left:10px!important;padding-right:10px!important}.top h1{max-width:210px!important}.kanban{grid-template-columns:repeat(6,276px)!important}.top-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.top-actions .search{grid-column:1/-1!important}}


body.page-template-default .entry-content, .mktdot-trampo-wrap{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
.mktdot-trampo-wrap .pro{display:none!important}
.mktdot-trampo-wrap{min-height:100vh;background:#f5f7fa}
.mktdot-trampo-wrap a.btn{text-decoration:none}
/* Mktdot Trampo 1.5.1 - melhorias reais em notificações, menções e anexos */
.mention-bold{font-weight:900!important;color:#111!important;background:#FFF4B8!important;border:1px solid #FFE37A!important;border-radius:999px!important;padding:2px 7px!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;gap:4px!important}.mention-bold{font-size:.95em}.media-lightbox{position:fixed;inset:0;background:rgba(17,17,17,.72);backdrop-filter:blur(10px);z-index:9999;display:grid;place-items:center;padding:22px}.media-lightbox-box{width:min(980px,96vw);max-height:94vh;overflow:auto;background:#fff;border-radius:28px;padding:22px;box-shadow:0 30px 120px rgba(0,0,0,.35)}.attachment-thumb{border:1px solid #ECEFF3;background:#fff;border-radius:16px;padding:8px;display:flex;flex-direction:column;gap:7px;text-align:left;box-shadow:0 10px 22px rgba(17,17,17,.06);transition:.18s;cursor:pointer}.attachment-thumb img{width:100%;height:92px;object-fit:cover;border-radius:12px}.attachment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:10px;margin-top:12px}.notif-panel{min-width:min(660px,92vw)}.notif-hero{background:#111!important;color:#fff!important;border-radius:26px!important;padding:24px!important}.notif-item{transition:.18s}.notif-item:hover{transform:translateY(-1px);box-shadow:0 16px 36px rgba(17,17,17,.09)!important}.notif-item.unread{background:#fffaf0!important;border-color:#ffd100!important}.notif-item.unread b:after{content:' NOVA';font-size:9px;margin-left:8px;background:#ffd100;color:#111;border-radius:999px;padding:3px 6px;font-weight:900;vertical-align:middle}

/* ===== Ferramentas / Mais ===== */
.tools-page{padding:10px 0 40px}.tools-hero{background:#111;color:#fff;border-radius:28px;padding:28px 32px;margin-bottom:22px;box-shadow:0 18px 50px rgba(17,17,17,.12)}.tools-hero h2{margin:4px 0 6px;font-size:28px;letter-spacing:-.04em}.tools-hero p{margin:0;color:#d1d5db}.eyebrow{display:inline-flex;color:#ffd100;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.14em}.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.tool-card{background:#fff;border:1px solid #eceff3;border-radius:28px;padding:24px;box-shadow:0 18px 50px rgba(17,24,39,.08);min-width:0}.tool-card h3{margin:0 0 6px;font-size:20px;letter-spacing:-.03em}.tool-card p{margin:0;color:#6b7280;line-height:1.55}.tool-card-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.tool-icon{width:46px;height:46px;border-radius:16px;background:#ffd100;color:#111;display:grid;place-items:center;font-size:24px;font-weight:900;margin-bottom:14px}.tool-form{margin-top:10px}.tool-output{background:#f7f8fa;border:1px solid #eceff3;border-radius:22px;padding:16px;margin-top:16px}.tool-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.qr-box{min-height:260px;border:1px dashed #d7dbe2;border-radius:22px;background:#fff;display:grid;place-items:center;overflow:hidden}.qr-box img{width:min(260px,100%);height:auto;padding:14px}.qr-empty{width:100%;height:100%;min-height:220px;display:grid;place-items:center;color:#9ca3af;font-weight:700}.pdf-drop{border:1.5px dashed #d1d5db;background:#f7f8fa;border-radius:24px;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;cursor:pointer;transition:.22s}.pdf-drop:hover,.pdf-drop.drag{background:#fff8d6;border-color:#ffd100;transform:translateY(-1px)}.pdf-drop b{font-size:18px}.pdf-drop span,.pdf-drop em{color:#6b7280;font-style:normal}.pdf-drop em{font-size:12px;background:#fff;border:1px solid #eceff3;border-radius:999px;padding:7px 10px;margin-top:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-note{font-size:12px!important;background:#fff8d6;border:1px solid #ffef9a;border-radius:16px;padding:12px;margin-top:14px!important;color:#5f4b00!important}@media(max-width:1100px){.tools-grid{grid-template-columns:1fr}.tools-hero{padding:24px}.tools-hero h2{font-size:24px}}@media(max-width:720px){.tools-page{padding:0 0 24px}.tool-card{padding:18px;border-radius:22px}.tools-hero{border-radius:22px}.qr-box{min-height:220px}}

/* Ajuste estético do rodapé dos cards: criador e responsáveis compactos */
.taskcard{display:flex!important;flex-direction:column!important;overflow:hidden!important;}
.taskcard .card-actions{z-index:2!important;}
.taskcard h3{padding-right:54px!important;}
.card-people-strip{margin:14px -4px -4px!important;padding:8px 10px!important;min-height:42px!important;border-radius:14px!important;background:#FAFBFC!important;border:1px solid #ECEFF3!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;overflow:hidden!important;}
.creator-pill,.responsible-strip{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;max-width:50%!important;}
.creator-pill span,.responsible-strip span{font-size:8.5px!important;line-height:1!important;letter-spacing:.08em!important;color:#858C96!important;font-weight:900!important;text-transform:uppercase!important;}
.creator-pill b{font-size:10px!important;line-height:1!important;max-width:72px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#252A31!important;}
.creator-pill .avatar-sm,.responsible-avatars .avatar-sm{width:22px!important;height:22px!important;min-width:22px!important;border-radius:999px!important;border:2px solid #fff!important;box-shadow:0 2px 8px rgba(15,23,42,.08)!important;}
.responsible-avatars{display:flex!important;align-items:center!important;min-height:24px!important;max-width:118px!important;overflow:visible!important;}
.responsible-avatars .avatar-sm{margin-left:-6px!important;}
.responsible-avatars .avatar-sm:first-child{margin-left:0!important;}
.responsible-avatars em{font-size:10px!important;color:#9AA1AD!important;white-space:nowrap!important;}
@media(max-width:760px){.card-people-strip{flex-direction:row!important;align-items:center!important}.creator-pill,.responsible-strip{width:auto!important;justify-content:flex-start!important;max-width:50%!important}.creator-pill b{max-width:58px!important}.responsible-avatars{max-width:88px!important}}

/* ===== Ajuste visual final: pessoas no rodapé e usuários ativos no header ===== */
.top-left{min-width:0!important;gap:14px!important;}
.title-wrap{min-width:0!important;}
.active-users-strip{display:flex;align-items:center;margin-left:2px;padding:4px 10px 4px 12px;background:#fff;border:1px solid #ECEFF3;border-radius:999px;box-shadow:0 10px 26px rgba(15,23,42,.06);min-height:42px;}
.active-users-strip img{width:30px!important;height:30px!important;border-radius:999px!important;object-fit:cover!important;border:2px solid #fff!important;margin-left:-9px!important;box-shadow:0 4px 10px rgba(17,17,17,.10)!important;background:#F4F5F7!important;}
.active-users-strip img:first-child{margin-left:0!important;}
.compact-people-footer{margin-top:16px!important;margin-bottom:0!important;min-height:46px!important;padding:8px 10px!important;border-radius:14px!important;gap:10px!important;}
.creator-pill.compact,.responsible-strip.compact{gap:7px!important;max-width:none!important;}
.creator-pill.compact span,.responsible-strip.compact span{font-size:8px!important;letter-spacing:.10em!important;color:#8A919D!important;}
.creator-pill.compact .avatar-sm,.responsible-strip.compact .avatar-sm,.responsible-avatars .avatar-sm{width:24px!important;height:24px!important;min-width:24px!important;border-radius:999px!important;border:2px solid #fff!important;object-fit:cover!important;box-shadow:0 2px 8px rgba(15,23,42,.10)!important;}
.responsible-avatars{min-height:28px!important;max-width:132px!important;}
.responsible-avatars .avatar-sm{margin-left:-7px!important;}
.responsible-avatars .avatar-sm:first-child{margin-left:0!important;}
.creator-pill.compact b{display:none!important;}
@media(max-width:1100px){.active-users-strip{display:none!important}.top-left .avatar{display:none!important}}
@media(max-width:760px){.compact-people-footer{flex-direction:row!important;align-items:center!important}.creator-pill.compact,.responsible-strip.compact{width:auto!important;justify-content:flex-start!important}.responsible-avatars{max-width:96px!important}}

/* ===== MKTDOT V21: funil lateral premium ===== */
.command-shell:not(.right-collapsed){grid-template-columns:72px 0 minmax(0,1fr) minmax(330px,370px)!important}
.command-shell:not(.left-collapsed):not(.right-collapsed){grid-template-columns:72px minmax(248px,286px) minmax(0,1fr) minmax(330px,370px)!important}
.rightbar{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.78))!important}
.right-inner{padding:18px!important;display:grid;gap:16px}.dashboard-clean{grid-template-columns:minmax(0,1fr)!important}.dashboard-clean .section{margin-bottom:18px}.metric-grid{display:none!important}.compact-report.report-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.compact-report .report-card.third{grid-column:span 1!important;min-height:130px!important;border-radius:22px!important}.compact-report .report-kpi{font-size:34px!important}.funnel-card{position:relative;background:#111;border-radius:28px;padding:18px;overflow:hidden;box-shadow:0 24px 60px rgba(17,17,17,.18);border:1px solid rgba(255,255,255,.12)}.funnel-card:before{content:'';position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(255,209,0,.22);right:-82px;top:-82px;filter:blur(1px)}.funnel-card:after{content:'';position:absolute;width:150px;height:150px;border-radius:50%;background:rgba(255,209,0,.10);left:-90px;bottom:-90px}.funnel-head{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.funnel-head span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#c8ccd2;font-weight:900}.funnel-head b{display:block;color:#fff;font-size:22px;letter-spacing:-.05em;margin-top:4px}.mini-action{background:var(--cmd-yellow,#FFD100);color:#111;border-radius:999px;padding:8px 10px;font-size:11px;font-weight:900;white-space:nowrap}.funnel-list{position:relative;z-index:1;display:grid;gap:10px}.funnel-stage{position:relative;height:72px;border:0;background:transparent;text-align:left;color:#111;padding:0;isolation:isolate}.funnel-shape{position:absolute;inset:0 auto 0 0;width:var(--w);min-width:54%;border-radius:20px;background:linear-gradient(135deg,#fff 0%,#fff8d6 100%);box-shadow:inset 0 0 0 1px rgba(17,17,17,.08),0 10px 24px rgba(0,0,0,.16);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 50%,calc(100% - 22px) 100%,0 100%,14px 50%);transition:width .25s ease,transform .2s ease,filter .2s ease}.funnel-stage:first-child .funnel-shape{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 50%,calc(100% - 22px) 100%,0 100%)}.funnel-stage:hover .funnel-shape{transform:translateX(3px);filter:brightness(1.02)}.funnel-stage.doing .funnel-shape{background:linear-gradient(135deg,#fff 0%,#fff2ad 100%)}.funnel-stage.late .funnel-shape{background:linear-gradient(135deg,#fff 0%,#ffe3df 100%)}.funnel-stage.redo .funnel-shape{background:linear-gradient(135deg,#fff 0%,#f4ecff 100%)}.funnel-stage.done .funnel-shape{background:linear-gradient(135deg,#fff 0%,#dbffe6 100%)}.funnel-content{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-content:center;gap:2px 10px;padding:12px 18px 12px 26px;max-width:94%}.funnel-content strong{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#59606a;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.funnel-content em{grid-row:1/3;grid-column:2;font-style:normal;font-size:34px;line-height:1;font-weight:950;color:#111;letter-spacing:-.08em;align-self:center}.funnel-content small{font-size:11px;color:#858b95;font-weight:800}.rightbar h2{font-size:12px!important;letter-spacing:.12em!important;text-transform:uppercase;color:#7c838d!important;margin:6px 4px 0!important}@media(max-width:1180px){.compact-report.report-grid{grid-template-columns:1fr!important}.compact-report .report-card.third{grid-column:1!important}.command-shell:not(.right-collapsed),.command-shell:not(.left-collapsed):not(.right-collapsed){grid-template-columns:64px minmax(0,1fr)!important}}

/* ===== MKTDOT V22: funil clean ao lado das tarefas ===== */
.production-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:22px;align-items:start;width:100%}
.production-main{min-width:0}.production-funnel{position:sticky;top:18px;min-width:0}.funnel-side-clean{margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important}.funnel-side-clean .section-title{margin-bottom:14px!important}.funnel-side-clean h2{font-size:22px!important;letter-spacing:-.045em!important}.clean-funnel-list{display:grid;gap:12px}.clean-funnel-step{position:relative;overflow:hidden;width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;background:#fff;border:1px solid #E8EAED;border-radius:22px;padding:16px;box-shadow:0 12px 28px rgba(15,23,42,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.clean-funnel-step:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(15,23,42,.10);border-color:#FFE37A}.clean-funnel-step:before{content:'';position:absolute;right:-36px;top:-36px;width:86px;height:86px;border-radius:50%;background:#FFF4B8;opacity:.75}.clean-funnel-step em{position:absolute;left:0;bottom:0;height:4px;background:#111;border-radius:0 999px 999px 0;min-width:18px}.clean-funnel-step.doing em{background:#FFC400}.clean-funnel-step.late em{background:#FF3B30}.clean-funnel-step.redo em{background:#8B5CF6}.clean-funnel-step.done em{background:#34C759}.clean-funnel-index{width:38px;height:38px;border-radius:15px;display:grid;place-items:center;background:#F5F7FA;color:#767D88;font-weight:900;font-size:12px}.clean-funnel-text{display:grid;gap:3px;min-width:0}.clean-funnel-text b{font-size:15px;color:#111;letter-spacing:-.02em}.clean-funnel-text small{font-size:12px;color:#7B818C}.clean-funnel-step strong{position:relative;z-index:1;font-size:30px;line-height:1;font-weight:950;color:#111;letter-spacing:-.07em}.clean-funnel-step.late{background:#fff}.clean-funnel-step.late .clean-funnel-index{background:#FFF0EE;color:#FF3B30}.clean-funnel-step.done .clean-funnel-index{background:#E8FFEF;color:#159A44}.clean-funnel-step.doing .clean-funnel-index,.clean-funnel-step.open .clean-funnel-index{background:#FFF8D6;color:#9D7A00}.rightbar .funnel-card{display:none!important}@media(max-width:1180px){.production-grid{grid-template-columns:1fr}.production-funnel{position:relative;top:auto}.clean-funnel-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.clean-funnel-list{grid-template-columns:1fr}.production-grid{gap:14px}.clean-funnel-step{border-radius:18px;padding:14px}.clean-funnel-step strong{font-size:26px}}

/* ===== MKTDOT V24: Header premium + botão Novo redesenhado ===== */
.top{
  min-height:74px!important;
  padding:16px 22px 12px!important;
  align-items:center!important;
}
.top-left{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
}
.top-left .title-wrap{
  min-width:0!important;
  margin-right:6px!important;
}
.top .breadcrumb{
  font-size:10px!important;
  letter-spacing:.10em!important;
  color:#8A919D!important;
  font-weight:850!important;
  text-transform:uppercase!important;
}
.top h1{
  font-size:clamp(18px,1.15vw,22px)!important;
  line-height:1.08!important;
  letter-spacing:-.045em!important;
  max-width:340px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.header-add{
  height:42px!important;
  min-height:42px!important;
  width:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  padding:0 12px 0 16px!important;
  border-radius:14px!important;
  background:#111!important;
  color:#fff!important;
  border:1px solid rgba(17,17,17,.92)!important;
  box-shadow:0 12px 28px rgba(17,17,17,.16), inset 0 1px 0 rgba(255,255,255,.08)!important;
  font-size:14px!important;
  font-weight:850!important;
  letter-spacing:-.01em!important;
  line-height:1!important;
  white-space:nowrap!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease!important;
}
.header-add:hover{
  transform:translateY(-1px)!important;
  background:#1B1B1B!important;
  color:#FFD100!important;
  border-color:#1B1B1B!important;
  box-shadow:0 16px 36px rgba(17,17,17,.20),0 0 0 4px rgba(255,209,0,.14)!important;
}
.header-add:active{transform:translateY(0)!important;box-shadow:0 8px 18px rgba(17,17,17,.14)!important;}
.header-add::first-letter{color:#FFD100!important;}
.header-add b{
  width:24px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  margin:0 -4px 0 2px!important;
  border-radius:9px!important;
  background:rgba(255,209,0,.12)!important;
  color:#FFD100!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:900!important;
}
.active-users-strip{
  height:38px!important;
  min-height:38px!important;
  padding:3px 9px 3px 10px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.86)!important;
  backdrop-filter:blur(12px)!important;
  border:1px solid #ECEFF3!important;
  box-shadow:0 10px 24px rgba(15,23,42,.055)!important;
}
.active-users-strip:before{
  content:'Ativos';
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.10em;
  font-weight:900;
  color:#8A919D;
  margin-right:10px;
}
.active-users-strip img{
  width:28px!important;
  height:28px!important;
  margin-left:-8px!important;
  border:2px solid #fff!important;
}
.top-actions .btn,
.top-actions .icon-btn{
  height:40px!important;
  min-height:40px!important;
  border-radius:14px!important;
}
.top-actions .search{
  height:40px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.86)!important;
  border:1px solid #ECEFF3!important;
  box-shadow:0 8px 20px rgba(15,23,42,.045)!important;
}
.add-menu{
  width:min(330px,calc(100vw - 28px))!important;
  border-radius:18px!important;
  border:1px solid #E8EAED!important;
  box-shadow:0 24px 70px rgba(17,17,17,.18)!important;
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(18px)!important;
  overflow:hidden!important;
}
.add-menu h4{
  padding:13px 16px 8px!important;
  font-size:10px!important;
  letter-spacing:.14em!important;
  color:#8A919D!important;
  background:#FAFBFC!important;
}
.add-menu button{
  font-size:14px!important;
  font-weight:800!important;
  padding:12px 16px!important;
  gap:12px!important;
  color:#222!important;
}
.add-menu button:hover{background:#FFF8D6!important;color:#111!important;}
.add-menu .ico{
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  background:#F5F7FA!important;
  color:#111!important;
}
@media(max-width:1180px){
  .top{padding:12px!important;min-height:66px!important;}
  .header-add{height:38px!important;min-height:38px!important;padding:0 11px 0 13px!important;font-size:13px!important;}
  .active-users-strip:before{display:none!important;}
}
@media(max-width:760px){
  .top-left{flex-wrap:wrap!important;gap:8px!important;}
  .top h1{max-width:190px!important;font-size:18px!important;}
  .header-add{order:3;flex:0 0 auto!important;width:auto!important;}
  .active-users-strip{display:flex!important;order:4;max-width:150px;overflow:hidden;}
}
/* MKTDOT FIX: usuários ativos visíveis no header */
.top-left .active-users-strip{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  margin-left:2px!important;
  padding:5px 11px 5px 13px!important;
  background:#fff!important;
  border:1px solid #ECEFF3!important;
  border-radius:999px!important;
  box-shadow:0 10px 26px rgba(15,23,42,.06)!important;
  min-height:44px!important;
  max-width:190px!important;
  overflow:hidden!important;
}
.top-left .active-users-strip:before{
  content:'Ativos';
  font-size:11px;
  color:#6b7280;
  font-weight:800;
  margin-right:10px;
  letter-spacing:.02em;
}
.top-left .active-users-strip img{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:999px!important;
  object-fit:cover!important;
  border:2px solid #fff!important;
  margin-left:-9px!important;
  box-shadow:0 4px 10px rgba(17,17,17,.12)!important;
  background:#F4F5F7!important;
}
.top-left .active-users-strip img:first-of-type{margin-left:0!important;}
@media(max-width:1180px){
  .top-left .active-users-strip:before{display:none!important;}
  .top-left .active-users-strip{max-width:128px!important;padding-left:10px!important;padding-right:8px!important;}
}
@media(max-width:860px){.top-left .active-users-strip{display:none!important;}}


/* V2.0 header refinado */
.header-add{border-radius:999px!important;height:44px!important;padding:0 16px!important;display:inline-flex!important;align-items:center!important;gap:9px!important;background:#111!important;color:#FFD100!important;box-shadow:0 12px 30px rgba(17,17,17,.12)!important;white-space:nowrap!important;}
.header-add b{background:rgba(255,255,255,.08);width:24px;height:24px;border-radius:999px;display:inline-grid;place-items:center;color:#FFD100;}
.add-menu{position:fixed!important;z-index:99999!important;border-radius:18px!important;box-shadow:0 28px 80px rgba(17,17,17,.18)!important;border:1px solid rgba(17,17,17,.08)!important;overflow:hidden!important;}
.active-users-strip{display:flex;align-items:center;margin-left:4px;margin-right:8px;min-width:120px;height:42px;}
.active-users-strip img{width:32px;height:32px;border-radius:999px;object-fit:cover;border:2px solid #fff;box-shadow:0 6px 18px rgba(17,17,17,.14);margin-left:-9px;background:#f3f4f6;}
.active-users-strip img:first-child{margin-left:0;}
.active-users-strip.empty:before{content:'Usuários';font-size:12px;color:#6b7280;background:#fff;border:1px solid #ECEFF3;border-radius:999px;padding:7px 10px;}
.top-left{gap:12px!important;min-width:0;}
.top-left h1{font-size:22px!important;line-height:1.15!important;}
@media(max-width:980px){.active-users-strip{display:none}.top-left h1{font-size:18px!important}.header-add{height:40px!important;padding:0 13px!important}}


/* ===== HEADER PREMIUM FINAL - avatares ativos + sem botão agenda ===== */
.top{overflow:visible!important;position:sticky!important;z-index:50!important;}
.top-left{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important;}
.top-left .collapse-btn[title*="direito"],
.top-left button[onclick*="toggleRight"]{display:none!important;}
.header-add{
  height:44px!important;
  min-width:auto!important;
  padding:0 16px!important;
  border-radius:999px!important;
  background:#111!important;
  color:#fff!important;
  border:1px solid rgba(17,17,17,.08)!important;
  box-shadow:0 10px 26px rgba(17,17,17,.12)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  white-space:nowrap!important;
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
}
.header-add b{
  width:24px!important;
  height:24px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:#252525!important;
  color:#FFD100!important;
  font-size:12px!important;
  line-height:1!important;
}
.header-add:hover{background:#FFD100!important;color:#111!important;transform:translateY(-1px)!important;box-shadow:0 14px 34px rgba(255,209,0,.26)!important;}
.header-add:hover b{background:#111!important;color:#FFD100!important;}
.active-users-strip,
.top-left .active-users-strip{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  height:38px!important;
  min-width:134px!important;
  max-width:164px!important;
  padding:0 8px 0 12px!important;
  margin:0 2px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  gap:0!important;
}
.active-users-strip:before,
.top-left .active-users-strip:before{display:none!important;content:none!important;}
.active-users-strip img,
.top-left .active-users-strip img{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  border-radius:999px!important;
  object-fit:cover!important;
  border:2px solid #fff!important;
  box-shadow:0 8px 18px rgba(17,17,17,.16)!important;
  background:#f3f4f6!important;
  margin-left:-9px!important;
  transition:transform .18s ease, box-shadow .18s ease!important;
}
.active-users-strip img:first-child,
.top-left .active-users-strip img:first-child{margin-left:0!important;}
.active-users-strip img:hover,
.top-left .active-users-strip img:hover{transform:translateY(-2px) scale(1.06)!important;z-index:3!important;box-shadow:0 12px 26px rgba(17,17,17,.22)!important;}
.active-users-strip.empty{display:none!important;}
.add-menu{position:fixed!important;z-index:9999!important;border-radius:22px!important;box-shadow:0 24px 70px rgba(17,17,17,.18)!important;border:1px solid #ECEFF3!important;overflow:hidden!important;}
@media(max-width:980px){.active-users-strip,.top-left .active-users-strip{display:none!important}.header-add{height:40px!important;padding:0 14px!important}.header-add b{width:22px!important;height:22px!important}}

/* ===== MKTDOT V2: painel - linha inteira clicável ===== */
.dashboard-card-row{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}
.dashboard-card-row:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(17,24,39,.10);background:#fffdf2;border-color:rgba(255,209,0,.45)}
.dashboard-card-row:focus-visible{outline:3px solid rgba(255,209,0,.55);outline-offset:3px}
.row-open-btn{width:34px;height:34px;border-radius:999px;background:#111;color:#FFD100;font-size:20px;display:grid;place-items:center;transition:transform .18s ease,background .18s ease,color .18s ease}
.row-open-btn:hover{transform:translateX(2px);background:#FFD100;color:#111}

/* ===== MKTDOT NAV MINIMALISTA FINAL ===== */
.app.command-shell,
.app{
  --rail-w:72px;
}
.app.command-shell{grid-template-columns:var(--rail-w) 300px minmax(0,1fr) 340px!important;}
.app.command-shell.left-collapsed{grid-template-columns:var(--rail-w) 0 minmax(0,1fr) 340px!important;}
.app.command-shell.focus-kanban{grid-template-columns:var(--rail-w) 0 minmax(0,1fr) 0!important;}
.rail{
  width:var(--rail-w)!important;
  min-width:var(--rail-w)!important;
  padding:14px 0!important;
  gap:10px!important;
  align-items:center!important;
  background:linear-gradient(180deg,#F7F8FA 0%,#EEEDE4 56%,#E8E8EA 100%)!important;
  border-right:1px solid rgba(17,17,17,.06)!important;
  box-shadow:inset -1px 0 0 rgba(255,255,255,.55), 12px 0 35px rgba(17,17,17,.04)!important;
  overflow:hidden!important;
}
.rail .workspace-name,
.railbtn span,
.rail .pro{display:none!important;}
.logo{
  width:48px!important;
  height:48px!important;
  min-height:48px!important;
  border-radius:22px!important;
  background:#FFD100!important;
  color:#111!important;
  font-size:34px!important;
  font-weight:950!important;
  box-shadow:0 14px 28px rgba(255,209,0,.22)!important;
  margin:0 0 4px!important;
}
.railbtn{
  position:relative!important;
  width:50px!important;
  height:50px!important;
  min-height:50px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  color:#4A4D52!important;
  background:transparent!important;
  transition:transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease!important;
}
.railbtn b{
  display:grid!important;
  place-items:center!important;
  width:24px!important;
  height:24px!important;
  margin:0!important;
  font-size:0!important;
  line-height:1!important;
}
.railbtn svg{
  width:24px!important;
  height:24px!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  fill:none!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.railbtn:hover{
  background:rgba(255,255,255,.72)!important;
  color:#111!important;
  transform:translateY(-1px)!important;
  box-shadow:0 10px 22px rgba(17,17,17,.08)!important;
}
.railbtn.active{
  background:#fff!important;
  color:#0A84FF!important;
  box-shadow:0 12px 26px rgba(17,17,17,.12)!important;
}
.railbtn.active:before{
  content:''!important;
  position:absolute!important;
  left:-11px!important;
  top:50%!important;
  width:6px!important;
  height:28px!important;
  transform:translateY(-50%)!important;
  border-radius:999px!important;
  background:#FFD100!important;
  box-shadow:0 0 18px rgba(255,209,0,.55)!important;
}
.railbtn.active b{
  color:inherit!important;
}
.railbtn[title="Mais"],
.railbtn[aria-label="Mais"]{margin-top:2px!important;}
@media(max-width:760px){
  .app.command-shell,.app.command-shell.left-collapsed,.app.command-shell.focus-kanban,.app{grid-template-columns:1fr!important;}
  .rail{display:none!important;}
}

/* ===== MKTDOT NAV 60% MENOR - LIMPO COMO REFERÊNCIA ===== */
:root{
  --mkt-nav-w:56px;
  --mkt-nav-icon:19px;
  --mkt-yellow:#FFD100;
  --mkt-black:#111111;
  --mkt-nav-bg:#F7F8FA;
}
.app.command-shell,
.app{
  --rail-w:var(--mkt-nav-w)!important;
}
.app.command-shell{
  grid-template-columns:var(--mkt-nav-w) 300px minmax(0,1fr) 340px!important;
}
.app.command-shell.left-collapsed{
  grid-template-columns:var(--mkt-nav-w) 0 minmax(0,1fr) 340px!important;
}
.app.command-shell.focus-kanban{
  grid-template-columns:var(--mkt-nav-w) 0 minmax(0,1fr) 0!important;
}
.rail{
  width:var(--mkt-nav-w)!important;
  min-width:var(--mkt-nav-w)!important;
  padding:10px 7px!important;
  gap:12px!important;
  background:linear-gradient(180deg,#fff 0%,#f6f6f2 54%,#ededed 100%)!important;
  border-right:1px solid rgba(17,17,17,.075)!important;
  box-shadow:10px 0 32px rgba(17,17,17,.055), inset -1px 0 0 rgba(255,255,255,.7)!important;
  border-radius:0!important;
  overflow:visible!important;
}
.logo{
  width:38px!important;
  height:38px!important;
  min-height:38px!important;
  border-radius:17px!important;
  font-size:26px!important;
  line-height:1!important;
  background:var(--mkt-yellow)!important;
  color:var(--mkt-black)!important;
  margin:0 0 6px!important;
  box-shadow:0 12px 26px rgba(255,209,0,.24)!important;
}
.railbtn{
  width:38px!important;
  height:38px!important;
  min-height:38px!important;
  border-radius:999px!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  border:1px solid transparent!important;
  color:#46484D!important;
  box-shadow:none!important;
  transform:none!important;
  position:relative!important;
  overflow:visible!important;
}
.railbtn span,
.rail .pro,
.rail .workspace-name{display:none!important;}
.railbtn b{
  width:19px!important;
  height:19px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  font-size:0!important;
  line-height:0!important;
}
.railbtn svg{
  width:var(--mkt-nav-icon)!important;
  height:var(--mkt-nav-icon)!important;
  stroke:currentColor!important;
  stroke-width:1.85!important;
  fill:none!important;
}
.railbtn:hover{
  background:#fff!important;
  color:var(--mkt-black)!important;
  border-color:rgba(17,17,17,.08)!important;
  box-shadow:0 9px 20px rgba(17,17,17,.09)!important;
  transform:translateY(-1px)!important;
}
.railbtn.active{
  background:#fff!important;
  color:var(--mkt-black)!important;
  border-color:rgba(17,17,17,.06)!important;
  box-shadow:0 11px 24px rgba(17,17,17,.12)!important;
}
.railbtn.active::after{
  content:''!important;
  position:absolute!important;
  inset:auto!important;
  right:-8px!important;
  top:50%!important;
  width:4px!important;
  height:20px!important;
  transform:translateY(-50%)!important;
  border-radius:999px!important;
  background:var(--mkt-yellow)!important;
  box-shadow:0 0 16px rgba(255,209,0,.55)!important;
}
.railbtn.active::before{
  content:''!important;
  position:absolute!important;
  inset:5px!important;
  border-radius:999px!important;
  background:rgba(255,209,0,.18)!important;
  z-index:0!important;
}
.railbtn b{position:relative!important;z-index:1!important;}
.railbtn[title="Mais"],
.railbtn[aria-label="Mais"]{
  margin-top:auto!important;
}
.railbtn[title="Mais"]::before,
.railbtn[aria-label="Mais"]::before{
  display:none!important;
}
.railbtn::marker{display:none!important;}
.railbtn[title]::selection{background:transparent!important;}
.railbtn:focus-visible{
  outline:3px solid rgba(255,209,0,.55)!important;
  outline-offset:3px!important;
}
/* tooltip minimalista */
.railbtn:hover::before{
  content:attr(title)!important;
  position:absolute!important;
  left:48px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  background:#111!important;
  color:#fff!important;
  height:28px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  font-size:12px!important;
  font-weight:750!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
  z-index:99999!important;
  box-shadow:0 14px 32px rgba(17,17,17,.18)!important;
}
.railbtn.active:hover::before{
  left:48px!important;
  inset:auto auto auto 48px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  background:#111!important;
}
@media(max-width:760px){
  .rail{display:none!important;}
  .app.command-shell,.app.command-shell.left-collapsed,.app.command-shell.focus-kanban,.app{grid-template-columns:1fr!important;}
}

/* ===== MKTDOT NAV CAPSULA FINAL - CÍRCULOS COM RESPIRO ===== */
:root{
  --mkt-nav-shell-w:88px;
  --mkt-nav-pill-w:64px;
  --mkt-nav-item:46px;
  --mkt-nav-icon-final:20px;
}
.app.command-shell,
.app{
  --rail-w:var(--mkt-nav-shell-w)!important;
}
.app.command-shell{
  grid-template-columns:var(--mkt-nav-shell-w) 300px minmax(0,1fr) 340px!important;
}
.app.command-shell.left-collapsed{
  grid-template-columns:var(--mkt-nav-shell-w) 0 minmax(0,1fr) 340px!important;
}
.app.command-shell.focus-kanban{
  grid-template-columns:var(--mkt-nav-shell-w) 0 minmax(0,1fr) 0!important;
}
.rail{
  width:var(--mkt-nav-pill-w)!important;
  min-width:var(--mkt-nav-pill-w)!important;
  height:calc(100vh - 32px)!important;
  margin:16px 12px!important;
  padding:12px 9px!important;
  gap:17px!important;
  border-radius:999px!important;
  background:#111111!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 22px 48px rgba(17,17,17,.22), inset 0 1px 0 rgba(255,255,255,.08)!important;
  overflow:visible!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
}
.logo{
  width:var(--mkt-nav-item)!important;
  height:var(--mkt-nav-item)!important;
  min-height:var(--mkt-nav-item)!important;
  border-radius:999px!important;
  margin:0 auto 10px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  background:#FFD100!important;
  color:#111111!important;
  font-size:31px!important;
  font-weight:950!important;
  line-height:1!important;
  box-shadow:0 10px 26px rgba(255,209,0,.28)!important;
}
.railbtn{
  width:var(--mkt-nav-item)!important;
  height:var(--mkt-nav-item)!important;
  min-height:var(--mkt-nav-item)!important;
  max-height:var(--mkt-nav-item)!important;
  margin:0 auto!important;
  padding:0!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  border:1px solid transparent!important;
  color:rgba(255,255,255,.82)!important;
  box-shadow:none!important;
  transform:none!important;
  position:relative!important;
  overflow:visible!important;
}
.railbtn b{
  width:var(--mkt-nav-icon-final)!important;
  height:var(--mkt-nav-icon-final)!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  position:relative!important;
  z-index:2!important;
  line-height:0!important;
  font-size:0!important;
}
.railbtn svg{
  width:var(--mkt-nav-icon-final)!important;
  height:var(--mkt-nav-icon-final)!important;
  stroke:currentColor!important;
  stroke-width:1.85!important;
  fill:none!important;
}
.railbtn span,
.rail .pro,
.rail .workspace-name{
  display:none!important;
}
.railbtn:hover{
  background:rgba(255,255,255,.09)!important;
  color:#ffffff!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
  transform:scale(1.04)!important;
}
.railbtn.active{
  background:#FFD100!important;
  color:#111111!important;
  border-color:#FFD100!important;
  box-shadow:0 14px 34px rgba(255,209,0,.30)!important;
  transform:none!important;
}
.railbtn.active:hover{
  background:#FFD100!important;
  color:#111111!important;
  transform:scale(1.04)!important;
}
.railbtn::before,
.railbtn::after,
.railbtn.active::before,
.railbtn.active::after,
.railbtn:hover::before,
.railbtn.active:hover::before{
  display:none!important;
  content:none!important;
}
.railbtn[title="Mais"],
.railbtn[aria-label="Mais"]{
  margin-top:auto!important;
  margin-bottom:2px!important;
}
.railbtn:focus-visible{
  outline:3px solid rgba(255,209,0,.60)!important;
  outline-offset:4px!important;
}
@media(max-width:760px){
  .rail{display:none!important;}
  .app.command-shell,.app.command-shell.left-collapsed,.app.command-shell.focus-kanban,.app{grid-template-columns:1fr!important;}
}