/* Keeps the vessel action comfortably separated from the section title. */
#addVessel { margin-left: 48px; }

/* Equipment vessel filter is a separate working control, not part of the title. */
#equipmentVesselFilter {
  margin-left: 48px !important;
  margin-right: 18px !important;
}

#addEquipment { margin-left: 18px; }

#addMaintenanceSchedule { margin-left: 48px; }

#addSpare { margin-left: 48px; }

#addCompanyCertificate { margin-left: 48px; }

/* Consistent separation between export fields and format buttons. */
.export-actions { gap: 14px; }

/* Keeps the export scope selector clear of the action button when displayed. */
#exportEmployee { margin-left: 18px; }

/* Give every working page the complete area to the right of the navigation.
   The previous flex layout allowed the main column to stop short on wide screens. */
.app-shell { display: block; }
.app-shell > main { margin-left:253px; width:calc(100% - 253px); min-width:0; }
.topbar { margin-left:0; width:100%; }
.content { margin-left:0; width:100%; max-width:none; }
@media (max-width:900px) {
  .app-shell > main { margin-left:0; width:100%; }
}

/* Expanded profile used from Vessels at a Glance. */
.vessel-brief-dialog { width:min(1120px,calc(100vw - 44px)); max-height:calc(100vh - 44px); overflow:auto; padding:26px; }
.vessel-brief-dialog .dialog-heading { margin-bottom:20px; }
.vessel-brief-photo-area,.vessel-brief-section { border:1px solid #dce7e8; border-radius:8px; padding:16px; margin-top:14px; }
.vessel-brief-photo-area { background:#f8fbfb; }
.vessel-brief-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:8px 20px; }
@media (max-width:580px) { .vessel-brief-dialog { width:calc(100vw - 20px); max-height:calc(100vh - 20px); padding:18px; } }

/* The four primary workspaces use one clear, consistent navigation treatment. */
.afloat-heading { margin-top:30px; color:#85bec5; }
.nav-link.main-module { margin-top:7px; min-height:45px; border:1px solid #2f6e7a; background:linear-gradient(100deg,#0d4b5a,#145c68); color:#e4f4f4; font-weight:700; letter-spacing:.1px; box-shadow:0 2px 8px #021f2838; }
.nav-link.main-module span { color:#8fd9d0; font-size:20px; }
.nav-link.main-module:hover,.nav-link.main-module.active { background:linear-gradient(100deg,#167080,#239087); color:#fff; border-color:#91ded2; box-shadow:0 5px 14px #021f2845; }
.nav-link.main-module:hover span,.nav-link.main-module.active span { color:#fff; }
.nav-link.main-module b { color:#9ee0d4; font-size:16px; line-height:1; }
.nav-link.main-module:hover b,.nav-link.main-module.active b { color:#fff; }
.office-dialog textarea { display:block; width:100%; margin-top:6px; border:1px solid #cfdddd; border-radius:5px; padding:10px; font:13px 'DM Sans'; color:#14323c; background:#fff; resize:vertical; }

/* Export controls occupy their own row when the current layout is refreshed. */
.directory-panel > .context-export-slot {
  border-top: 1px solid #edf2f2;
  padding-top: 14px;
}