.pilot-shell{
  max-width:1500px;
  display:grid;
  grid-template-columns:minmax(330px,420px) minmax(0,1fr);
  gap:16px;
  align-items:start;
}
.pilot-shell .hero{grid-column:1/-1;margin-bottom:0}
.pilot-controls{grid-column:1;grid-row:2;display:block;min-width:0;margin:0}
.pilot-bird-field{max-width:none}
.pilot-accordion{display:grid;gap:10px;margin-top:14px}
.pilot-section{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.pilot-section summary{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer;list-style:none;font-weight:850}
.pilot-section summary::-webkit-details-marker{display:none}
.pilot-section summary span{display:flex;flex-direction:column;gap:2px;min-width:0}
.pilot-section summary small{font-size:.75rem;color:var(--muted);font-weight:650}
.pilot-section summary:after{content:'⌄';font-size:1.2rem;color:var(--muted);transition:transform .18s ease}
.pilot-section[open] summary:after{transform:rotate(180deg)}
.pilot-section[open] summary{border-bottom:1px solid var(--line);background:#f8faf9}
.pilot-section-body{padding:12px}
.pilot-custom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:end}
.pilot-custom .field.wide{grid-column:1/-1}
.pilot-custom input[type=color]{width:100%;height:48px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:4px;cursor:pointer}
.pilot-custom input[type=text]{min-width:0}
.pilot-color-value{display:block;margin-top:4px;font-size:.69rem;line-height:1;color:var(--muted);font-weight:800;letter-spacing:.04em;text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}

/* Mantem os controles da personalizacao visual alinhados mesmo quando um titulo quebra em duas linhas. */
.p360-basic-grid .field{display:flex;flex-direction:column;min-width:0}
.p360-basic-grid .field>label{min-height:38px;display:flex;align-items:flex-end;margin-bottom:4px}
.p360-basic-grid .field>input[type=color],.p360-basic-grid .field>.select{margin-top:auto}

.p360-saved-combos{margin:14px 0;padding:12px;border:1px solid #d8e0dc;border-radius:14px;background:#f8faf9;display:grid;gap:9px}
.p360-combo-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.p360-combo-head>div{display:grid;gap:2px;min-width:0}
.p360-combo-head b{font-size:.92rem;color:#17352b}
.p360-combo-head small{font-size:.72rem;line-height:1.35;color:var(--muted)}
#p360ComboUsage{flex:0 0 auto;padding:5px 8px;border-radius:999px;background:#fff;border:1px solid #d8e0dc;font-size:.68rem;font-weight:850;color:#40504a;white-space:nowrap}
.p360-combo-save,.p360-combo-pick{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.p360-combo-save .btn,.p360-combo-pick .btn{white-space:nowrap}
.p360-combo-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.p360-combo-actions .btn{min-height:40px;padding:8px 10px;font-size:.75rem}
.p360-combo-actions .danger{color:#8c2525;border-color:#e4bcbc}
.p360-combo-message{min-height:18px;font-size:.72rem;line-height:1.35;color:var(--muted)}
.p360-combo-message.ok{color:#1c6b4a;font-weight:750}
.p360-combo-message.error{color:#8c2525;font-weight:750}

.pilot-preview-card{
  grid-column:2;
  grid-row:2;
  position:sticky;
  top:82px;
  margin-top:0;
  min-width:0;
  padding:14px;
  align-self:start;
}
.pilot-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;border-radius:14px;background:#edf2ef}
.pilot-tabs button{min-height:46px;border:0;border-radius:10px;background:transparent;color:#68756f;font-weight:850;cursor:pointer}
.pilot-tabs button.active{background:#07131d;color:#fff}
.pilot-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.pilot-actions .btn{flex:1 1 180px}
.pilot-status{font-size:.78rem;color:var(--muted);margin:8px 0}
.pilot-canvas{background:#e9eeec;border:1px solid #d8e0dc;border-radius:14px;padding:12px;overflow:auto;-webkit-overflow-scrolling:touch}
.pilot-canvas svg{display:block;width:100%;height:auto;background:transparent;box-shadow:0 8px 30px rgba(6,30,25,.12)}
.pilot-canvas[data-view="front"] svg,.pilot-canvas[data-view="back"] svg{max-width:960px;aspect-ratio:96/65;margin:0 auto}
.pilot-canvas[data-view="cert"]{aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;overflow:hidden}
.pilot-canvas[data-view="cert"] svg{width:100%;height:100%;max-width:1600px;max-height:100%;margin:0 auto}
.pilot-fold-sheet{display:none;position:relative;width:192mm;height:65mm;align-items:stretch}
.pilot-fold-face{width:96mm;height:65mm;overflow:hidden;flex:0 0 96mm}
.pilot-fold-face svg{display:block;width:96mm!important;height:65mm!important;max-width:none!important;box-shadow:none!important}
.pilot-fold-face.back{transform:none}
.pilot-fold-line{position:absolute;left:96mm;top:0;height:65mm;width:0;border-left:.25mm dashed #777;z-index:4;pointer-events:none}

@media(max-width:1100px) and (min-width:901px){
  .pilot-shell{grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:12px}
  .pilot-custom{grid-template-columns:1fr}
  .pilot-custom .field.wide{grid-column:1}
  .pilot-preview-card{top:74px}
}

@media(max-width:900px){
  .pilot-shell{max-width:100%;display:flex;flex-direction:column;gap:12px}
  .pilot-shell .hero{order:0;width:100%}
  .pilot-preview-card{order:1;position:sticky;top:66px;z-index:9;width:100%;max-height:52vh;overflow:auto;margin:0;background:#fff;box-shadow:0 10px 30px rgba(6,30,25,.12)}
  .pilot-controls{order:2;width:100%;margin:0}
  .pilot-canvas{max-height:34vh}
  .pilot-canvas[data-view="cert"]{height:34vh;aspect-ratio:auto}
}

@media(max-width:760px){
  .pilot-custom{grid-template-columns:1fr 1fr}
  .pilot-custom .field.wide{grid-column:1/-1}
  .pilot-section summary{padding:11px 12px}
  .pilot-tabs button{font-size:.76rem;min-height:40px}
  .pilot-actions{margin:8px 0}
  .pilot-actions .btn{min-height:40px}
  .pilot-status{margin:5px 0}
  .pilot-canvas{padding:6px;border-radius:10px;max-height:31vh}
  .pilot-canvas[data-view="cert"]{height:31vh;aspect-ratio:auto}
  .pilot-preview-card{padding:9px;max-height:50vh}
  .pilot-shell .hero h1{font-size:1.65rem}
}

@media(max-width:600px){
  .p360-basic-grid .field>label{min-height:0;align-items:flex-start}
  .p360-combo-head{display:grid}
  #p360ComboUsage{justify-self:start}
  .p360-combo-save,.p360-combo-pick{grid-template-columns:1fr}
  .p360-combo-save .btn,.p360-combo-pick .btn{width:100%}
}

@media(max-width:480px){
  .pilot-custom{grid-template-columns:1fr}
  .pilot-custom .field.wide{grid-column:1}
  .pilot-custom .btn{width:100%}
  .pilot-preview-card{top:60px;max-height:48vh}
  .pilot-actions .btn{font-size:.78rem}
  .p360-combo-actions{grid-template-columns:1fr}
}

@page{size:A4 landscape;margin:6mm}
@media print{
  html,body{margin:0!important;padding:0!important;width:auto!important;height:auto!important;min-height:0!important;overflow:hidden!important;background:#fff!important}
  body::before,body::after,.topbar,.hero,.pilot-controls,.pilot-tabs,.pilot-actions,.pilot-status,.toast{display:none!important}
  .app-shell,.pilot-shell{display:block!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
  .pilot-preview-card{display:block!important;position:static!important;box-shadow:none!important;border:0!important;padding:0!important;margin:0!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important}
  .pilot-canvas{border:0!important;padding:0!important;background:#fff!important;overflow:hidden!important;max-height:none!important}
  .pilot-canvas svg{box-shadow:none!important}
  .pilot-canvas[data-view="front"] svg,.pilot-canvas[data-view="back"] svg{width:96mm!important;height:65mm!important;max-width:none!important;margin:0 auto!important}
  .pilot-fold-sheet{display:none!important}
  body[data-print="fold"] .pilot-canvas{display:none!important}
  body[data-print="fold"] .pilot-fold-sheet{display:flex!important;flex-direction:row!important;width:192mm!important;height:65mm!important;margin:0 auto!important;page-break-inside:avoid!important;break-inside:avoid!important}
  body[data-print="fold"] .pilot-fold-face{display:block!important;width:96mm!important;height:65mm!important;flex:0 0 96mm!important;page-break-inside:avoid!important;break-inside:avoid!important}
  body[data-print="fold"] .pilot-fold-line{display:block!important}
  body[data-print="cert"] .pilot-fold-sheet{display:none!important}
  body[data-print="cert"] .pilot-preview-card{width:281mm!important;height:188mm!important;margin:0 auto!important;overflow:hidden!important;page-break-after:avoid!important;break-after:avoid-page!important}
  body[data-print="cert"] .pilot-canvas[data-view="cert"]{display:flex!important;align-items:center!important;justify-content:center!important;width:281mm!important;height:188mm!important;max-width:281mm!important;max-height:188mm!important;aspect-ratio:281/188!important;margin:0 auto!important;overflow:hidden!important;page-break-inside:avoid!important;break-inside:avoid-page!important}
  body[data-print="cert"] .pilot-canvas[data-view="cert"] svg{display:block!important;width:281mm!important;height:188mm!important;max-width:281mm!important;max-height:188mm!important;margin:0!important;page-break-inside:avoid!important;break-inside:avoid-page!important}
}
