#planejamentoTimeline .jt-shell{max-width:1600px;margin:auto;padding:8px 6px 36px;color:#253543}.jt-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.jt-top h2{font-size:24px;margin:0}.jt-top p{color:#73808b;margin:5px 0 12px}.jt-actions{display:flex;flex-wrap:wrap;gap:8px}.jt-actions button,.jt-actions label{font-size:12px;padding:9px 12px;cursor:pointer}.jt-notice{background:#f1f5f8;border-left:3px solid #9bafc0;padding:11px 14px;margin:12px 0 16px;font-size:12px}.jt-view{overflow-x:auto;background:#fff;border:1px solid #dce3e8;border-radius:9px;padding:10px;box-shadow:0 2px 12px #0000000a}#jtGraphic{min-width:1450px}#jtGraphic svg{width:100%;height:auto;display:block}.jt-bottom{margin-top:24px;background:#fff;padding:16px;border-radius:9px;border:1px solid #e0e6eb}.jt-bottom h3{margin:0 0 14px}.jt-table-scroll{overflow:auto}.jt-table{width:100%;border-collapse:collapse;font-size:12px}.jt-table th{background:#33424c;color:white;text-align:left;padding:11px}.jt-table td{padding:10px;border-bottom:1px solid #e8eef2}.jt-table button{font-size:11px;padding:5px 8px}.jt-modal[hidden]{display:none}.jt-modal{position:fixed;inset:0;background:#0008;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px}.jt-dialog{background:white;width:min(580px,96vw);padding:26px;border-radius:12px;box-shadow:0 12px 40px #0004}.jt-dialog h3{margin:0 0 18px}.jt-dialog label{display:block;font-size:12px;font-weight:600;margin:12px 0}.jt-dialog input,.jt-dialog select{width:100%;display:block;margin-top:5px;padding:10px;border:1px solid #cad4dc;border-radius:6px}.jt-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.jt-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}@media print{body *{visibility:hidden!important}#planejamentoTimeline,#planejamentoTimeline *{visibility:visible!important}#planejamentoTimeline{position:absolute;left:0;top:0;width:100%}.jt-top,.jt-notice,.jt-bottom h3,.jt-table button,.jt-modal{display:none!important}.jt-bottom{display:block!important;break-before:page;page-break-before:always;padding:0!important;border:0!important}.jt-table th:last-child,.jt-table td:last-child{display:none!important}.jt-table-scroll{overflow:visible!important}.jt-view{border:0!important;box-shadow:none!important}#jtGraphic{min-width:0}@page{size:landscape;margin:10mm}}
@media print{#jtGraphic{width:100%!important}#jtGraphic svg{width:100%!important;max-height:175mm!important}.jt-bottom{width:100%!important}.jt-table{font-size:9px!important}.jt-table th,.jt-table td{padding:4px!important}#planejamentoTimeline{overflow:visible!important}}

@media print{.jt-table th:nth-child(2),.jt-table td:nth-child(2),.jt-table th:nth-child(5),.jt-table td:nth-child(5),.jt-table th:nth-child(6),.jt-table td:nth-child(6),.jt-table th:nth-child(7),.jt-table td:nth-child(7){display:none!important}}

/* V433: responsive timeline. On notebooks the complete drawing scales to the
   available panel width; on small devices it scrolls rather than clipping. */
#planejamentoTimeline,#planejamentoTimeline .jt-shell{min-width:0;max-width:100%;box-sizing:border-box}
#planejamentoTimeline .jt-view{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}
#planejamentoTimeline #jtGraphic{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
#planejamentoTimeline #jtGraphic svg{display:block;width:100%;max-width:100%;height:auto;overflow:visible}
#planejamentoTimeline .jt-actions{min-width:0;max-width:100%;display:flex;flex-wrap:wrap;gap:8px}
#planejamentoTimeline .jt-top>div{min-width:0}
#planejamentoTimeline .jt-table-scroll{max-width:100%;overflow-x:auto}
@media(max-width:1050px){
 #planejamentoTimeline #jtGraphic{min-width:980px;max-width:none}
 #planejamentoTimeline #jtGraphic svg{width:100%;max-width:none}
 #planejamentoTimeline .jt-form-grid{grid-template-columns:1fr}
 #planejamentoTimeline .jt-dialog{max-height:90vh;overflow-y:auto}
}
@media(max-width:650px){
 #planejamentoTimeline .jt-top h2{font-size:19px}
 #planejamentoTimeline .jt-actions button{font-size:11px;padding:8px}
 #planejamentoTimeline .jt-view{padding:6px}
}
@media print{
 #planejamentoTimeline #jtGraphic{min-width:0!important;width:100%!important;max-width:100%!important}
 #planejamentoTimeline #jtGraphic svg{max-width:100%!important}
}


/* V434 - Keep milestone table readable on notebooks.
   Never squeeze nine columns into the viewport: scroll the table itself. */
#planejamentoTimeline .jt-bottom{
 min-width:0;max-width:100%;box-sizing:border-box;
}
#planejamentoTimeline .jt-table-scroll{
 display:block;width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;
 -webkit-overflow-scrolling:touch;box-sizing:border-box;
}
#planejamentoTimeline table.jt-table{
 width:100%;min-width:1220px;table-layout:fixed;
 border-collapse:collapse;
}
#planejamentoTimeline .jt-table th,
#planejamentoTimeline .jt-table td{
 box-sizing:border-box;overflow-wrap:normal;word-break:normal;
 vertical-align:middle;
}
#planejamentoTimeline .jt-table th:nth-child(1),
#planejamentoTimeline .jt-table td:nth-child(1){width:72px;white-space:nowrap}
#planejamentoTimeline .jt-table th:nth-child(2),
#planejamentoTimeline .jt-table td:nth-child(2){width:220px;overflow-wrap:break-word}
#planejamentoTimeline .jt-table th:nth-child(3),
#planejamentoTimeline .jt-table td:nth-child(3){width:250px;overflow-wrap:break-word}
#planejamentoTimeline .jt-table th:nth-child(4),
#planejamentoTimeline .jt-table td:nth-child(4){width:105px;white-space:nowrap}
#planejamentoTimeline .jt-table th:nth-child(5),
#planejamentoTimeline .jt-table td:nth-child(5){width:170px;overflow-wrap:break-word}
#planejamentoTimeline .jt-table th:nth-child(6),
#planejamentoTimeline .jt-table td:nth-child(6){width:130px;overflow-wrap:break-word}
#planejamentoTimeline .jt-table th:nth-child(7),
#planejamentoTimeline .jt-table td:nth-child(7){width:85px;white-space:nowrap}
#planejamentoTimeline .jt-table th:nth-child(8),
#planejamentoTimeline .jt-table td:nth-child(8){width:105px;white-space:nowrap}
#planejamentoTimeline .jt-table th:nth-child(9),
#planejamentoTimeline .jt-table td:nth-child(9){width:110px;white-space:nowrap}
#planejamentoTimeline .jt-table td:nth-child(9) button{
 display:inline-block!important;margin:2px 3px 2px 0;
 white-space:nowrap;
}
@media(max-width:1450px){
 #planejamentoTimeline table.jt-table{width:1220px}
}
@media print{
 #planejamentoTimeline table.jt-table{min-width:0!important;width:100%!important;table-layout:auto!important}
 #planejamentoTimeline .jt-table-scroll{overflow:visible!important}
}


/* V435 — adaptive table without horizontal scroll, preserving important fields */
#planejamentoTimeline .jt-table-scroll{
  width:100%!important;max-width:100%!important;
  overflow-x:hidden!important;overflow-y:visible!important;
}
#planejamentoTimeline table.jt-table{
  width:100%!important;min-width:0!important;
  max-width:100%!important;table-layout:fixed!important;
  font-size:clamp(10px,.78vw,12px)!important;
}
#planejamentoTimeline .jt-table th,
#planejamentoTimeline .jt-table td{
  padding:9px 6px!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  white-space:normal!important;
  hyphens:none!important;
}
#planejamentoTimeline .jt-table th:nth-child(1),
#planejamentoTimeline .jt-table td:nth-child(1){width:5%!important}
#planejamentoTimeline .jt-table th:nth-child(2),
#planejamentoTimeline .jt-table td:nth-child(2){width:20%!important}
#planejamentoTimeline .jt-table th:nth-child(3),
#planejamentoTimeline .jt-table td:nth-child(3){width:22%!important}
#planejamentoTimeline .jt-table th:nth-child(4),
#planejamentoTimeline .jt-table td:nth-child(4){width:9%!important;white-space:nowrap!important}
#planejamentoTimeline .jt-table th:nth-child(5),
#planejamentoTimeline .jt-table td:nth-child(5){width:15%!important}
#planejamentoTimeline .jt-table th:nth-child(6),
#planejamentoTimeline .jt-table td:nth-child(6){width:11%!important}
#planejamentoTimeline .jt-table th:nth-child(7),
#planejamentoTimeline .jt-table td:nth-child(7){width:6%!important}
#planejamentoTimeline .jt-table th:nth-child(8),
#planejamentoTimeline .jt-table td:nth-child(8){width:6%!important}
#planejamentoTimeline .jt-table th:nth-child(9),
#planejamentoTimeline .jt-table td:nth-child(9){width:6%!important}
#planejamentoTimeline .jt-table td:nth-child(9) button{
  display:inline-block!important;font-size:10px!important;
  padding:4px 5px!important;margin:2px 0!important;
}
/* On notebooks, retain core project information. Secondary configuration is in Edit. */
@media screen and (max-width:1550px){
 #planejamentoTimeline .jt-table th:nth-child(5),
 #planejamentoTimeline .jt-table td:nth-child(5),
 #planejamentoTimeline .jt-table th:nth-child(6),
 #planejamentoTimeline .jt-table td:nth-child(6),
 #planejamentoTimeline .jt-table th:nth-child(7),
 #planejamentoTimeline .jt-table td:nth-child(7),
 #planejamentoTimeline .jt-table th:nth-child(8),
 #planejamentoTimeline .jt-table td:nth-child(8){display:none!important}
 #planejamentoTimeline .jt-table th:nth-child(1),
 #planejamentoTimeline .jt-table td:nth-child(1){width:7%!important}
 #planejamentoTimeline .jt-table th:nth-child(2),
 #planejamentoTimeline .jt-table td:nth-child(2){width:30%!important}
 #planejamentoTimeline .jt-table th:nth-child(3),
 #planejamentoTimeline .jt-table td:nth-child(3){width:36%!important}
 #planejamentoTimeline .jt-table th:nth-child(4),
 #planejamentoTimeline .jt-table td:nth-child(4){width:13%!important}
 #planejamentoTimeline .jt-table th:nth-child(9),
 #planejamentoTimeline .jt-table td:nth-child(9){width:14%!important}
}
@media screen and (max-width:780px){
 #planejamentoTimeline .jt-table th:nth-child(2),
 #planejamentoTimeline .jt-table td:nth-child(2){display:none!important}
 #planejamentoTimeline .jt-table th:nth-child(1),
 #planejamentoTimeline .jt-table td:nth-child(1){width:12%!important}
 #planejamentoTimeline .jt-table th:nth-child(3),
 #planejamentoTimeline .jt-table td:nth-child(3){width:50%!important}
 #planejamentoTimeline .jt-table th:nth-child(4),
 #planejamentoTimeline .jt-table td:nth-child(4){width:19%!important}
 #planejamentoTimeline .jt-table th:nth-child(9),
 #planejamentoTimeline .jt-table td:nth-child(9){width:19%!important}
}

#planejamentoTimeline #jtSyncStatus{max-width:100%;box-sizing:border-box}

/* V439: no secondary login; responsive table unchanged */
#jtNewButton[hidden]{display:none!important}

/* V445: month index visible for all 36 months, including empty months */
.jt-month-label{display:block;font-size:10px;color:#708090;font-weight:400;margin-top:3px;white-space:nowrap}
.jt-empty-month td{background:#f7f9fb;color:#748392;font-size:11px}
.jt-empty-month td:first-child{font-weight:650;color:#52667b}

/* V446: empty calendar months are omitted from the milestone table. */