.jpfcal-card{
  --bg:#ffffff; --fg:#0f172a; --muted:#6b7280; --accent:#2563eb; --ring:#93c5fd;
  background:var(--bg); color:var(--fg); border-radius:16px; padding:18px;
  box-shadow:0 10px 30px rgba(0,0,0,.08); max-width:880px; margin:16px auto; border:1px solid #eef2ff;
}
.jpfcal-header{display:flex; justify-content:space-between; align-items:baseline; gap:8px; margin-bottom:8px;}
.jpfcal-title{font-weight:800; font-size:1.2rem;}
.jpfcal-subtitle{color:var(--muted); font-size:.9rem;}
.jpfcal-grid{display:grid; grid-template-columns:repeat(6,1fr); gap:12px; margin-top:10px;}
.jpfcal-field{display:flex; flex-direction:column; grid-column:span 3;}
.jpfcal-field input{border:1px solid #e5e7eb; border-radius:12px; padding:10px 12px; outline:none;}
.jpfcal-field input:focus{border-color:var(--accent); box-shadow:0 0 0 3px var(--ring);}
.jpfcal-file{grid-column:span 6;}
.jpfcal-drop{margin-top:6px; padding:14px; border:2px dashed #c7d2fe; border-radius:12px; text-align:center; color:#64748b; background:#f8fafc;}
.jpfcal-drop.is-over{background:#eff6ff; border-color:#93c5fd; color:#0f172a;}
.jpfcal-actions{grid-column:span 6; display:flex; justify-content:flex-end; margin-top:2px;}
.jpfcal-btn{background:var(--accent); color:#fff; padding:10px 16px; border:none; border-radius:12px; font-weight:700; cursor:pointer;}
.jpfcal-status{margin:10px 0; padding:10px 12px; border-radius:12px; background:#f8fafc; border:1px solid #e5e7eb;}
.jpfcal-status.jpf-ok{border-color:#d1fae5; background:#ecfdf5;}
.jpfcal-status.jpf-err{border-color:#fee2e2; background:#fef2f2;}
.jpfcal-results{margin-top:8px; display:flex; flex-direction:column; gap:12px;}
.jpfcal-photo img{max-width:100%; border-radius:12px; border:1px solid #e5e7eb; margin-bottom:8px;}
.jpfcal-block{border:1px solid #e5e7eb; border-radius:14px; padding:12px; background:#f9fafb;}
.jpfcal-headline{font-weight:700; margin-bottom:6px;}
.jpfcal-row{display:flex; justify-content:space-between; padding:6px 0; border-bottom:1px dashed #e5e7eb;}
.jpfcal-row:last-child{border-bottom:none;}
.jpfcal-list{margin:0; padding-left:18px;}
.jpfcal-break{display:grid; grid-template-columns:repeat(2, 1fr); gap:8px;}
.jpfcal-break-item{background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:10px;}
.jpfcal-break-name{font-weight:600;}
.jpfcal-note{color:#0f766e; font-size:.9rem; margin-top:2px;}
.jpfcal-warn{margin-top:8px; background:#fff7ed; border:1px solid #fed7aa; padding:8px; border-radius:10px;}
.jpfcal-footer{margin-top:10px; color:#6b7280; font-size:.85rem;}
@media (max-width:720px){
  .jpfcal-grid{grid-template-columns:1fr 1fr;}
  .jpfcal-field{grid-column:span 2;}
  .jpfcal-file, .jpfcal-actions{grid-column:span 2;}
  .jpfcal-break{grid-template-columns:1fr;}
}