*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#edf3f4;color:#17343b}header{background:#075b66;color:white;padding:14px 22px;display:flex;justify-content:space-between;align-items:center}nav{background:#dce8ea;padding:10px;display:flex;gap:5px;overflow:auto}nav a{padding:9px 11px;text-decoration:none;color:#17343b;font-weight:bold;white-space:nowrap;border-radius:7px}nav a:hover{background:#fff}.wrap{max-width:1450px;margin:auto;padding:18px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:15px}.card{background:white;padding:16px;border:1px solid #d4e0e3;border-radius:12px;box-shadow:0 2px 7px #0000000b}.s3{grid-column:span 3}.s4{grid-column:span 4}.s5{grid-column:span 5}.s7{grid-column:span 7}.s8{grid-column:span 8}.s12{grid-column:span 12}label{font-size:13px;font-weight:bold;display:block;margin:8px 0 4px}input,select,textarea{width:100%;padding:9px;border:1px solid #ccdadd;border-radius:7px}textarea{min-height:75px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}button,.btn{background:#0b6d78;color:white;border:0;border-radius:7px;padding:9px 12px;font-weight:bold;cursor:pointer;text-decoration:none;display:inline-block}.secondary{background:white;color:#0b6d78;border:1px solid #bcd0d4}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:9px;border-bottom:1px solid #dce5e7;text-align:left;vertical-align:top}th{background:#f1f5f6}.flash{padding:10px;border-radius:7px;margin-bottom:10px}.ok{background:#dff4e7}.error{background:#ffdede}.kpi{font-size:30px;font-weight:bold}.muted{color:#6a7e84}.engine{padding:10px;border:1px solid #d4e0e3;border-radius:8px;margin:8px 0}.photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.photos img{width:100%;height:150px;object-fit:cover}.badge{padding:4px 8px;border-radius:20px;background:#e3eff1}.due{background:#ffd9d9}.done{opacity:.55}.doc{background:white;padding:30px}.dochead{display:flex;justify-content:space-between;border-bottom:2px solid #0b6d78;margin-bottom:20px}.login{max-width:420px;margin:10vh auto}@media(max-width:900px){.s3,.s4,.s5,.s7,.s8{grid-column:span 12}.row2,.row3{grid-template-columns:1fr}}@media print{header,nav,.noprint{display:none}.wrap{padding:0}.card{box-shadow:none;border:0}}
.btn{display:inline-block;text-decoration:none;padding:9px 12px;border-radius:8px;font-weight:700}
.narrow{max-width:780px;margin:auto}.danger{background:#b53c3c!important;color:#fff!important}
.thumb{width:130px;height:95px;object-fit:cover;border-radius:8px;vertical-align:middle;margin:6px}

.history-item{border:1px solid #d5e0e3;border-radius:12px;padding:16px;margin:14px 0;background:#fff}
.history-delivered{border-left:6px solid #2f8f5b}.history-open{border-left:6px solid #d7aa4c}
.history-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;flex-wrap:wrap}
.history-head h3{margin-bottom:4px}.history-sections{margin-top:14px}
.history-photos{margin-top:12px;padding-top:12px;border-top:1px solid #d5e0e3}
.history-date{font-size:20px}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.photo-grid img{width:100%;height:120px;object-fit:cover;border-radius:8px;border:1px solid #d5e0e3}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}

.inline{display:inline-block;margin:2px}

.agenda-wrap{overflow:auto;background:#fff;border-radius:12px;border:1px solid #d5e0e3}.agenda-table{min-width:1200px;border-collapse:collapse;width:100%}.agenda-table th,.agenda-table td{border:1px solid #dfe7e9;vertical-align:top}.agenda-table th{background:#eef4f5;padding:10px;text-align:center}.agenda-hour{width:70px;white-space:nowrap;font-weight:700;background:#f7f9fa!important;text-align:center}.agenda-cell{height:90px;min-width:145px;padding:6px;cursor:pointer;position:relative;background:#fff}.agenda-cell:hover{background:#f7fbfc}.agenda-add{position:absolute;right:6px;bottom:3px;font-size:20px;color:#789}.agenda-event{background:#dceff4;border-left:4px solid #267a91;border-radius:7px;padding:6px;margin-bottom:5px;font-size:13px}.agenda-event span{display:block;margin:3px 0}.agenda-event a{font-size:12px}.agenda-done{opacity:.6;text-decoration:line-through}.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1000;align-items:center;justify-content:center;padding:20px}.modal-overlay.show{display:flex}.modal-card{background:white;border-radius:12px;padding:22px;width:min(620px,96vw);max-height:90vh;overflow:auto}.invoice-final-card{margin-top:16px}

.global-search{display:flex;gap:8px;align-items:center;margin:10px 0 16px}
.global-search input{flex:1;min-width:280px;margin:0}
.global-search button{white-space:nowrap}
@media (max-width:700px){
  .global-search{flex-direction:column;align-items:stretch}
  .global-search input{min-width:0;width:100%}
}

.client-boats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:16px}
.boat-client-card{border:1px solid #d5e0e3;border-radius:12px;padding:16px;background:#fff}
.boat-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.boat-card-head h3{margin:0 0 4px}
.engine-summary{margin:12px 0;padding:10px;background:#f5f8f9;border-radius:8px}
.engine-summary span{display:block;margin-top:4px}
.boat-kpis{border-top:1px solid #dfe7e9;padding-top:12px;margin-top:12px;text-align:center}

.print-document{background:#fff}
.print-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:2px solid #1d4f5c;padding-bottom:15px;margin-bottom:18px}
.print-header h1{margin:0 0 6px}.print-meta{text-align:right}
.signature-row{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:30px}
.signature-box{height:100px;border:1px solid #adbcc0;margin-top:8px}
@media print{
  body{background:#fff!important;font-size:12px}
  .no-print,nav,.global-search,header{display:none!important}
  main{max-width:none!important;margin:0!important;padding:0!important}
  .card{box-shadow:none!important;border:1px solid #bbb!important;break-inside:avoid}
  .print-document{width:100%}
  .photo-grid img{height:100px}
  a{color:#000!important;text-decoration:none!important}
  .no-print-break{break-inside:avoid}
}

.mechanic-row{display:grid;grid-template-columns:1.4fr .8fr .8fr 1.2fr auto;gap:8px;align-items:center;margin-bottom:8px}
.mechanic-row input,.mechanic-row select{margin:0}
.totals-box{display:flex;gap:24px;flex-wrap:wrap;padding:12px;margin:14px 0;background:#f3f7f8;border-radius:8px}
@media(max-width:900px){
  .mechanic-row{grid-template-columns:1fr 1fr}
}

.form-section{margin:22px 0;padding:18px;border:1px solid #d5e0e3;border-radius:12px;background:#fbfcfc}
.mechanic-table-head,.mechanic-row{display:grid;grid-template-columns:1.3fr .7fr .7fr 1.2fr auto;gap:8px;align-items:center}
.mechanic-table-head{font-weight:700;margin-bottom:8px}
.mechanic-row{margin-bottom:8px}
.mechanic-row input,.mechanic-row select{margin:0}
.totals-box{display:flex;gap:28px;flex-wrap:wrap;margin-top:14px;padding:12px;background:#eef5f6;border-radius:8px}
@media(max-width:900px){
  .mechanic-table-head{display:none}
  .mechanic-row{grid-template-columns:1fr 1fr}
}