.auth-form-container{display:flex;justify-content:center;align-items:center;min-height:400px;padding:2rem}.auth-form-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;padding:2rem;max-width:400px;width:100%;box-shadow:0 2px 8px #0000001a}.auth-form-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:var(--text-color)}.auth-form-description{margin:0 0 1.5rem;font-size:.9rem;color:var(--text-secondary);line-height:1.4}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form-field{display:flex;flex-direction:column;gap:.25rem}.auth-form-field label{font-size:.9rem;font-weight:500;color:var(--text-color)}.auth-form-field input{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;background:var(--input-background);color:var(--text-color)}.auth-form-field input:focus{outline:none;border-color:var(--primary-color)}.auth-form-field input:disabled{opacity:.6;cursor:not-allowed}.auth-form-error{padding:.75rem;background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:4px;color:#dc3545;font-size:.9rem}.auth-form-submit{padding:.75rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.auth-form-submit:hover:not(:disabled){background:var(--primary-hover)}.auth-form-submit:disabled{opacity:.6;cursor:not-allowed}.auth-form-switch{margin-top:1rem;text-align:center;font-size:.9rem;color:var(--text-secondary)}.auth-form-switch-button{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.9rem;padding:0;text-decoration:underline}.auth-form-switch-button:hover:not(:disabled){color:var(--primary-hover)}.auth-form-switch-button:disabled{opacity:.6;cursor:not-allowed}.validated-number-input.invalid{border-color:var(--error-color, #f44336)!important;background-color:#f443361a!important;box-shadow:0 0 0 2px #f4433633!important}.validated-number-input.invalid:focus{border-color:var(--error-color, #f44336)!important;box-shadow:0 0 0 3px #f443364d!important}.simulation-results{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.simulation-results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.simulation-results-header h3{margin:0;color:var(--accent-color);font-size:1.1rem}.simulation-results-share-button{background-color:var(--accent-color);color:var(--text-color);border:none;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;cursor:pointer;transition:all .2s;white-space:nowrap;min-height:44px}.simulation-results-share-button:hover{background-color:var(--primary-color-hover, #00acc1)}.simulation-results-share-button.copied{background-color:var(--success-color, #4caf50)}.simulation-results-share-button.error{background-color:var(--error-color, #f44336)}.simulation-results-content{display:flex;flex-direction:column;gap:1.5rem}.simulation-results-section h4{margin:0 0 .75rem;color:var(--text-color);font-size:1rem;font-weight:500}.simulation-results-list{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;font-size:.95rem}.simulation-results-list dt{color:var(--text-secondary);font-weight:500}.simulation-results-list dd{margin:0;color:var(--text-color)}.simulation-results-list dd.positive{color:#4caf50;font-weight:500}.simulation-results-list dd.negative{color:#ff9800;font-weight:500}.simulation-results-deco-stops{font-family:Courier New,monospace;font-size:.9rem}.simulation-results-notice{padding:1rem;background-color:#00bcd41a;border-left:3px solid var(--accent-color);border-radius:4px}.simulation-results-notice strong{display:block;margin-bottom:.5rem;color:var(--accent-color);font-size:.95rem}.simulation-results-notice p{margin:0;color:var(--text-color);font-size:.9rem;line-height:1.5}.bailout-results-section{background:#ffffff05;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:1rem}.bailout-results-section h4{color:var(--text-color)}.bailout-usage-section{margin-top:1rem}.bailout-usage-section h5{margin:0 0 .5rem;color:var(--text-secondary);font-size:.9rem;font-weight:500}.bailout-usage-table{width:100%;border-collapse:collapse;font-size:.9rem}.bailout-usage-table th,.bailout-usage-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.bailout-usage-table th{color:var(--text-secondary);font-weight:500;font-size:.85rem;white-space:nowrap}.bailout-usage-table td{color:var(--text-color)}.bailout-usage-table tr.low-pressure td{background:#f443361a}.bailout-usage-table td.warning{color:#f44336;font-weight:600}.bailout-warnings{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.bailout-warning{padding:.5rem .75rem;background:#ff98001a;border-left:3px solid #ff9800;border-radius:0 4px 4px 0;font-size:.85rem;color:#ff9800}.bailout-error{padding:1rem;background:#f443361a;border-left:3px solid #f44336;border-radius:0 4px 4px 0}.bailout-error strong{display:block;margin-bottom:.5rem;color:#f44336;font-size:.95rem}.bailout-error p{margin:0;color:var(--text-color);font-size:.9rem}@media(max-width:767px){.simulation-results{margin-top:.75rem;padding-top:.75rem}.simulation-results-header{flex-direction:column;align-items:stretch;gap:.75rem}.simulation-results-header h3{font-size:1rem}.simulation-results-share-button{width:100%}.simulation-results-content{gap:1rem}.simulation-results-section h4{font-size:.95rem}.simulation-results-list{font-size:.9rem;gap:.4rem .75rem}.simulation-results-deco-stops{font-size:.85rem;overflow-x:auto}.simulation-results-notice{padding:.75rem}.simulation-results-notice strong{font-size:.9rem}.simulation-results-notice p{font-size:.85rem}}.simulation-config{background-color:var(--bg-secondary);border-radius:8px;overflow:hidden}.simulation-config-toggle{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;cursor:pointer;transition:background .2s;color:var(--text-color);font-size:.95rem;font-family:inherit}.simulation-config-toggle:hover:not(:disabled){background:#ffffff1a}.simulation-config-toggle .toggle-icon{font-size:.75rem;color:var(--text-secondary)}.simulation-config-toggle .toggle-label{font-weight:500}.simulation-config-toggle-disabled{opacity:.6;cursor:not-allowed}.simulation-unavailable-hint{font-size:.8rem;color:var(--warning-color, #ff9800);font-style:italic;margin-left:auto}.simulation-config.simulation-expanded{border:2px solid var(--border-color)}.simulation-config.simulation-expanded .simulation-config-toggle{border-radius:4px 4px 0 0;border-bottom:none}.simulation-config-content{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-top:1px solid var(--border-color)}.simulation-config-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:900px){.simulation-config-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.simulation-config-grid{grid-template-columns:1fr}}.simulation-config-section{display:flex;flex-direction:column;gap:.5rem;padding-left:.5rem;border-left:2px solid transparent;transition:border-color .2s}.simulation-config-section--modified{border-left-color:#00bcd480}.simulation-config-reset-section{display:flex;flex-direction:column;gap:.5rem;justify-content:flex-start;border-left:none;padding-left:0}.simulation-config-label{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.simulation-config-label--with-tooltip{display:flex;align-items:center;gap:.35rem}.simulation-config-tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;font-size:.85rem;line-height:1;color:var(--text-secondary);cursor:help}.simulation-config-tooltip-icon:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.simulation-config-input-group{display:flex;flex-direction:column;gap:.25rem}.simulation-config-input{padding:.5rem;background-color:var(--input-background);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:.95rem;width:150px}.simulation-config-input-small{padding:.5rem;background-color:var(--input-background);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:.95rem;width:80px}.simulation-config-hint{font-size:.8rem;color:var(--text-secondary);font-style:italic}.simulation-config-row{display:flex;gap:1rem;align-items:flex-end}.simulation-config-field{display:flex;flex-direction:column;gap:.25rem}.simulation-config-field label{font-size:.85rem;color:var(--text-secondary)}.simulation-config-reset-button{padding:.5rem 1rem;background-color:var(--input-background);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:.9rem;cursor:default;transition:all .2s;min-height:44px}.simulation-config-reset-button:disabled{opacity:.6;cursor:not-allowed}.simulation-config-reset-button--has-changes{color:var(--text-color);cursor:pointer;border-color:#00bcd466}.simulation-config-reset-button--has-changes:hover{background-color:#00bcd41a;border-color:var(--accent-color)}.simulation-config-reset-button--has-changes:active{transform:scale(.98)}.simulation-config-reset-hint{font-size:.75rem;color:var(--text-secondary);font-style:italic}.simulation-config-calculated-button{margin-top:.5rem;padding:.4rem .8rem;background-color:#00bcd41a;border:1px solid var(--accent-color);border-radius:4px;color:var(--accent-color);font-size:.85rem;cursor:pointer;transition:all .2s;min-height:44px}.simulation-config-calculated-button:hover{background-color:#00bcd433}.simulation-config-calculated-button:active{transform:scale(.98)}.simulation-config-gf-warning{display:flex;align-items:center;gap:.4rem;margin-top:.25rem;font-size:.8rem;color:var(--warning-color, #ff9800)}.simulation-config-gf-warning-icon{flex-shrink:0}.simulation-config-gf-warning-text{font-style:italic}@media(max-width:767px){.simulation-config-content{padding:.75rem}.simulation-config-row{flex-direction:column;align-items:stretch;gap:.75rem}.simulation-config-input,.simulation-config-input-small,.simulation-config-field,.simulation-config-reset-section .simulation-config-reset-button{width:100%}.simulation-config-toggle{font-size:.9rem;padding:.6rem .75rem}.simulation-config-label{font-size:.85rem}.simulation-unavailable-hint{font-size:.7rem}}.bailout-simulation-section{background:#ffffff05;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:1rem;margin-top:.5rem}.bailout-simulation-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.bailout-simulation-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none}.bailout-simulation-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-color);cursor:pointer}.bailout-simulation-toggle-label{font-weight:600;color:var(--text-color);font-size:.95rem}.bailout-simulation-content{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.15)}.bailout-config-row{display:flex;flex-direction:column;gap:.5rem}.bailout-show-graph-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none;font-size:.9rem;color:var(--text-secondary)}.bailout-show-graph-toggle input[type=checkbox]{width:16px;height:16px;accent-color:#ff5722;cursor:pointer}.bailout-cylinders-section{background:#0000001a;border-radius:4px;padding:.75rem}.bailout-cylinders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.bailout-cylinders-title{font-weight:500;color:var(--text-secondary);font-size:.9rem}.bailout-cylinders-actions{display:flex;gap:.5rem;flex-wrap:wrap}.bailout-cylinder-action-btn{padding:.35rem .6rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:var(--text-color);font-size:.8rem;cursor:pointer;transition:all .2s}.bailout-cylinder-action-btn:hover{background:#ffffff1a;border-color:#ffffff40}.bailout-cylinder-action-btn--danger{color:#f44336;border-color:#f443364d}.bailout-cylinder-action-btn--danger:hover{background:#f443361a;border-color:#f44336}.bailout-cylinders-empty{color:var(--text-secondary);font-size:.85rem;font-style:italic;padding:.5rem 0}.bailout-cylinders-list{display:flex;flex-direction:column;gap:.5rem}.bailout-cylinder-item{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:4px;overflow:hidden}.bailout-cylinder-summary{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;cursor:pointer;transition:background .15s}.bailout-cylinder-summary:hover{background:#ffffff0d}.bailout-cylinder-gas{font-weight:600;color:#ff5722;min-width:60px}.bailout-cylinder-info{flex:1;color:var(--text-secondary);font-size:.85rem}.bailout-cylinder-remove{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem .5rem;font-size:.9rem;opacity:.6;transition:opacity .15s,color .15s}.bailout-cylinder-remove:hover{color:#f44336;opacity:1}.bailout-cylinder-details{padding:.75rem;background:#00000026;border-top:1px solid rgba(255,255,255,.05);display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.bailout-cylinder-row{display:flex;flex-direction:column;gap:.25rem}.bailout-cylinder-row label{font-size:.8rem;color:var(--text-secondary)}@media(max-width:600px){.bailout-cylinders-header{flex-direction:column;align-items:flex-start}.bailout-cylinder-summary{flex-wrap:wrap}.bailout-cylinder-details{grid-template-columns:1fr 1fr}}@media print{.simulation-config-toggle{display:none!important}.simulation-config:not(.simulation-expanded){display:none!important}.bailout-simulation-section{background:transparent;border-color:#ccc}}.sync-logs-content{min-height:200px;max-height:600px;overflow-y:auto}.sync-logs-loading,.sync-logs-empty{text-align:center;padding:2rem;color:var(--text-secondary)}.sync-logs-error{padding:1rem;background-color:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:4px;color:#dc3545;margin-bottom:1rem}.sync-logs-list{display:flex;flex-direction:column;gap:1rem}.sync-log-item{padding:1rem;background-color:var(--background-elevated);border:1px solid var(--border-color);border-radius:4px}.sync-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.sync-log-main{display:flex;align-items:center;gap:.75rem}.sync-log-status{padding:.25rem .5rem;border-radius:4px;font-size:.85rem;font-weight:600;text-transform:uppercase}.sync-log-status.status-success{background-color:#28a74533;color:#28a745}.sync-log-status.status-failed{background-color:#dc354533;color:#dc3545}.sync-log-status.status-running{background-color:#ffc10733;color:#ffc107}.sync-log-status.status-pending{background-color:#6c757d33;color:#6c757d}.sync-log-operation{font-weight:500;font-size:.95rem}.sync-log-time{font-size:.85rem;color:var(--text-secondary)}.sync-log-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.sync-log-detail{display:flex;gap:.5rem;font-size:.9rem}.sync-log-label{font-weight:500;color:var(--text-secondary);min-width:90px}.sync-log-value{color:var(--text-primary)}.sync-log-job-id{font-family:monospace;font-size:.85rem}.sync-log-error-message{padding:.75rem;background-color:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:4px;color:#dc3545;font-size:.9rem;margin-top:.75rem}.sync-log-output-section{margin-top:.75rem}.sync-log-toggle{background:none;border:none;color:var(--primary-color);cursor:pointer;padding:.5rem;font-size:.9rem;display:flex;align-items:center;gap:.5rem;transition:opacity .2s}.sync-log-toggle:hover{opacity:.8}.sync-log-output{margin-top:.5rem;padding:1rem;background-color:var(--background);border:1px solid var(--border-color);border-radius:4px;font-family:monospace;font-size:.85rem;white-space:pre-wrap;word-break:break-word;overflow-x:auto;max-height:300px;overflow-y:auto}.dive-history-content{min-height:200px;max-height:600px;overflow-y:auto}.dive-history-loading,.dive-history-empty{text-align:center;padding:2rem;color:var(--text-secondary)}.dive-history-error{padding:1rem;background-color:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:4px;color:#dc3545;margin-bottom:1rem}.dive-history-list{display:flex;flex-direction:column;gap:1rem}.dive-history-item{padding:1rem;background-color:var(--background-elevated);border:1px solid var(--border-color);border-radius:4px}.dive-history-timestamp{display:flex;flex-direction:column;gap:.25rem}.dive-history-iso-time{font-family:monospace;font-size:.95rem;color:var(--text-primary)}.dive-history-relative-time{font-size:.85rem;color:var(--text-secondary)}.edit-dive-site-form{display:flex;flex-direction:column;gap:1.5rem;min-width:500px}.edit-dive-site-error{padding:.75rem;background-color:#dc35451a;border:1px solid #dc3545;border-radius:4px;color:#dc3545;font-size:.9rem}.edit-dive-site-field{display:flex;flex-direction:column;gap:.5rem}.edit-dive-site-field label{font-weight:500;font-size:.9rem;color:var(--text-primary)}.edit-dive-site-field .required{color:#dc3545}.edit-dive-site-field input,.edit-dive-site-field textarea{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-secondary);color:var(--text-primary);font-family:inherit;font-size:.9rem}.edit-dive-site-field input:focus,.edit-dive-site-field textarea:focus{outline:none;border-color:var(--primary-color)}.edit-dive-site-field input:disabled,.edit-dive-site-field textarea:disabled{opacity:.6;cursor:not-allowed}.edit-dive-site-field textarea{resize:vertical;min-height:80px}.edit-dive-site-readonly{padding:.5rem;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:.9rem}.edit-dive-site-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.edit-dive-site-cancel,.edit-dive-site-save{padding:.5rem 1.5rem;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s}.edit-dive-site-cancel{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.edit-dive-site-cancel:hover:not(:disabled){background-color:var(--bg-tertiary)}.edit-dive-site-save{background-color:var(--primary-color);color:#fff}.edit-dive-site-save:hover:not(:disabled){background-color:var(--primary-color-hover)}.edit-dive-site-cancel:disabled,.edit-dive-site-save:disabled{opacity:.6;cursor:not-allowed}@media(max-width:600px){.edit-dive-site-form{min-width:unset;width:100%}}.pending-changes-modal{min-width:600px;max-width:800px}.pending-changes-error{padding:.75rem;background-color:#dc35451a;border:1px solid #dc3545;border-radius:4px;color:#dc3545;font-size:.9rem;margin-bottom:1rem}.pending-changes-loading,.pending-changes-empty{padding:2rem;text-align:center;color:var(--text-secondary)}.pending-changes-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.pending-changes-count{font-size:.95rem;color:var(--text-secondary);margin:0}.pending-changes-list{max-height:400px;overflow-y:auto;margin-bottom:1.5rem}.pending-change-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;margin-bottom:.5rem;background-color:var(--bg-secondary)}.pending-change-item:last-child{margin-bottom:0}.pending-change-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.pending-change-type{font-weight:500;font-size:.9rem;color:var(--text-primary)}.pending-change-path{font-size:.85rem;color:var(--text-secondary);font-family:monospace}.pending-change-time{font-size:.8rem;color:var(--text-tertiary)}.pending-change-actions{margin-left:1rem}.pending-change-discard{padding:.4rem .8rem;background-color:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s}.pending-change-discard:hover:not(:disabled){background-color:#dc35451a;border-color:#dc3545;color:#dc3545}.pending-change-discard:disabled{opacity:.5;cursor:not-allowed}.pending-changes-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border-color)}.pending-changes-close,.pending-changes-sync{padding:.5rem 1.5rem;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s}.pending-changes-close{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.pending-changes-close:hover:not(:disabled){background-color:var(--bg-tertiary)}.pending-changes-sync{background-color:var(--primary-color);color:#fff}.pending-changes-sync:hover:not(:disabled){background-color:var(--primary-color-hover)}.pending-changes-close:disabled,.pending-changes-sync:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.pending-changes-modal{min-width:unset;width:100%}.pending-change-item{flex-direction:column;align-items:flex-start;gap:.75rem}.pending-change-actions{margin-left:0;width:100%}.pending-change-discard{width:100%}}.dive-log-viewer{display:flex;height:100%;gap:1rem;padding:1rem;background-color:var(--background-color);position:relative}.dive-log-viewer-loading,.dive-log-viewer-error,.dive-log-viewer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;width:100%}.dive-log-viewer-error{color:var(--error-color, #f44336)}.dive-log-viewer-hamburger{display:none;position:fixed;top:1rem;left:1rem;z-index:1001;width:44px;height:44px;background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:1.5rem;cursor:pointer;transition:all .2s;padding:0;line-height:1}.dive-log-viewer-hamburger:hover{background-color:#00bcd41a;border-color:var(--accent-color)}.dive-log-viewer-backdrop{display:none;position:fixed;inset:0;background-color:#00000080;z-index:999}.dive-log-viewer-sidebar{width:350px;display:flex;flex-direction:column;gap:1rem;overflow:hidden;transition:transform .3s ease-in-out}@media(min-width:1024px){.dive-log-viewer-sidebar{min-height:0;max-height:calc(100vh - 200px)}.dive-selector{min-height:0}}.dive-log-viewer-main{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.dive-log-viewer-no-selection{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}@media(max-width:1023px)and (min-width:768px){.dive-log-viewer-hamburger,.dive-log-viewer-backdrop{display:block}.dive-log-viewer-sidebar{position:fixed;top:0;left:0;bottom:0;width:350px;z-index:1000;background-color:var(--background-color);padding:1rem;box-shadow:2px 0 8px #0000004d}.dive-log-viewer-sidebar.closed{transform:translate(-100%)}.dive-log-viewer-sidebar.closed~.dive-log-viewer-backdrop{display:none}.dive-log-viewer-main{margin-left:0;width:100%}}@media(max-width:767px){.dive-log-viewer{padding:4rem .5rem .5rem}.dive-log-viewer-hamburger,.dive-log-viewer-backdrop{display:block}.dive-log-viewer-sidebar{position:fixed;top:0;left:0;bottom:0;width:100%;max-width:350px;z-index:1000;background-color:var(--background-color);padding:1rem;box-shadow:2px 0 8px #0000004d}.dive-log-viewer-sidebar.closed{transform:translate(-100%)}.dive-log-viewer-sidebar.closed~.dive-log-viewer-backdrop{display:none}.dive-log-viewer-main{margin-left:0;width:100%}}.file-upload{background-color:var(--bg-secondary);border-radius:8px;padding:1rem}.file-upload-dropzone{border:2px dashed var(--border-color);border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s}.file-upload-dropzone:hover,.file-upload-dropzone.dragging{border-color:var(--accent-color);background-color:#00bcd40d}.file-upload-icon{font-size:3rem;margin-bottom:1rem}.file-upload-text{color:var(--text-color)}.file-upload-subtext{color:var(--text-secondary);font-size:.9rem;margin-top:.5rem}.file-upload-formats{color:var(--text-secondary);font-size:.8rem;margin-top:.5rem}.file-upload-loaded{display:flex;align-items:center;justify-content:space-between;gap:1rem}.file-upload-info{display:flex;align-items:center;gap:.5rem;flex:1}.file-upload-details{display:flex;flex-direction:column;gap:.2rem}.file-upload-name{font-size:.9rem;color:var(--text-color)}.file-upload-date{font-size:.75rem;color:var(--text-secondary)}.file-upload-clear-button{padding:.5rem 1rem;background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;font-size:.9rem}.file-upload-clear-button:hover{background-color:var(--bg-secondary)}.file-upload-error{margin-top:1rem;padding:.75rem;background-color:#f443361a;border-left:3px solid var(--error-color, #f44336);border-radius:4px;color:var(--error-color, #f44336);font-size:.9rem}.file-upload-warnings{margin-top:1rem;padding:.75rem;background-color:#ff98001a;border-left:3px solid #ff9800;border-radius:4px;color:#ff9800;font-size:.9rem}.file-upload-warnings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.warnings-dismiss{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2rem;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s}.warnings-dismiss:hover{opacity:1}.file-upload-warnings-list{margin:.5rem 0}.file-upload-warning-item{margin-bottom:.5rem;padding:.5rem;background-color:#0003;border-radius:4px}.file-upload-warning-item:last-child{margin-bottom:0}.warning-message{font-weight:500;margin-bottom:.25rem}.warning-details{font-size:.85rem;opacity:.9;line-height:1.4}.file-upload-warnings-footer{margin-top:.5rem;font-size:.85rem;opacity:.9;font-style:italic}.dive-selector{flex:1;display:flex;flex-direction:column;background-color:var(--bg-secondary);border-radius:8px;overflow:hidden}.dive-selector-header{padding:1rem;border-bottom:1px solid var(--border-color)}.dive-selector-filter{width:100%;padding:.5rem;background-color:var(--input-background);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:.9rem}.dive-selector-ccr-filter{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.85rem;color:var(--text-color);cursor:pointer}.dive-selector-ccr-filter input[type=checkbox]{cursor:pointer}.dive-selector-count{margin-top:.5rem;font-size:.85rem;color:var(--text-secondary)}.dive-selector-list{flex:1;overflow-y:auto;padding:.5rem}.dive-selector-empty{padding:2rem;text-align:center;color:var(--text-secondary)}.dive-selector-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;margin-bottom:.5rem;background-color:var(--input-background);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;text-align:left;width:100%;transition:all .2s}.dive-selector-item:hover{background-color:#00bcd41a;border-color:var(--accent-color)}.dive-selector-item.selected{background-color:#00bcd433;border-color:var(--accent-color)}.dive-selector-item-header{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.dive-selector-item-number{font-weight:700;color:var(--accent-color)}.dive-selector-item-date{color:var(--text-secondary);font-size:.8rem}.dive-selector-item-details{display:flex;gap:1rem;font-size:.9rem;color:var(--text-color)}.dive-selector-item-location{font-size:.85rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dive-selector-item-tags{display:flex;flex-wrap:wrap;gap:.25rem}.dive-selector-item-tag{padding:.15rem .4rem;background-color:var(--bg-tertiary);border-radius:3px;font-size:.75rem;color:var(--text-primary)}.dive-details{background-color:var(--bg-secondary);border-radius:8px;padding:1.5rem}.dive-details-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.dive-details-header .dive-share-button{flex-shrink:0}.dive-details-title{margin:0;color:var(--text-color);font-size:1.5rem}.dive-details-content{display:flex;flex-direction:column;gap:1.5rem}.dive-details-section h3{margin:0 0 .75rem;color:var(--text-primary);font-size:1.1rem}.dive-details-list{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;font-size:.95rem}.dive-details-list dt{color:var(--text-secondary);font-weight:500}.dive-details-list dd{margin:0;color:var(--text-color)}@media(max-width:767px){.dive-details{padding:1rem}.dive-details-header{flex-direction:column;align-items:flex-start;gap:.75rem}.dive-details-header .dive-share-button{width:100%}.dive-details-title{font-size:1.25rem}.dive-details-section h3{font-size:1rem}.dive-details-list{font-size:.9rem;gap:.4rem .75rem}}.dive-details-tags{display:flex;flex-wrap:wrap;gap:.5rem}.dive-details-tag{padding:.4rem .8rem;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;font-size:.9rem;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-family:inherit}.dive-details-tag:hover{background-color:var(--bg-secondary);border-color:var(--text-secondary);transform:translateY(-1px)}.dive-details-tag:active{transform:translateY(0)}button.dive-details-link{background:transparent;border:none;border-color:transparent;padding:0;margin:0;font-family:inherit;font-size:inherit;font-weight:400;color:var(--accent-color);cursor:pointer;text-decoration:underline;outline:none;border-radius:0}button.dive-details-link:hover,button.dive-details-link:focus{background:transparent;border-color:transparent;color:var(--accent-hover)}button.dive-details-link:active{background:transparent;border-color:transparent}.dive-details-cylinders{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.dive-details-cylinder{padding:1rem;background-color:var(--input-background);border-radius:4px;border:1px solid var(--border-color)}@media(max-width:767px){.dive-details-cylinders{grid-template-columns:1fr}.dive-details-cylinder{padding:.75rem}}.dive-details-cylinder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.dive-details-cylinder-desc{font-size:.85rem;color:var(--text-secondary);font-weight:400}.dive-details-cylinder-mode{padding:.2rem .5rem;background-color:#00bcd433;border-radius:3px;font-size:.75rem;font-weight:400;color:var(--accent-color)}.dive-details-cylinder-mode.bailout{background-color:#ff980033;color:#ff9800}.dive-details-usage-segments{display:flex;flex-direction:column;gap:.25rem}.dive-details-usage-segment{font-size:.85rem;color:var(--text-secondary);font-family:Courier New,monospace}.dive-details-notes{color:var(--text-color);line-height:1.6;white-space:pre-wrap}.logged-dive-graph{background-color:var(--bg-secondary);border-radius:8px;padding:1rem}.logged-dive-graph-controls{display:flex;gap:1rem;margin-bottom:1rem}.logged-dive-graph-checkbox{display:flex;align-items:center;gap:.5rem;color:var(--text-color);font-size:.9rem;cursor:pointer}.logged-dive-graph-checkbox input[type=checkbox]{cursor:pointer}@media(max-width:767px){.logged-dive-graph{padding:.75rem}.logged-dive-graph-controls{flex-direction:column;gap:.5rem}.logged-dive-graph-checkbox{font-size:.85rem}}.logged-dive-graph-legend{margin-top:1rem;padding:1rem;background-color:var(--input-background);border-radius:4px;border:1px solid var(--border-color)}.logged-dive-graph-legend-title{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:500}.logged-dive-graph-legend-items{display:flex;flex-wrap:wrap;gap:1rem}.logged-dive-graph-legend-item{display:flex;align-items:center;gap:.5rem}.logged-dive-graph-legend-color{display:inline-block;width:20px;height:12px;border-radius:2px}.logged-dive-graph-legend-label{font-size:.9rem;color:var(--text-color);font-family:Courier New,monospace}.dive-share-button{background-color:var(--accent-color);color:var(--text-color);border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;min-height:44px}.dive-share-button:hover{background-color:var(--primary-color-hover, #00acc1);transform:translateY(-1px)}.dive-share-button.copied{background-color:var(--success-color, #4caf50)}.dive-share-button.error{background-color:var(--error-color, #f44336)}.dive-open-planner-button{background-color:var(--secondary-color, #00796b);color:var(--text-color);border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;min-height:44px}.dive-open-planner-button:hover{background-color:var(--secondary-color-hover, #00897b);transform:translateY(-1px)}.dive-details-header-actions{display:flex;gap:.75rem;align-items:center}@media(max-width:768px){.dive-details-header-actions{flex-direction:column;width:100%}.dive-open-planner-button{width:100%}}@media print{.dive-share-button,.dive-open-planner-button,.dive-log-viewer-tabs,.dive-log-viewer-hamburger,.dive-log-viewer-backdrop{display:none!important}.logged-dive-graph-controls,.logged-dive-graph .logged-dive-graph-controls,div.logged-dive-graph-controls{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important;margin:0!important;padding:0!important}.logged-dive-graph-checkbox,.ruler-stats-panel,.ruler-instructions{display:none!important}.statistics-header h2{font-size:1.1em;margin:5px 0;color:#000;border-bottom:1px solid #ccc;padding-bottom:3px}.statistics-summary{font-size:.85em;color:#666;margin:5px 0}.stat-card{background-color:#fff!important;border:1px solid #ccc!important;padding:.75rem;page-break-inside:avoid}.stat-label{color:#666!important}.stat-value{color:#000!important}.chart-container{background-color:#fff!important;border:none!important;page-break-inside:avoid;margin:10px 0!important;padding:.5rem!important}.chart-controls{display:none!important}.dive-statistics-charts{gap:.5rem!important;margin:0!important;padding:0!important}.chart-container canvas{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}.statistics-view{background-color:#fff!important;padding:0!important;margin:0!important;overflow:visible!important}.dive-statistics{margin:0!important;padding:0!important;gap:.75rem!important;overflow:visible!important}.statistics-header{margin-bottom:15px!important}.statistics-header h2{color:#000!important;margin:0 0 10px!important}.statistics-description{color:#333!important;font-size:.9em!important;margin:5px 0!important}.statistics-summary{color:#666!important;font-size:.85em!important;margin:5px 0!important}.statistics-section{page-break-inside:avoid;margin-bottom:.75rem!important}.statistics-section h3{color:#000!important;font-size:1em;margin:5px 0;border-bottom-color:#ccc!important}.statistics-empty-message{color:#666!important}.dive-statistics-summary{gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.statistics-reset-button{display:none!important}}.dive-log-viewer-tabs{display:flex;gap:4px;margin-bottom:1rem;background-color:var(--bg-secondary);border-radius:8px;padding:4px;border:1px solid var(--border-color)}.dive-log-viewer-tabs .tab-button{flex:1;display:flex;align-items:center;justify-content:center;padding:12px 20px;background-color:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:6px;font-size:1em;font-weight:500;transition:all .2s ease;min-height:44px}.dive-log-viewer-tabs .tab-button:hover:not(.active){background-color:var(--bg-tertiary);color:var(--text-primary)}.dive-log-viewer-tabs .tab-button.active{background-color:var(--accent-color);color:#fff}@media(max-width:767px){.dive-log-viewer-tabs .tab-button{padding:10px 15px;font-size:.9rem}}.dive-selector-filter-container{position:relative;flex:1}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-color, #333);border-top:none;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0000004d}.autocomplete-item{display:block;width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--text-color, #eee);text-align:left;cursor:pointer;transition:background-color .2s ease}.autocomplete-item:hover{background-color:#00bcd41a}.filter-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.filter-chip{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background-color:#00bcd433;border:1px solid var(--accent-color);border-radius:1rem;font-size:.875rem}.filter-chip-label{color:var(--text-color, #eee)}.filter-chip-remove{background:none;border:none;color:var(--text-color, #eee);cursor:pointer;padding:0;font-size:1rem;line-height:1;opacity:.7;transition:opacity .2s ease}.filter-chip-remove:hover{opacity:1}.clear-filters-btn{padding:.5rem 1rem;background-color:#ff572233;border:1px solid #ff5722;border-radius:.25rem;color:#ff5722;cursor:pointer;font-size:.875rem;transition:all .2s ease}.clear-filters-btn:hover{background-color:#ff57224d}.location-info{margin-top:.5rem}.location-dive-count{color:var(--text-secondary, #aaa);font-size:.875rem;margin-bottom:.5rem}.location-actions{display:flex;gap:.5rem;margin-top:.5rem}.location-action-btn{padding:.5rem 1rem;background-color:var(--button-background, #333);border:1px solid var(--border-color, #555);border-radius:.25rem;color:var(--text-color, #eee);cursor:pointer;font-size:.875rem;transition:all .2s ease}.location-action-btn:hover{background-color:var(--button-hover, #444)}.location-action-btn.primary{background-color:var(--accent-color);border-color:var(--accent-color);color:#000}.location-action-btn.primary:hover{background-color:#00acc1}.trip-details-modal{padding:.5rem 0}.trip-details-section{margin-bottom:1.5rem}.trip-details-section h3{margin-top:0;margin-bottom:.75rem;color:var(--text-color);font-size:1.1rem}.trip-details-list{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;margin:0}.trip-details-list dt{font-weight:600;color:var(--text-secondary)}.trip-details-list dd{margin:0;color:var(--text-color)}.trip-details-notes{white-space:pre-wrap;line-height:1.6;color:var(--text-color);margin:0}.trip-details-actions{margin-top:1.5rem;display:flex;gap:.5rem}.trip-action-btn{padding:.5rem 1rem;background-color:var(--button-background, #333);border:1px solid var(--border-color, #555);border-radius:.25rem;color:var(--text-color, #eee);cursor:pointer;font-size:.9rem}.trip-action-btn:hover{background-color:var(--button-hover, #444)}.trip-action-btn.primary{background-color:var(--accent-color);border-color:var(--accent-color);color:#000}.trip-action-btn.primary:hover{background-color:#00acc1}.location-statistics{display:flex;flex-direction:column;gap:2rem}.location-header h2{margin:0 0 .5rem;color:var(--text-color, #eee)}.location-description{color:var(--text-secondary, #aaa);margin:0}.location-dive-list{margin-top:2rem}.location-dive-list h3{margin:0 0 1rem;color:var(--text-color, #eee)}.dive-list-items{display:flex;flex-direction:column;gap:.5rem}.dive-list-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background-color:var(--bg-secondary);border:1px solid var(--border-color, #333);border-radius:.25rem;cursor:pointer;transition:all .2s ease}.dive-list-item:hover{background-color:#00bcd41a;border-color:var(--accent-color)}.dive-list-number{font-weight:700;color:var(--accent-color)}.dive-list-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.dive-list-date{font-size:.875rem;color:var(--text-secondary, #aaa)}.dive-list-stats{font-size:.875rem;color:var(--text-color, #eee)}.dive-statistics{display:flex;flex-direction:column;gap:2rem}.statistics-section{display:flex;flex-direction:column;gap:1rem}.statistics-section h3{margin:0;color:var(--text-primary);font-size:1.2rem;font-weight:600;border-bottom:2px solid var(--border-color, #333);padding-bottom:.5rem}.statistics-empty-message{color:var(--text-secondary, #aaa);font-style:italic;margin:0;padding:1rem;text-align:center}.dive-statistics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-card{padding:1rem;background-color:var(--bg-secondary);border:1px solid var(--border-color, #333);border-radius:.5rem;text-align:center}.stat-label{font-size:.875rem;color:var(--text-secondary, #aaa);margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.dive-statistics-charts{display:flex;flex-direction:column;gap:2rem}.chart-container{background-color:var(--bg-secondary);border:1px solid var(--border-color, #333);border-radius:.5rem;padding:1rem}.global-statistics-view{padding:1rem}@media(max-width:767px){.dive-statistics{gap:1.5rem}.statistics-section{gap:.75rem}.statistics-section h3{font-size:1.1rem}.dive-statistics-summary{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.stat-card{padding:.75rem}.stat-label{font-size:.8rem}.stat-value{font-size:1.5rem}.chart-container{padding:.75rem}.statistics-header h2{font-size:1.25rem}.statistics-summary{font-size:.9rem}}.statistics-back-button{display:flex;align-items:center;gap:8px;padding:12px 16px;margin-bottom:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;cursor:pointer;transition:background .2s;color:var(--text-color);font-size:1rem}.statistics-back-button:hover{background:#ffffff1a}.dive-site-map-section{margin-top:0}.dive-site-map-toggle{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;cursor:pointer;transition:background .2s;color:var(--text-color);font-size:.95rem}.dive-site-map-toggle:hover{background:#ffffff1a}.dive-site-map-toggle .toggle-icon{font-size:.75rem;color:var(--text-secondary)}.dive-site-map-toggle .toggle-label{font-weight:500}.dive-site-map-wrapper{margin-top:.75rem;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.dive-site-map-container{height:400px;width:100%;background:#2a2a2a}.dive-site-marker{background:transparent;border:none}.dive-site-map-container .leaflet-popup-content-wrapper{background:var(--bg-secondary, #2a2a2a);color:var(--text-color, #e0e0e0);border-radius:4px;box-shadow:0 2px 8px #0006}.dive-site-map-container .leaflet-popup-tip{background:var(--bg-secondary, #2a2a2a)}.dive-site-map-container .leaflet-popup-content{margin:.75rem 1rem}@media print{.dive-details-cylinders{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.5rem!important}.dive-details-cylinder{padding:.5rem!important;background-color:#fff!important;border:1px solid #ccc!important;border-radius:2px!important;font-size:.85em!important;page-break-inside:avoid}.dive-details-cylinder-header{margin-bottom:.25rem!important;padding-bottom:.25rem!important;border-bottom:1px solid #ddd!important}.dive-details-cylinder-header strong{color:#000!important;font-size:.9em!important}.dive-details-cylinder-desc{color:#666!important;font-size:.8em!important}.dive-details-cylinder-mode{padding:.1rem .3rem!important;font-size:.7em!important;background-color:#e0e0e0!important;color:#333!important}.dive-details-cylinder-mode.bailout{background-color:#ffe0b2!important;color:#e65100!important}.dive-details-cylinder .dive-details-list{gap:.2rem .5rem!important;font-size:.85em!important}.dive-details-cylinder .dive-details-list dt{color:#666!important}.dive-details-cylinder .dive-details-list dd{color:#000!important}.dive-details-usage-segments{gap:.1rem!important}.dive-details-usage-segment{font-size:.75em!important;color:#444!important}.dive-site-map-toggle,.dive-site-map-section{display:none!important}.dive-site-map-section.map-expanded{display:block!important}.dive-site-map-section.map-expanded .dive-site-map-wrapper{margin-top:0!important;border:1px solid #ccc!important;border-radius:4px!important}.dive-site-map-section.map-expanded .dive-site-map-container{background:#fff!important}.leaflet-control-zoom{display:none!important}}.dive-sites-list{display:flex;flex-direction:column;gap:1rem;padding:1rem;width:100%}.dive-sites-list-empty{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary, #aaa);font-style:italic}.dive-sites-list-header{margin-bottom:1rem}.dive-sites-list-header h2{margin:0 0 .5rem;color:var(--text-color, #eee);font-size:1.5rem;font-weight:600}.dive-sites-list-subtitle{margin:0;color:var(--text-secondary, #aaa);font-size:.9rem}.dive-sites-table-wrapper{overflow-x:auto;border-radius:.5rem;border:1px solid var(--border-color, #333)}.dive-sites-table{width:100%;border-collapse:collapse;background-color:var(--bg-secondary)}.dive-sites-table thead{background-color:#00bcd41a;border-bottom:2px solid var(--accent-color, #00bcd4)}.dive-sites-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--text-color, #eee);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.dive-sites-table th.dive-sites-table-count{text-align:center;width:100px}.dive-sites-table-row{border-bottom:1px solid var(--border-color, #333);cursor:pointer;transition:background-color .2s}.dive-sites-table-row:hover{background-color:#00bcd40d}.dive-sites-table-row:active{background-color:#00bcd41a}.dive-sites-table td{padding:.75rem 1rem;color:var(--text-color, #eee)}.dive-sites-table-name{font-weight:500;color:var(--accent-color, #00bcd4)}.dive-sites-table-description{color:var(--text-secondary, #aaa);max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dive-sites-table-location{color:var(--text-secondary, #aaa)}.dive-sites-table-count{text-align:center;font-weight:600;color:var(--text-color, #eee)}.site-details{margin-top:1rem;padding:1rem;background-color:var(--bg-secondary);border:1px solid var(--border-color, #333);border-radius:.5rem}.site-details-description,.site-details-notes{margin:0 0 .75rem;color:var(--text-color, #eee);line-height:1.5}.site-details-notes{font-style:italic;color:var(--text-secondary, #aaa)}.dive-details-notes a,.trip-details-notes a,.site-details-description a,.site-details-notes a,.dive-sites-table-description a{color:var(--accent-color, #00bcd4);text-decoration:underline}.site-details-location{margin:.5rem 0;color:var(--text-secondary, #aaa);font-weight:500}.site-details-gps{margin:.5rem 0;color:var(--text-secondary, #aaa);font-family:Courier New,monospace;font-size:.9rem}.statistics-header{margin-bottom:1rem}.statistics-header-title{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.statistics-header-title h2{margin:0}.edit-dive-site-button{padding:.4rem .8rem;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:background-color .2s}.edit-dive-site-button:hover{background-color:var(--primary-color-hover)}.sync-badge{position:absolute;top:-6px;right:-6px;background-color:#dc3545;color:#fff;border-radius:10px;padding:2px 6px;font-size:.7rem;font-weight:700;min-width:18px;text-align:center}.statistics-reset-button{margin-top:1rem;padding:.75rem 1rem;background-color:var(--bg-secondary);border:1px solid var(--border-color, #333);border-radius:.5rem;color:var(--text-color, #eee);cursor:pointer;transition:all .2s;font-size:.9rem}.statistics-reset-button:hover{background-color:#00bcd41a;border-color:var(--accent-color, #00bcd4)}@media(max-width:767px){.dive-sites-table{font-size:.9rem}.dive-sites-table th,.dive-sites-table td{padding:.5rem .75rem}.dive-sites-table-description{max-width:200px}.site-details{padding:.75rem}}.shared-dive-viewer{display:flex;flex-direction:column;height:100%;padding:1rem;background-color:var(--background-color);gap:1rem}.shared-dive-header{display:flex;align-items:center;justify-content:space-between;background-color:var(--panel-background);border-radius:8px;padding:1rem 1.5rem;border-left:4px solid var(--primary-color)}.shared-dive-header-left h2{margin:0 0 .25rem;font-size:1.25rem;color:var(--text-color)}.shared-dive-info{margin:0;font-size:.9rem;color:var(--text-secondary)}.shared-dive-header-actions{display:flex;gap:.75rem}.shared-dive-copy-button{background-color:var(--primary-color);color:var(--text-color);border:none;border-radius:6px;padding:.6rem 1rem;font-size:.9rem;cursor:pointer;transition:all .2s;white-space:nowrap}.shared-dive-copy-button:hover{background-color:var(--primary-color-hover, #00acc1)}.shared-dive-copy-button.copied{background-color:var(--success-color, #4caf50)}.shared-dive-copy-button.error{background-color:var(--error-color, #f44336)}.shared-dive-back-button{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:6px;padding:.6rem 1rem;font-size:.9rem;cursor:pointer;transition:all .2s;white-space:nowrap}.shared-dive-back-button:hover{background-color:var(--hover-background);color:var(--text-color);border-color:var(--text-secondary)}.shared-dive-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.shared-dive-map-section{position:relative}.shared-map-privacy-notice{background-color:#f39c121a;border-left:3px solid #f39c12;padding:.75rem 1rem;margin-bottom:.75rem;border-radius:4px;font-size:.9rem;color:var(--text-color);display:flex;align-items:center;gap:.5rem}.shared-dive-marker{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@media(max-width:768px){.shared-dive-header{flex-direction:column;align-items:flex-start;gap:1rem}.shared-dive-header-actions{width:100%;flex-direction:column}.shared-dive-copy-button,.shared-dive-back-button{width:100%;text-align:center}.shared-map-privacy-notice{font-size:.85rem;padding:.6rem .8rem}}
