.edsl-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start;max-width:1280px;margin:0 auto}
.edsl-main{min-width:0}
.edsl-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:24px;box-shadow:0 12px 35px rgba(15,23,42,.06);margin-bottom:24px}
.edsl-heading-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}
.edsl-heading-row h1,.edsl-heading-row h2,.edsl-heading-row h3{margin:0 0 6px 0;line-height:1.15}
.edsl-subtitle{margin:0;color:#6b7280;font-size:.95rem}
.edsl-form .edsl-grid.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.edsl-field{margin-bottom:16px}
.edsl-field label{display:block;font-weight:600;margin-bottom:8px}
.edsl-field input[type=text],.edsl-field input[type=number],.edsl-field input[type=date],.edsl-field select,.edsl-field textarea,.edsl-field input[type=file]{width:100%;border:1px solid #d1d5db;border-radius:12px;padding:12px 14px;background:#fff;box-sizing:border-box}
.edsl-field textarea{resize:vertical;min-height:120px}
.edsl-help{font-size:.9rem;color:#6b7280;margin:.5rem 0 0}
.edsl-actions{display:flex;justify-content:flex-start;margin-top:10px}
.edsl-button,.edsl-delete-button{appearance:none;border:none;border-radius:12px;padding:12px 18px;font-weight:700;cursor:pointer}
.edsl-button{background:#111827;color:#fff}
.edsl-button:hover{opacity:.92}
.edsl-delete-button{background:#fee2e2;color:#991b1b;padding:10px 14px}
.edsl-delete-button:hover{background:#fecaca}
.edsl-secondary-link,.edsl-text-link{display:inline-flex;align-items:center;text-decoration:none;font-weight:600}
.edsl-secondary-link{padding:10px 14px;border:1px solid #d1d5db;border-radius:12px;color:#111827}
.edsl-text-link{color:#111827}
.edsl-record{padding:20px 0;border-top:1px solid #eef2f7}
.edsl-record:first-child{border-top:none;padding-top:0}
.edsl-record-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px}
.edsl-record-top h3{margin:0 0 8px}
.edsl-meta-line{display:flex;flex-wrap:wrap;gap:12px 18px;color:#4b5563;font-size:.95rem}
.edsl-record-links{display:flex;gap:14px;flex-wrap:wrap}
.edsl-content{color:#111827}
.edsl-notes{margin-top:14px;padding:14px;border-radius:14px;background:#f8fafc;border:1px solid #e5e7eb}
.edsl-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.edsl-gallery-item img,.edsl-edit-thumb img{width:100%;height:auto;display:block;border-radius:14px;border:1px solid #e5e7eb}
.edsl-delete-form{margin-top:16px}
.edsl-sidebar{min-width:0}
.edsl-sticky{position:sticky;top:100px}
.edsl-mileage-nav{display:flex;flex-direction:column;gap:10px}
.edsl-mileage-nav a{text-decoration:none;padding:12px 14px;border:1px solid #e5e7eb;border-radius:14px;color:#111827;background:#fff;transition:transform .12s ease,box-shadow .12s ease}
.edsl-mileage-nav a:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(15,23,42,.08)}
.edsl-mileage-km{display:block;font-weight:700}
.edsl-mileage-title{display:block;margin-top:4px;font-size:.92rem;color:#6b7280}
.edsl-edit-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.edsl-edit-thumb span{display:block;margin-top:8px;font-size:.92rem}
.edsl-notice{margin-bottom:20px;padding:14px 16px;border-radius:14px;background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;font-weight:600}
.edsl-login-required,.edsl-empty{color:#6b7280}
@media (max-width: 980px){.edsl-shell{grid-template-columns:1fr}.edsl-sticky{position:relative;top:auto}.edsl-form .edsl-grid.two-col,.edsl-edit-gallery,.edsl-gallery{grid-template-columns:1fr 1fr}}
@media (max-width: 640px){.edsl-card{padding:18px;border-radius:16px}.edsl-heading-row,.edsl-record-top{flex-direction:column}.edsl-form .edsl-grid.two-col,.edsl-edit-gallery,.edsl-gallery{grid-template-columns:1fr}.edsl-meta-line{flex-direction:column;gap:6px}}

.edsl-live-tasks,.edsl-suggested-tasks{margin:4px 0 18px 0;padding:16px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}
.edsl-live-tasks h3,.edsl-suggested-tasks h3{margin:0 0 6px 0;line-height:1.15;font-size:1.1rem}
.edsl-task-list{margin:12px 0 0 18px;padding:0}
.edsl-task-list li{margin:0 0 8px 0;color:#111827}
.edsl-mileage-row{display:flex;justify-content:space-between;gap:12px;align-items:center}
.edsl-mileage-date{font-size:.86rem;color:#6b7280;white-space:nowrap}


.edsl-bike-row {
    margin-bottom: 18px;
}
.edsl-bike-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    font-size: 13px;
    color: #5f6b7a;
    margin-bottom: 12px;
}


.flatpickr-calendar {
    width: 360px !important;
    max-width: 360px !important;
    min-width: 360px !important;
}
.flatpickr-rContainer,
.flatpickr-days {
    width: 360px !important;
    min-width: 360px !important;
}
.dayContainer {
    width: 322px !important;
    min-width: 322px !important;
    max-width: 322px !important;
}
.flatpickr-day {
    width: 46px !important;
    max-width: 46px !important;
    height: 46px !important;
    line-height: 46px !important;
    flex-basis: 46px !important;
}
.flatpickr-weekday {
    width: 46px !important;
    max-width: 46px !important;
    flex-basis: 46px !important;
}
.flatpickr-current-month {
    padding: 8px 0 0 0 !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
    font-size: 18px !important;
}
@media (max-width: 480px) {
    .flatpickr-calendar,
    .flatpickr-rContainer,
    .flatpickr-days {
        width: 320px !important;
        min-width: 320px !important;
        max-width: 320px !important;
    }
    .dayContainer {
        width: 294px !important;
        min-width: 294px !important;
        max-width: 294px !important;
    }
    .flatpickr-day,
    .flatpickr-weekday {
        width: 42px !important;
        max-width: 42px !important;
        flex-basis: 42px !important;
    }
}


.edsl-vehicle-card {
    margin-bottom: 18px;
}
.edsl-grid.three-col {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.edsl-custom-vehicle-row {
    margin-top: 14px;
    display: none;
}
@media (max-width: 900px) {
    .edsl-grid.three-col {
        grid-template-columns: 1fr;
    }
}


.edsl-vehicle-card { margin-bottom: 18px; }
.edsl-grid.three-col { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.edsl-custom-vehicle-row { margin-top: 14px; display: none; }
@media (max-width: 900px) {
  .edsl-grid.three-col { grid-template-columns: 1fr; }
}

.edsl-history-filter {
    margin: 0 0 18px 0;
}

.edsl-history-filter { margin: 0 0 18px 0; }
.edsl-timeline-sub { display:block; margin-top:4px; font-size:12px; color:#6b7280; }

.edsl-custom-vehicle-row{display:none;}


.edsl-recaptcha-wrap {
    margin: 16px 0 8px;
}
.edsl-recaptcha-error {
    margin-top: 10px;
    color: #991b1b;
    font-size: 14px;
    font-weight: 600;
}
.edsl-recaptcha-wrap .g-recaptcha {
    transform-origin: left top;
}
@media (max-width: 420px) {
    .edsl-recaptcha-wrap .g-recaptcha {
        transform: scale(0.92);
    }
}