/* Vista doble para dispositivos plegables, Surface Duo y tabletas en horizontal.
   No modifica las paginas individuales, datos, ni el diseño en retrato. */
#masterColumn{min-width:0}
#territoryPane[hidden]{display:none!important}
.duo-toggle{display:none!important;white-space:nowrap;gap:5px}
@media(min-width:700px){.duo-toggle{display:inline-flex!important}}
.duo-toggle[aria-pressed="true"]{background:#245b48;color:#fff;border-color:#245b48}
#territoryPane{background:#eaf0ec;border-left:1px solid #b4c9bc;min-height:0;min-width:0}
.duo-pane-head{display:flex;align-items:center;gap:6px;padding:9px 10px;background:#fff;border-bottom:1px solid #b4c9bc;min-height:54px}
.duo-pane-title{display:flex;flex-direction:column;flex:1;min-width:0}
.duo-pane-title strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.duo-pane-title small{font-size:11px;color:#557363}
.duo-pane-head button,.duo-pane-head a{font-size:12px;min-height:34px;padding:6px 9px;white-space:nowrap}
#duoPlaceholder{display:grid;place-content:center;text-align:center;padding:24px;flex:1;color:#486752;gap:8px}
#duoPlaceholder strong{font-size:20px;color:#245b48}
#duoPlaceholder p{max-width:300px;margin:0 auto;font-size:14px}
#duoFrame{width:100%;height:100%;flex:1;min-height:0;border:0;background:#fff}
#duoFrame[hidden]{display:none}
#duoAdminBtn:disabled,#duoFullLink[hidden]{display:none!important}
.duo-split .territory-row.duo-active{outline:2px solid #1e7955;outline-offset:-2px;position:relative;z-index:1}
.duo-split .territory-row.duo-active .row-number{color:#176c38}
@media(min-width:700px){
 body.duo-split{display:grid;grid-template-columns:minmax(335px,44%) minmax(0,1fr);gap:0;max-width:none;width:100%;height:100vh;height:100dvh;overflow:hidden;margin:0;padding:0}
 body.duo-split #masterColumn{overflow-y:auto;overscroll-behavior:contain;padding:12px 11px 20px;min-height:0}
 body.duo-split #territoryPane{display:flex;flex-direction:column;overflow:hidden;height:100%;min-height:0}
 body.duo-split h1{font-size:18px}
 body.duo-split .top-line{flex-wrap:wrap}
 body.duo-split .top-line h1{flex-basis:100%}
 body.duo-split .territory-row{grid-template-columns:minmax(0,1fr) 132px;height:auto;min-height:70px}
 body.duo-split .territory-row .row-tools{width:132px}
 body.duo-split .territory-row .row-tools>.icon-button{width:33px;min-width:33px;padding:4px 2px}
 body.duo-split .row-open{
  grid-template-columns:30px minmax(0,1fr) 62px;
  grid-template-rows:auto auto;
  gap:4px 5px;
  min-height:70px;
  height:auto;
  align-content:center;
  padding:6px 5px 6px 7px;
}
/* Put the name across both text columns, instead of squeezing it between
   the address marker and month counter. Allow longer names to use 2+ lines. */
body.duo-split .row-open>.row-number{grid-column:1;grid-row:1 / 3;align-self:start}
body.duo-split .row-open>.row-person{grid-column:2 / 4;grid-row:1;min-width:0}
body.duo-split .row-open>.import-marker{grid-column:2;grid-row:2;justify-self:start;align-self:center}
body.duo-split .row-open>.month-chip{grid-column:3;grid-row:2;align-self:center}

 body.duo-split .row-number{font-size:16px}
 body.duo-split .row-name{
  font-size:13px;line-height:1.22;white-space:normal;overflow:visible;
  text-overflow:clip;overflow-wrap:anywhere;word-break:normal;
}
 body.duo-split .row-meta{
  font-size:10px;line-height:1.25;white-space:normal;overflow:visible;
  text-overflow:clip;overflow-wrap:anywhere;
}
 body.duo-split .month-chip{font-size:10px;white-space:normal}
 body.duo-split #masterColumn footer{font-size:11px}
}
/* En el Duo real, respete el pliegue físico entre las dos pantallas. */
@media(horizontal-viewport-segments:2) and (min-width:700px){
 body.duo-split{
   grid-template-columns:env(viewport-segment-width 0 0) env(viewport-segment-width 1 0);
   column-gap:calc(env(viewport-segment-left 1 0) - env(viewport-segment-right 0 0));
 }
}
@media(max-width:699px){#territoryPane{display:none!important}}
#duoPlaceholder[hidden]{display:none!important}

/* Compact months in landscape only. Full colored badge and labels remain in portrait. */
.month-chip .month-number{display:none}
@media (orientation:landscape) and (min-width:700px){
 .month-chip.has-month-number .month-label{display:none}
 .month-chip.has-month-number .month-number{display:inline}
 .month-chip.has-month-number{min-width:29px;justify-self:center;padding:4px 7px;font-size:12px;white-space:nowrap}
}

/* 2026-10-28: thin master rows, verification checkbox, # / #A beside month.
   Works in both portrait and Duo landscape; the right-hand territory stays untouched. */
.territory-row,
body.duo-split .territory-row{
  grid-template-columns:minmax(0,1fr) 132px;
  height:auto;min-height:57px;
}
.territory-row .row-tools,
body.duo-split .territory-row .row-tools{width:132px;min-width:132px}
.territory-row .row-tools>.icon-button,
body.duo-split .territory-row .row-tools>.icon-button{
  flex:0 0 33px;width:33px;min-width:33px;
  min-height:57px;height:auto;padding:0 1px;
}
.row-open,
body.duo-split .row-open{
  display:grid;
  grid-template-columns:29px minmax(0,1fr) auto;
  grid-template-rows:auto;
  column-gap:6px;
  align-items:center;
  align-content:center;
  height:auto;min-height:57px;
  padding:4px 6px 4px 7px;
}
.row-open>.row-number,
body.duo-split .row-open>.row-number{
  grid-column:1;grid-row:1;align-self:center;
  font-size:16px;
}
.row-open>.row-person,
body.duo-split .row-open>.row-person{
  grid-column:2;grid-row:1;min-width:0;
  display:block;
}
.row-name,
body.duo-split .row-name{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  white-space:normal;overflow:hidden;text-overflow:ellipsis;
  overflow-wrap:anywhere;word-break:normal;
  font-size:13px;line-height:1.13;
}
.row-meta,
body.duo-split .row-meta{
  display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  font-size:10px;line-height:1.2;margin-top:2px;
}
.row-open>.row-indicators,
body.duo-split .row-open>.row-indicators{
  grid-column:3;grid-row:1;display:inline-flex;align-items:center;
  justify-content:flex-end;gap:4px;min-width:0;
}
.row-indicators .import-marker{font-size:12px;min-width:10px;line-height:1.1;font-weight:800}
.row-indicators .month-chip{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:28px;min-height:24px;padding:4px 5px;
  font-size:12px;white-space:nowrap;line-height:1;
}
/* Keep the existing numeric/color logic in every compact orientation. */
.month-chip.has-month-number .month-label{display:none!important}
.month-chip.has-month-number .month-number{display:inline!important}
.row-indicators .month-chip.neutral{min-width:17px;padding:0;font-size:11px}
.verify-check{font-size:22px!important;font-weight:750!important;color:#52705e!important;background:#eef5ef!important}
.verify-check.is-verified{color:#116337!important;background:#ccebd4!important}
.verify-check:disabled{opacity:.42}
.verify-check:focus-visible{outline:2px solid #116337;outline-offset:-2px}
@media(max-width:540px){
 .territory-row,.territory-row.duo-active{grid-template-columns:minmax(0,1fr) 132px}
 .row-open{column-gap:4px;grid-template-columns:27px minmax(0,1fr) auto}
 .row-indicators .import-marker{font-size:11px}
 .row-indicators .month-chip{min-width:24px;min-height:22px;font-size:11px}
 .row-meta{font-size:10px}
}
/* Never cut off longer checked-out names; most rows stay at the 57px minimum. */
.row-name,body.duo-split .row-name{display:block;-webkit-line-clamp:unset;overflow:visible;text-overflow:clip}