/* Instagram scheduler (weekly grid + slide-over panel). Separate from shared hub styles. */
.social-pilot-wrap{max-width:1280px;}

/* ---- toolbar ---- */
.ig-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px;}
.ig-toolbar .spacer{flex:1;}
.ig-range{font-size:14px;text-transform:capitalize;margin-left:4px;}
.ig-legend{font-size:11px;color:#5a564f;font-weight:700;display:flex;align-items:center;gap:4px;flex-wrap:wrap;}
.ig-legend i{display:inline-block;width:11px;height:11px;border-radius:3px;border:1.5px solid var(--ink);}
.ig-legend .lg-heat{background:#b9cff7;border-color:#8aa8dd;}
.ig-legend .lg-live{background:#7a6ff0;}
.ig-legend .lg-pub{background:#e6397e;}
.ig-legend .lg-draft{background:#fff;}

/* ---- rejilla semanal (día = columna, hora = fila) ---- */
.ig-week{display:grid;grid-template-columns:52px repeat(7,minmax(120px,1fr));border:2px solid var(--ink);border-radius:12px;background:#fff;overflow:hidden;min-width:900px;}
.ig-dow{position:sticky;top:0;background:#f4f1ec;border-bottom:2px solid var(--ink);border-left:1px solid #d8d4ce;padding:7px 6px;font-size:11.5px;font-weight:900;letter-spacing:.4px;text-transform:capitalize;z-index:2;}
.ig-dow.today{background:var(--yellow);}
.ig-hour{border-left:none;border-top:1px solid #eceae4;background:#faf8f4;color:#8a847b;font-size:10px;font-weight:800;text-align:right;padding:3px 6px 0 0;}
.ig-cell{position:relative;min-height:30px;border-top:1px solid #eceae4;border-left:1px solid #eceae4;padding:1px 2px;}
.ig-cell.today{box-shadow:inset 2px 0 0 var(--ink), inset -2px 0 0 var(--ink);}
.ig-cell.heat-1{background:#eef4fd;}
.ig-cell.heat-2{background:#dde9fb;}
.ig-cell.heat-3{background:#c9dcf9;}
.ig-cell:hover{outline:1.5px dashed var(--ink);outline-offset:-2px;cursor:pointer;}
.ig-chip{border:1.5px solid var(--ink);border-radius:7px;background:#fff;font-size:10.5px;font-weight:800;line-height:1.25;padding:2px 5px;margin:1px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;}
.ig-chip.live{background:#7a6ff0;color:#fff;}
.ig-chip.pub{background:#e6397e;color:#fff;}
.ig-chip.draft{background:#fff;}
.ig-chip:hover{box-shadow:2px 2px 0 rgba(10,10,10,.25);}
.ig-chip-x{border:0;border-radius:4px;background:rgba(10,10,10,.18);color:inherit;margin-left:4px;padding:0 4px;font:900 11px/1.3 var(--body);cursor:pointer;}
.ig-chip-x:hover{background:#ffe1e1;color:var(--ink);}

/* ---- panel lateral de programación ---- */
.ig-panel{position:fixed;top:0;right:0;height:100%;width:min(560px,100%);background:var(--paper,#f6f3ee);border-left:3px solid var(--ink);box-shadow:-6px 0 24px rgba(10,10,10,.18);transform:translateX(105%);transition:transform .22s ease;z-index:60;overflow-y:auto;padding:18px;}
.ig-panel.open{transform:translateX(0);}
.ig-panel .pilot-grid{grid-template-columns:1fr;}
.ig-panel .panel-x{position:absolute;top:10px;right:12px;}
.ig-platforms{display:inline-flex;gap:4px;margin-right:8px;padding-right:10px;border-right:2px solid #d8d4ce;}
.pilot-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:16px;align-items:start;}
.pilot-card{background:#fff;border:2px solid var(--ink);border-radius:12px;padding:16px;box-shadow:3px 3px 0 rgba(10,10,10,.08);}
.pilot-card h3{font-family:var(--display);font-size:19px;line-height:1.1;margin:0 0 4px;}
.pilot-kicker{font-size:10.5px;font-weight:900;letter-spacing:.8px;color:var(--rose);margin:0 0 12px;text-transform:uppercase;}
.pilot-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;}
.pilot-field{min-width:0;}
.pilot-field.wide{grid-column:1 / -1;}
.pilot-field label{display:block;font-size:10.5px;font-weight:900;letter-spacing:.7px;color:var(--rose);margin-bottom:4px;}
.pilot-field input,.pilot-field select,.pilot-field textarea{box-sizing:border-box;width:100%;border:2px solid var(--ink);border-radius:10px;background:#fff;padding:8px 10px;font:13px var(--body);color:var(--ink);}
.pilot-field textarea{resize:vertical;min-height:84px;}
.pilot-job{margin-top:10px;border:1.5px solid var(--ink);border-radius:10px;background:#eef3ff;padding:9px 11px;font-size:12.5px;line-height:1.4;}
.pilot-job b{text-transform:uppercase;font-size:11px;letter-spacing:.5px;}
/* canales por post: la fila CANALES reutiliza .pilot-types; una línea de estado por canal */
.pilot-job-ch{display:block;margin-top:3px;}
.pilot-source{margin-top:12px;border:1.5px solid var(--ink);border-radius:10px;background:#f4f1ec;padding:10px 11px;}
.pilot-source small{display:block;font-size:10px;font-weight:900;letter-spacing:.7px;color:#716c64;margin-bottom:3px;}
.pilot-source b{display:block;font-size:13px;line-height:1.3;}
.pilot-source span{display:block;font-size:12px;color:#5a564f;margin-top:3px;}
.pilot-source-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;}
/* tipo de post: segmented con el mismo patrón .cbtn.on del selector de plataforma */
.pilot-types{display:flex;gap:4px;flex-wrap:wrap;}
.pilot-types .cbtn{font-family:var(--body);}
.pilot-cancel:hover{background:#ffe1e1;border-color:var(--bad);}
.pilot-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px;}
.pilot-actions .cbtn{font-family:var(--body);}
.pilot-saved{font-size:12px;color:#5f5a53;font-weight:700;}
.pilot-notice{margin-top:12px;border:1.5px solid var(--ink);border-radius:10px;padding:10px 11px;font-size:12.5px;line-height:1.4;background:#f4f1ec;}
.pilot-notice b{display:block;font-size:11px;letter-spacing:.5px;margin-bottom:2px;}
.pilot-notice.warn{background:#fdeccb;border-color:var(--warn);}
.pilot-notice.bad{background:#ffe1e1;border-color:var(--bad);}
.pilot-notice.good{background:#d7f5e2;border-color:var(--ok);}
.pilot-status{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:14px 0 12px;}
.pilot-status button{border:1.5px solid var(--ink);border-radius:8px;background:#fff;color:#5a564f;font:700 11px var(--body);padding:7px 4px;cursor:pointer;text-transform:capitalize;}
.pilot-status button:hover{background:var(--yellow-light);}
.pilot-status button.on{background:var(--ink);color:#fff;box-shadow:2px 2px 0 var(--rose);}
.pilot-timeline{border-top:1px solid #d8d4ce;padding-top:10px;}
.pilot-timeline h4,.pilot-metrics h4{font-size:10.5px;letter-spacing:.7px;color:var(--rose);margin:0 0 8px;text-transform:uppercase;}
.pilot-event{position:relative;border-left:2px solid var(--ink);padding:0 0 12px 12px;margin-left:4px;font-size:12.5px;line-height:1.35;}
.pilot-event:before{content:"";position:absolute;left:-5px;top:2px;width:7px;height:7px;border:1.5px solid var(--ink);border-radius:50%;background:var(--yellow);}
.pilot-event:last-child{padding-bottom:0;}
.pilot-event time{display:block;font-size:11px;color:#777168;margin-bottom:2px;}
.pilot-metrics{margin-top:16px;border-top:1px solid #d8d4ce;padding-top:11px;}
.pilot-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;}
.pilot-metric{border:1.5px solid var(--ink);border-radius:8px;background:#f4f1ec;padding:8px;}
.pilot-metric b{display:block;font-size:17px;line-height:1;color:#777168;margin-bottom:3px;}
.pilot-metric span{font-size:10.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#5a564f;}
.pilot-metrics p{font-size:11.5px;color:#6d685f;margin:8px 0 0;line-height:1.35;}
.pilot-empty{padding:18px;border:2px dashed #aaa39a;border-radius:10px;font-size:13px;color:#6d685f;background:#fff;}

/* ---- explorador de carpeta de Drive (elegir archivo con miniaturas) ---- */
.pilot-drive-row{display:flex;gap:6px;align-items:stretch;}
.pilot-drive-row input{flex:1;min-width:0;}
.pilot-drive-row .cbtn{white-space:nowrap;font-family:var(--body);}
.pilot-folder-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;font-size:10.5px;font-weight:900;letter-spacing:.7px;text-transform:uppercase;color:var(--rose);}
.pilot-folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-top:8px;}
.pilot-folder-card{position:relative;border:1.5px solid var(--ink);border-radius:8px;background:#fff;padding:6px;cursor:pointer;text-align:left;font:700 11px var(--body);color:var(--ink);}
.pilot-folder-card:hover{background:var(--yellow-light);box-shadow:2px 2px 0 rgba(10,10,10,.25);}
.pilot-folder-card img{display:block;width:100%;height:74px;object-fit:cover;border:1px solid #d8d4ce;border-radius:5px;background:#f4f1ec;margin-bottom:5px;}
.pilot-folder-card span{display:block;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pilot-folder-status{margin-top:8px;font-size:12px;font-weight:700;color:#6d685f;}
.pilot-folder-picked{margin-top:6px;font-size:12px;font-weight:800;color:var(--ok);}
/* multi-selección para carrusel: badge con el orden + tarjeta marcada */
.pilot-folder-card.sel{border-color:var(--rose);box-shadow:2px 2px 0 var(--rose);}
.pilot-sel-n{position:absolute;top:4px;right:4px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--ink);border-radius:50%;background:var(--rose);color:#fff;font:900 10.5px var(--body);font-style:normal;z-index:1;}
.pilot-folder-warn{margin-top:8px;border:1.5px solid var(--warn);border-radius:8px;background:#fdeccb;padding:6px 9px;font-size:12px;font-weight:800;}
.pilot-folder-foot{display:flex;gap:8px;align-items:center;margin-top:10px;}
.pilot-folder-foot .send:disabled{opacity:.45;cursor:not-allowed;}
/* fila-resumen del carrusel junto al input de referencia */
.pilot-carousel{display:flex;align-items:center;gap:8px;margin-top:6px;border:1.5px solid var(--ink);border-radius:8px;background:#f4f1ec;padding:6px 9px;font-size:12px;font-weight:700;}
.pilot-carousel span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pilot-carousel-x{border:1.5px solid var(--ink);border-radius:6px;background:#fff;color:var(--ink);cursor:pointer;font:900 13px/1 var(--body);padding:3px 7px;}
.pilot-carousel-x:hover{background:#ffe1e1;}
@media(max-width:760px){
  .pilot-grid{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .pilot-fields{grid-template-columns:1fr;}
  .pilot-field.wide{grid-column:auto;}
  .pilot-status{grid-template-columns:repeat(2,1fr);}
}

/* verdad del servidor: trabajo real en Zernio para este post */
.pilot-srv{display:block;font-size:12px;font-weight:700;margin-bottom:8px;padding:5px 10px;border-radius:8px;border:1px solid var(--ink);}
.pilot-srv.live{background:var(--yellow-light);}
.pilot-srv.ok{background:#d7f5e2;}
.pilot-srv.bad{background:#ffe1e1;}
.pilot-srv a{color:inherit;text-decoration:underline;}
