.hamburger-menu{position:fixed;top:0;left:0;height:100vh;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:1000;display:flex;flex-direction:column;transition:transform .2s ease}.hamburger-menu{width:280px}@media(max-width:1023px){.hamburger-menu{transform:translate(-280px)}.hamburger-menu.open{transform:translate(0)}}@media(min-width:1024px){.hamburger-menu{transform:translate(0)}.hamburger-menu:not(.open){width:60px}}.hamburger-toggle{display:flex;align-items:center;justify-content:center;width:100%;height:60px;background:none;border:none;border-bottom:1px solid var(--border-color);cursor:pointer;padding:0;transition:background-color .2s}.hamburger-toggle:hover{background-color:var(--bg-tertiary)}.hamburger-icon{display:flex;flex-direction:column;gap:5px;width:24px}.hamburger-icon span{display:block;width:100%;height:3px;background-color:var(--text-primary);border-radius:2px;transition:all .2s ease}.hamburger-menu.open .hamburger-icon span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger-menu.open .hamburger-icon span:nth-child(2){opacity:0}.hamburger-menu.open .hamburger-icon span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.hamburger-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:0}.menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 20px;background:none;border:none;color:var(--text-primary);cursor:pointer;text-align:left;transition:background-color .2s;font-size:1rem}.menu-item:hover{background-color:var(--bg-tertiary)}.menu-icon{font-size:1.3em;width:24px;text-align:center;flex-shrink:0}.menu-label{flex:1;font-weight:500}.menu-divider{height:1px;background-color:var(--border-color);margin:10px 20px}.user-section{display:flex;flex-direction:column;gap:0}.user-info{display:flex;align-items:center;gap:12px;padding:12px 20px;color:var(--text-secondary);font-size:.9rem}.user-icon{font-size:1.3em;width:24px;text-align:center;flex-shrink:0}.user-email{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-button,.logout-button{color:var(--text-primary)}.logout-button:hover{background-color:#f443361a;color:var(--error-color)}.hamburger-backdrop{position:fixed;inset:0;background-color:#00000080;z-index:999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(min-width:1024px){.hamburger-backdrop{display:none}}@media print{.hamburger-menu,.hamburger-backdrop{display:none!important}}.saved-mixes-section{display:flex;flex-direction:column;margin-top:0;padding-top:0}.saved-mixes-header{padding:.5rem 1rem .75rem;margin-top:0;font-weight:600;font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.saved-mixes-loading,.saved-mixes-empty{padding:.5rem 1rem;font-size:.875rem;color:var(--text-secondary);font-style:italic}.saved-mixes-list{display:flex;flex-direction:column}.saved-mix-item-wrapper{position:relative;display:flex;align-items:center}.saved-mix-item{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.75rem 1rem;background:none;border:none;cursor:pointer;text-align:left;transition:background-color .2s;width:100%;flex:1}.saved-mix-item:hover{background-color:var(--bg-tertiary)}.saved-mix-summary{font-size:.875rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.saved-mix-timestamp{font-size:.75rem;color:var(--text-secondary);font-style:italic}.saved-mix-delete{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;font-size:1rem;color:var(--text-secondary);opacity:0;transition:all .2s;pointer-events:none}.saved-mix-item-wrapper:hover .saved-mix-delete{opacity:1;pointer-events:auto}.saved-mix-delete:hover{background-color:var(--error-bg);color:var(--error-text);border-color:var(--error-border)}.saved-items-filter{position:relative;padding:.5rem 1rem;padding-top:0}.saved-items-filter-input{width:100%;padding:.5rem 2rem .5rem .75rem;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.875rem}.saved-items-filter-input::placeholder{color:var(--text-secondary)}.saved-items-filter-input:focus{outline:none;border-color:var(--primary-color)}.saved-items-filter-clear{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;font-size:1rem;color:var(--text-secondary);padding:0;line-height:1}.saved-items-filter-clear:hover{color:var(--text-primary)}.url-error-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.url-error-container{max-width:500px;width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2.5rem;text-align:center;backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d}.url-error-icon{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.url-error-title{color:#e94560;font-size:1.75rem;font-weight:700;margin:0 0 1rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.url-error-message{color:#ffffffd9;font-size:1rem;line-height:1.6;margin:0 0 1.5rem}.url-error-reset-button{background:linear-gradient(135deg,#e94560,#ff6b6b);color:#fff;border:none;padding:.875rem 2rem;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #e9456066;display:block;width:100%;margin-bottom:1rem}.url-error-reset-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e9456080}.url-error-reset-button:active{transform:translateY(0)}.url-error-details-toggle{background:transparent;color:#fff9;border:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;font-size:.875rem;border-radius:6px;cursor:pointer;transition:background .2s,color .2s;margin-bottom:1rem}.url-error-details-toggle:hover{background:#ffffff1a;color:#ffffffe6}.url-error-details{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;margin-bottom:1rem;text-align:left;overflow-x:auto}.url-error-details code{color:#ff9f43;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.8rem;word-break:break-all;white-space:pre-wrap}.url-error-help{color:#ffffff80;font-size:.8rem;margin:0;font-style:italic}@media(max-width:480px){.url-error-container{padding:1.5rem}.url-error-icon{font-size:3rem}.url-error-title{font-size:1.5rem}.url-error-message{font-size:.9rem}}.app-settings-content{padding:1rem 0}.setting-section{margin-bottom:2rem}.setting-section h3{margin-top:0;margin-bottom:.5rem;font-size:1.1rem;color:var(--text-primary, #ffffff)}.setting-description{margin-bottom:1rem;font-size:.9rem;color:var(--text-secondary, #cccccc);line-height:1.5}.algorithm-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.algorithm-option{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border:2px solid var(--border-color, #444);border-radius:4px;cursor:pointer;transition:border-color .2s,background-color .2s}.algorithm-option:hover{border-color:var(--accent-color, #4a9eff);background-color:var(--hover-bg, rgba(74, 158, 255, .1))}.algorithm-option input[type=radio]{margin-top:.25rem;cursor:pointer}.algorithm-option input[type=radio]:checked+.algorithm-details{color:var(--accent-color, #4a9eff)}.algorithm-details{flex:1}.algorithm-details strong{display:block;margin-bottom:.25rem;font-size:1rem}.algorithm-details p{margin:0;font-size:.85rem;color:var(--text-secondary, #cccccc);line-height:1.4}.algorithm-info{padding:1rem;background-color:var(--info-bg, rgba(74, 158, 255, .15));border-left:3px solid var(--accent-color, #4a9eff);border-radius:4px}.algorithm-info p{margin:0;font-size:.85rem;color:var(--text-secondary, #cccccc);line-height:1.5}.algorithm-info strong{color:var(--text-primary, #ffffff)}.credentials-loading{padding:1rem;color:var(--text-secondary, #cccccc);font-size:.9rem;text-align:center}.credentials-info{margin-bottom:1rem;padding:.75rem;background-color:var(--info-bg, rgba(74, 158, 255, .15));border:1px solid var(--border-color, #444);border-radius:4px}.credentials-current{font-size:.9rem;color:var(--text-secondary, #cccccc)}.credentials-current strong{color:var(--text-primary, #ffffff)}.credentials-lock-status{margin-top:.5rem;font-size:.85rem;color:var(--warning-color, #ffc107)}.credentials-form{display:flex;flex-direction:column;gap:1rem}.credentials-field{display:flex;flex-direction:column;gap:.25rem}.credentials-field label{font-size:.9rem;color:var(--text-primary, #ffffff);font-weight:500}.credentials-field input{padding:.5rem .75rem;font-size:1rem;color:var(--text-primary, #ffffff);background-color:var(--input-bg, #2a2a2a);border:1px solid var(--border-color, #444);border-radius:4px;transition:border-color .2s}.credentials-field input:focus{outline:none;border-color:var(--accent-color, #4a9eff)}.credentials-field input:disabled{opacity:.6;cursor:not-allowed}.credentials-hint{font-size:.85rem;color:var(--text-secondary, #cccccc)}.credentials-error{padding:.75rem;background-color:#dc354526;border:1px solid rgba(220,53,69,.4);border-radius:4px;color:#dc3545;font-size:.9rem}.credentials-success{padding:.75rem;background-color:#28a74526;border:1px solid rgba(40,167,69,.4);border-radius:4px;color:#28a745;font-size:.9rem}.credentials-actions{display:flex;gap:.5rem;margin-top:.5rem}.credentials-submit{flex:1;padding:.75rem 1rem;font-size:1rem;font-weight:500;color:#fff;background-color:var(--accent-color, #4a9eff);border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.credentials-submit:hover:not(:disabled){background-color:var(--accent-hover, #3a8eef)}.credentials-submit:disabled{opacity:.6;cursor:not-allowed}.credentials-delete{padding:.75rem 1rem;font-size:1rem;font-weight:500;color:#fff;background-color:#dc3545;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.credentials-delete:hover:not(:disabled){background-color:#c82333}.credentials-delete:disabled{opacity:.6;cursor:not-allowed}.credentials-note{margin-top:1rem;padding:.75rem;background-color:var(--info-bg, rgba(74, 158, 255, .15));border-left:3px solid var(--accent-color, #4a9eff);border-radius:4px;font-size:.85rem;color:var(--text-secondary, #cccccc);line-height:1.5}.credentials-note strong{color:var(--text-primary, #ffffff)}@media print{.app-settings-content{display:none}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background-color:var(--bg-primary)}.auth-page-container{width:100%;max-width:500px;display:flex;flex-direction:column;gap:20px}.auth-back-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;text-align:left;padding:8px 12px;font-size:.9rem;transition:color .2s;align-self:flex-start}.auth-back-link:hover{color:var(--text-primary);background:none}.auth-page .auth-form-container{margin:0;padding:0}@media print{.auth-page{display:none!important}}:root{--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--bg-tertiary: #3a3a3a;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--border-color: #404040;--accent-color: #6b6b6b;--accent-hover: #5a5a5a;--warning-color: #ff9800;--error-color: #f44336;--success-color: #4caf50}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}.dive-planner-app{max-width:1400px;margin:0 auto;padding:0 20px 20px;transition:margin-left .2s ease}@media(min-width:1024px){.dive-planner-app.sidebar-open{margin-left:280px}.dive-planner-app.sidebar-collapsed{margin-left:60px}}@media(max-width:1023px){.dive-planner-app{margin-left:0!important;padding-top:20px}}.app-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:0;padding:0;min-height:0}.dive-planner-app-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--border-color)}.dive-planner-app-header h1{font-size:2.5em;margin-bottom:10px}.dive-planner-app-header .subtitle{color:var(--text-secondary);font-size:1.1em}.dive-controls{display:flex;gap:10px;margin-bottom:20px;justify-content:center}button{background-color:var(--accent-color);color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:1em;transition:background-color .2s}button:hover:not(:disabled){background-color:var(--accent-hover)}button:disabled{background-color:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}input[type=text],input[type=number],textarea,select{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:8px;border-radius:4px;font-size:1em;width:100%}input.input-invalid,input[type=text].input-invalid,input[type=number].input-invalid{border-color:var(--error-color);background-color:#f443361a;box-shadow:0 0 0 2px #f4433633}input.input-invalid:focus,input[type=text].input-invalid:focus,input[type=number].input-invalid:focus{outline:none;border-color:var(--error-color);box-shadow:0 0 0 3px #f443364d}input[type=checkbox]{width:auto;margin-right:5px}label{display:block;margin-bottom:5px;color:var(--text-secondary);font-size:.9em}@media screen{.dive-section{background-color:var(--bg-secondary);padding:20px;border-radius:8px;margin-bottom:20px}}h2{font-size:1.5em;margin-bottom:15px;color:var(--text-primary)}h3{font-size:1.2em;margin:15px 0 10px;color:var(--text-primary)}.dive-title{margin-bottom:20px}.dive-title-content{display:flex;flex-direction:column;gap:15px}.dive-title-input-group{display:flex;flex-direction:column;gap:5px}.dive-title-input-group label{font-weight:500;color:var(--text-secondary)}.dive-title-input-group .text-input{padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-primary);color:var(--text-primary);font-size:1em}.dive-title-actions{display:flex;gap:10px;flex-wrap:wrap}.dive-title-error{padding:.75rem;background-color:var(--error-bg);color:var(--error-text);border-radius:4px;font-size:.9em}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.setting-item{display:flex;flex-direction:column}.cylinder-analysis{margin-top:15px;display:flex;flex-wrap:wrap;gap:15px}.analysis-item{display:flex;align-items:center;gap:10px;padding:12px 16px;background-color:transparent;border:1px solid var(--border-color);border-radius:4px}.analysis-item .label{color:var(--text-secondary);font-size:.9em}.analysis-item .value{color:var(--text-primary);font-weight:500;font-size:1em}.analysis-item.warning,tr.warning{background-color:#ff98001a;border-color:var(--warning-color);border-left-width:3px}.warning-icon{color:var(--warning-color);margin-left:5px}.ideal-match{color:var(--success-color);margin-left:10px;font-weight:500}.bailout-cylinders>.header,.dive-segments>.header{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.bailout-cylinders>.header h2,.dive-segments>.header h2{margin-bottom:0;white-space:nowrap}.use-ideal-inline{margin-left:10px;padding:4px 12px;font-size:.85em;background-color:var(--accent-color)}.error{color:var(--error-color);font-size:.85em;margin-top:5px}table{width:100%;border-collapse:collapse;margin-top:15px}thead{background-color:var(--bg-tertiary)}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--border-color)}th{font-weight:600;color:var(--text-primary)}th.sortable-header{cursor:pointer;user-select:none;transition:background-color .15s ease}th.sortable-header:hover{background-color:var(--bg-secondary)}th.sortable-header .header-content{display:flex;align-items:center;gap:6px}th.sortable-header[style*="text-align: right"] .header-content,th.sortable-header[style*="text-align:right"] .header-content{justify-content:flex-end}.sort-indicator{font-size:.75em;line-height:1;display:inline-block;min-width:1em}.sort-indicator.inactive{opacity:.3}.sort-indicator.active{color:var(--text-primary);opacity:1}tbody tr:hover{background-color:var(--bg-tertiary)}tr.section-header td{background-color:var(--bg-tertiary);font-weight:600;padding:10px 12px;border-top:2px solid var(--border-color)}tr.section-header:first-child td{border-top:none}.section-description{margin-top:10px;margin-bottom:15px;color:var(--text-secondary);font-size:.95em;line-height:1.5}.table-wrapper{overflow-x:auto}.diluent-comparison-table{margin-top:0;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.diluent-comparison-table thead{background-color:var(--bg-tertiary)}.diluent-comparison-table th{vertical-align:top;padding:12px 16px}.diluent-comparison-table th.property-column{width:35%;font-weight:600}.diluent-comparison-table th.value-column{width:32.5%}.diluent-comparison-table .column-header{display:flex;flex-direction:column;gap:8px}.diluent-comparison-table .column-label{font-weight:600;font-size:1em;color:var(--text-primary)}.diluent-comparison-table .gas-input-inline input{width:100px;padding:6px 10px;font-size:.95em}.diluent-comparison-table .ideal-gas-action{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.diluent-comparison-table .ideal-gas-action strong{font-size:1.05em;color:var(--text-primary)}.diluent-comparison-table .use-ideal-btn{padding:5px 12px;font-size:.85em}.diluent-comparison-table .ideal-match{margin-left:0}.diluent-comparison-table td{padding:10px 16px}.diluent-comparison-table .property-cell{color:var(--text-secondary);font-size:.95em}.diluent-comparison-table .value-cell{font-weight:500;color:var(--text-primary)}.diluent-comparison-table .value-cell.warning{background-color:#ff980026;color:var(--warning-color)}.diluent-comparison-table .value-cell.value-differ{background-color:#2196f31a}.diluent-comparison-table .value-cell.warning.value-differ{background-color:#ff980033}.diluent-comparison-table .value-match-check{color:var(--success-color, #4caf50);font-weight:700;font-size:1.1em}.diluent-comparison-table tr.warning{background-color:transparent;border-color:inherit;border-left-width:1px}.diluent-comparison-table .warning-icon{margin-left:8px}.diluent-warning,.diluent-info{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:.9em;line-height:1.4}.diluent-warning{background-color:#ff980026;border:1px solid rgba(255,152,0,.4);color:var(--warning-color)}.diluent-info{background-color:#2196f31a;border:1px solid rgba(33,150,243,.3);color:var(--text-primary)}.diluent-warning .warning-icon,.diluent-info .info-icon{flex-shrink:0;font-size:1.1em}.diluent-info .info-icon{color:#2196f3}.warning-badge,.adjusted-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.75em;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.warning-badge{background-color:#ff980033;color:var(--warning-color);border:1px solid rgba(255,152,0,.4)}.adjusted-badge{background-color:#2196f326;color:#2196f3;border:1px solid rgba(33,150,243,.3);cursor:help}.unmixable-warning{display:inline-block;margin-left:8px;padding:2px 6px;font-size:.75em;font-weight:600;color:var(--warning-color);background-color:#ff980026;border:1px solid rgba(255,152,0,.3);border-radius:4px;cursor:help}.unmixable-gas-warning{flex-basis:100%;background-color:#ff98001a;border-radius:4px;padding:6px 10px;margin-bottom:4px}.unmixable-gas-warning .warning-icon{margin-right:6px}.unmixable-gas-warning .unmixable-message{font-size:.85em;color:var(--warning-color)}.mode-selector{display:flex;gap:4px;background-color:var(--bg-secondary);border-radius:4px;padding:4px}.mode-selector button{flex:1;background-color:transparent;color:var(--text-secondary)}.mode-selector button.active{background-color:var(--accent-color);color:#fff}@media screen{.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.summary-item{text-align:center;padding:15px;background-color:var(--bg-tertiary);border-radius:8px}.summary-item .label{color:var(--text-secondary);font-size:.9em;margin-bottom:5px}.summary-item .value{font-size:1.8em;font-weight:700;color:var(--text-primary)}.limiting-gas{margin-top:8px;font-size:.85em;color:var(--text-secondary)}.limiting-gas-label{margin-right:4px}.limiting-gas-none{color:var(--text-secondary);opacity:.6}.limiting-gas-button{background:none;border:none;color:var(--warning-color);font-weight:600;font-size:inherit;padding:2px 6px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.limiting-gas-button:hover{background:#ff980026;border-radius:4px}.limiting-gas-print{display:none}}.reserve-details-table{width:100%;border-collapse:collapse;margin-top:0}.reserve-details-table th,.reserve-details-table td{padding:10px 12px;border-bottom:1px solid var(--border-color)}.reserve-details-table thead{background-color:var(--bg-tertiary)}.reserve-details-table th{font-weight:600;color:var(--text-primary)}.reserve-details-table tbody tr:hover{background-color:var(--bg-tertiary)}.reserve-details-table tbody tr.limiting{background-color:#ff980026;color:var(--warning-color);font-weight:500}.reserve-details-table tbody tr.limiting:hover{background-color:#ff980040}@media screen{.warnings{margin-top:20px;padding:15px;background-color:#ff98001a;border-left:4px solid var(--warning-color);border-radius:4px}.warnings ul{margin-left:20px}}.empty-state{text-align:center;color:var(--text-secondary);padding:40px;font-style:italic}.segment-item,.cylinder-item{background-color:var(--bg-tertiary);padding:15px;border-radius:8px;margin-bottom:10px;display:flex;align-items:center;gap:15px}.segment-item.dragging{opacity:.5}.drag-handle{cursor:grab;color:var(--text-secondary);font-size:1.5em;user-select:none}.segment-fields,.cylinder-fields{display:flex;gap:15px;align-items:flex-end;flex:1}.field{flex:1;min-width:100px}.field.checkbox{display:flex;align-items:center}.actions{display:flex;gap:5px}.echarts-container{border-radius:8px;overflow:hidden}@media(max-width:768px){.app{padding:10px}.settings-grid{grid-template-columns:1fr}.segment-fields,.cylinder-fields{flex-direction:column;align-items:stretch}.summary-grid{grid-template-columns:1fr}table{font-size:.9em}th,td{padding:8px}.diluent-comparison-table th,.diluent-comparison-table td{padding:8px 10px}.diluent-comparison-table .column-label{font-size:.9em}.diluent-comparison-table .gas-input-inline input{width:80px;padding:5px 8px;font-size:.9em}.diluent-comparison-table .ideal-gas-action{flex-direction:column;align-items:flex-start;gap:6px}.diluent-comparison-table .use-ideal-btn{padding:4px 10px;font-size:.8em}}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:var(--bg-secondary);border-radius:8px;padding:0;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);padding:0;width:30px;height:30px}.modal-close:hover{color:var(--text-primary);background:none}.modal-body{padding:20px}.confirmation-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}.confirmation-dialog{background-color:var(--bg-secondary);border-radius:8px;padding:24px;max-width:400px;width:90%;box-shadow:0 4px 20px #00000080}.confirmation-title{margin:0 0 12px;font-size:1.2em;color:var(--text-primary)}.confirmation-message{margin:0 0 20px;color:var(--text-secondary);line-height:1.5}.confirmation-actions{display:flex;justify-content:flex-end;gap:10px}.confirmation-cancel{background-color:var(--bg-tertiary);color:var(--text-primary)}.confirmation-cancel:hover{background-color:var(--border-color)}.confirmation-confirm{background-color:var(--accent-color)}.preset-selector{background-color:var(--bg-tertiary);padding:15px;border-radius:8px;margin-bottom:15px}.preset-selector h3{margin-top:0}.preset-options{display:flex;flex-direction:column;gap:10px}.preset-list{display:flex;flex-direction:column;gap:5px}.preset-list p{margin:10px 0 5px;color:var(--text-secondary);font-size:.9em}.preset-button{background-color:var(--bg-secondary);text-align:left;padding:10px;border:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.preset-button:hover{background-color:var(--bg-tertiary);border-color:var(--accent-color)}.preset-gas{font-weight:600;font-size:1.05em}.preset-details{color:var(--text-secondary);font-size:.9em}.auto-select-btn{background-color:var(--success-color)}.auto-select-btn:hover:not(:disabled){background-color:#388e3c}.graph-legend{margin-top:15px;padding:15px;background-color:var(--bg-tertiary);border-radius:8px}.legend-title{font-weight:600;margin-bottom:10px;color:var(--text-primary)}.legend-items,.legend-lines{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px}.legend-item{display:flex;align-items:center;gap:8px}.legend-color{width:20px;height:12px;border-radius:2px}.legend-line{width:30px;height:2px}.legend-line.solid{background-color:var(--text-primary)}.legend-line.dotted{background-image:linear-gradient(to right,var(--text-primary) 50%,transparent 50%);background-size:8px 2px;background-repeat:repeat-x}.legend-line.dashed{background-image:linear-gradient(to right,currentColor 60%,transparent 60%);background-size:10px 2px;background-repeat:repeat-x}.dive-graph-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:15px}.dive-graph-header h2{margin-bottom:0;display:flex;align-items:center;gap:8px}.collapse-toggle{background:none;border:none;color:var(--text-secondary);font-size:.8em;padding:2px 4px;cursor:pointer;line-height:1;transition:color .15s ease}.collapse-toggle:hover{color:var(--text-primary);background:none}.graph-toggles{display:flex;flex-wrap:wrap;gap:15px}.toggle-item{display:flex;align-items:center;gap:6px;cursor:pointer;user-select:none}.toggle-item input[type=checkbox]{width:auto;margin:0;cursor:pointer}.toggle-label{display:flex;align-items:center;gap:6px;font-size:.9em;color:var(--text-primary)}.toggle-color{width:16px;height:4px;border-radius:2px}.ruler-stats-panel{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:12px 16px;margin-top:10px;margin-bottom:10px}.ruler-stats-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-weight:600;color:var(--text-primary)}.ruler-stats-icon{width:12px;height:12px;border-radius:50%}.ruler-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 16px}.ruler-stat-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid var(--border-color)}.ruler-stat-item:last-child{border-bottom:none}.ruler-stat-label{color:var(--text-secondary);font-size:.9em}.ruler-stat-value{color:var(--text-primary);font-weight:500;font-family:monospace}.ruler-instructions{background-color:#ff69b41a;border:1px dashed #ff69b4;border-radius:4px;padding:8px 12px;margin-top:10px;color:#ff69b4;font-size:.9em;text-align:center}.plan-steps-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:15px}.plan-steps-header h2{margin-bottom:0}.collapse-button{background-color:var(--bg-tertiary);color:var(--text-secondary);padding:6px 12px;font-size:.85em;border-radius:4px;border:1px solid var(--border-color)}.collapse-button:hover:not(:disabled){background-color:var(--bg-secondary);color:var(--text-primary);border-color:var(--accent-color)}.profile-legend{margin-top:10px;padding:10px 15px}.profile-legend .legend-items{margin-bottom:0}.input-narrow{width:80px}.input-medium{width:60px}.select-narrow{width:70px}.btn-mr{margin-right:5px}.mt-10{margin-top:10px}.import-section{margin:15px 0}.import-section textarea{width:100%;margin-bottom:10px;font-family:monospace;font-size:.9em}.presets-list{margin-top:20px}.presets-list table td button{padding:4px 8px;font-size:.85em}.action-cell{text-align:center;width:60px}th.numeric,td.numeric{text-align:right}.action-symbol{font-size:1.5em;font-weight:700;cursor:help;display:inline-block}.gas-change-row{background-color:#2196f31a;font-style:italic}@media screen{.gas-change-row{background-color:#2196f326}}.bailout-gas-changes h2{margin-bottom:15px}.bailout-gas-changes table{margin-top:0}.warning-row{background-color:#ff980033!important;color:#ff9800;font-weight:500}@media screen{.warning-row{background-color:#ff980040!important}}.diluent-print-only,.settings-print-only,.bailout-cylinders-print-only,.blender-config-print-only,.simulation-config-print-only,.print-timestamp{display:none}@media print{.print-timestamp{display:block!important;margin:0 0 5px;padding:0;font-size:.75em;color:#666;font-family:monospace;page-break-after:avoid!important;break-after:avoid!important}.diluent-print-only{display:block!important;margin:5px 0;padding:5px 0;border:none;background-color:transparent}.diluent-print-only h3{font-size:.95em;margin:0 0 5px;color:#000;border-bottom:1px solid #ccc;padding-bottom:3px}.diluent-print-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.diluent-print-item{display:flex;justify-content:space-between;font-size:.85em}.diluent-print-item .label{color:#666;font-weight:500}.diluent-print-item .value{color:#000;font-weight:600}.settings-print-only{display:block!important;margin:5px 0;padding:5px 0;border:none;background-color:transparent}.settings-print-only h3{font-size:.95em;margin:0 0 5px;color:#000;border-bottom:1px solid #ccc;padding-bottom:3px}.settings-print-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.settings-print-item{display:flex;justify-content:space-between;font-size:.85em}.settings-print-item .label{color:#666;font-weight:500}.settings-print-item .value{color:#000;font-weight:600}.bailout-cylinders-print-only{display:block!important;margin:5px 0;padding:5px 0;border:none;background-color:transparent}.bailout-cylinders-print-only h3{font-size:.95em;margin:0 0 5px;color:#000;border-bottom:1px solid #ccc;padding-bottom:3px}.bailout-cylinders-print-only table{width:100%;border-collapse:collapse;font-size:.85em}.bailout-cylinders-print-only th,.bailout-cylinders-print-only td{padding:4px 8px;border:1px solid #ccc}.bailout-cylinders-print-only th{background-color:#e9e9e9;font-weight:600;color:#000}.bailout-cylinders-print-only td{color:#000}}@media print{@page{size:A4;margin:10mm}body{background-color:#fff;color:#000;margin:0;padding:0}.app{max-width:100%;width:100%;padding:0;margin:0}.dive-log-viewer *,.gas-blender *,.app *{margin-top:0!important}.dive-log-viewer-main>*:first-child,.gas-blender>*:first-child{margin-top:0!important;padding-top:0!important}.dive-planner-app{margin-left:0!important;margin-right:auto!important}.controls,.app-header,button,.settings-panel,.diluent-config,.bailout-cylinders,.dive-segments,.mode-selector,.preset-manager,.modal-overlay,.graph-toggles,.ruler-stats-panel,.ruler-instructions,.top-navigation,.dive-graph-hidden{display:none!important}.summary,.dive-graph,.plan-steps,.bailout-gas-changes,.gas-consumption,.icd-calculator{display:block!important;background-color:#fff;color:#000;page-break-inside:avoid}.icd-calculator .section-description,.icd-calculator .table-wrapper{display:block!important}.icd-calculator .collapse-indicator,.icd-calculator .warning-badge{display:none!important}.icd-calculator h2{cursor:default!important}.section{background-color:transparent;border:none;padding:0;margin:5px 0}.section h2{border-bottom:1px solid #ccc;padding-bottom:3px;margin:5px 0;font-size:1.1em}.summary{margin:0;padding:0}.summary h2{font-size:1.1em;margin:5px 0}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px}.summary-item{background-color:transparent;border:1px solid #ccc;padding:5px;text-align:center}.summary-item .label{font-size:.75em;color:#666;margin-bottom:2px}.summary-item .value{font-size:1.2em;font-weight:700;color:#000}.summary-item .limiting-gas{font-size:.7em;margin-top:4px;color:#666}.summary-item .limiting-gas-button{color:#d84315;text-decoration:none;cursor:default;padding:0}.summary-item .limiting-gas-button:hover{background:none}.summary-item .limiting-gas-print{display:inline;color:#d84315;font-weight:600}.warnings{background-color:#fff3cd;border:1px solid #ff9800;color:#000;padding:5px 10px;margin:5px 0;font-size:.85em}.warnings h3{font-size:.95em;margin:5px 0}.warnings ul{margin:5px 0 5px 20px}table{border:1px solid #000;font-size:.85em}th{background-color:#f0f0f0;color:#000;padding:6px}td{border:1px solid #ccc;color:#000;padding:4px 6px}th{border:1px solid #000}.sort-indicator{display:none!important}th.sortable-header{cursor:default}.dive-graph h2,.plan-steps h2,.bailout-gas-changes h2,.gas-consumption h2{font-size:1.2em;margin-bottom:8px}.echarts-container,.legend-color,.legend-line{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}.graph-legend{background-color:#f5f5f5;border:1px solid #ccc;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}.graph-legend .legend-title,.graph-legend .legend-item span{color:#000}.app-footer{display:none}}.app-footer{margin-top:40px;padding:20px 0;border-top:1px solid var(--border-color);text-align:center}.build-timestamp{color:var(--text-secondary);font-size:.8em;opacity:.7}.top-navigation{display:flex;gap:0;margin:0 0 20px;background-color:var(--bg-secondary);border-bottom:2px solid var(--border-color);padding:0;position:sticky;top:0;z-index:100}.nav-link{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 30px;background-color:transparent;color:var(--text-secondary);border:none;border-bottom:3px solid transparent;font-size:1em;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.nav-link:hover:not(.active){background-color:var(--bg-tertiary);color:var(--text-primary)}.nav-link.active{color:var(--text-primary);border-bottom-color:var(--accent-color);background-color:var(--bg-primary)}.nav-icon{font-size:1.2em}.nav-label{font-weight:600}@media(max-width:768px){.nav-link{padding:12px 20px;font-size:.9em}.nav-icon{font-size:1.1em}}@media(max-width:480px){.nav-link{padding:10px 15px}.nav-label{display:none}.nav-icon{font-size:1.3em}}.global-controls{margin-bottom:20px}.tab-content{min-height:500px}.gas-blender{max-width:1400px;margin:0 auto}.blender-controls{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.blender-controls button{padding:.5rem 1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.blender-controls button:hover:not(:disabled){background-color:var(--primary-hover)}.blender-controls button:disabled{opacity:.5;cursor:not-allowed}.blender-controls button.delete-button{background-color:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}.blender-controls button.delete-button:hover{background-color:var(--error-color);color:#fff}.blender-error{padding:.75rem;margin-bottom:1rem;background-color:var(--error-bg);color:var(--error-text);border-radius:4px;border:1px solid var(--error-border)}.blender-layout{display:grid;grid-template-columns:1fr;gap:30px}@media(min-width:900px){.blender-layout{grid-template-columns:420px 1fr}}@media(min-width:1200px){.blender-layout{grid-template-columns:450px 1fr}}.blender-inputs{display:flex;flex-direction:column;gap:0}.blender-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:20px;margin-bottom:20px}.blender-card h2{font-size:1.3rem;margin-bottom:15px;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:10px}.blender-card h3{font-size:1rem;margin-top:0;margin-bottom:10px;color:var(--text-primary)}.blender-form-group{margin-bottom:16px}.blender-form-group:last-child{margin-bottom:0}.blender-form-group label{display:block;margin-bottom:6px;color:var(--text-secondary);font-size:.9em;font-weight:500}.blender-form-group input[type=number],.blender-form-group select{width:100%;padding:10px 12px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:1rem;transition:border-color .2s}.blender-form-group input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #2196f31a}.dual-price-inputs{display:flex;flex-direction:column;gap:8px}.price-input-group{display:flex;align-items:center;gap:8px}.price-input-group input{flex:1;min-width:80px}.price-input-group .price-unit{font-size:.85rem;color:var(--text-secondary);white-space:nowrap;min-width:80px}.cylinder-size-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.cylinder-size-buttons .cylinder-size-btn{padding:8px 12px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;transition:all .2s;font-size:.9rem}.cylinder-size-buttons .cylinder-size-btn:hover{background-color:var(--accent-hover);border-color:var(--accent-color)}.cylinder-size-buttons .cylinder-size-btn.active{background-color:var(--accent-color);border-color:var(--accent-color);font-weight:600}.gas-mix-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gas-mix-inputs>div{display:flex;flex-direction:column}.gas-mix-inputs label{font-size:.85em;margin-bottom:4px}.fill-order-options{display:flex;flex-direction:column;gap:10px;margin-top:8px}.fill-order-options .radio-option{display:flex;align-items:center;gap:10px;cursor:pointer}.fill-order-options .radio-option input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-color)}.fill-order-options .radio-option span{color:var(--text-primary);font-size:.95em}.blender-results{position:sticky;top:20px;align-self:start}.blending-step{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:15px;margin-bottom:15px;transition:transform .2s}.blending-step:hover{transform:translate(2px)}.blending-step .step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.blending-step .step-title{font-weight:600;font-size:1.1rem;color:var(--text-primary)}.blending-step .step-type-bleed{color:var(--error-color)}.blending-step .step-type-helium{color:#a78bfa}.blending-step .step-type-oxygen{color:#60a5fa}.blending-step .step-type-air{color:var(--success-color)}.blending-step .step-cost{font-weight:600;color:var(--warning-color)}.blending-step .step-details{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px;font-size:.9rem}.blending-step .step-detail{display:flex;flex-direction:column}.blending-step .step-detail-label{color:var(--text-secondary);font-size:.85em}.blending-step .step-detail-value{color:var(--text-primary);font-weight:500}.cost-breakdown{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:var(--bg-tertiary);border-radius:6px;margin-top:10px}.cost-breakdown.bleed-cost{border-left:3px solid var(--error-color)}.cost-breakdown.fill-cost{border-left:3px solid var(--success-color)}.cost-breakdown .cost-label{color:var(--text-secondary)}.cost-breakdown .cost-value{font-weight:600;font-size:1.1rem}.cost-breakdown.bleed-cost .cost-value{color:var(--error-color)}.cost-breakdown.fill-cost .cost-value{color:var(--success-color)}.gas-blender .total-cost{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:2px solid var(--accent-color);border-radius:8px;padding:20px;text-align:center;margin-top:20px}.gas-blender .total-cost-label{color:var(--text-secondary);font-size:1rem;margin-bottom:5px}.gas-blender .total-cost-value{color:var(--text-primary);font-size:2rem;font-weight:700}.final-state{margin-top:20px;padding:15px;background-color:var(--bg-tertiary);border-radius:6px}.final-state h3{margin-bottom:10px}.final-state .step-details{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;font-size:.9rem}.final-state .step-detail{display:flex;flex-direction:column}.final-state .step-detail-label{color:var(--text-secondary);font-size:.85em}.final-state .step-detail-value{color:var(--text-primary);font-weight:500}.blender-info-message{background-color:#2196f31a;border:1px solid var(--accent-color);border-radius:6px;padding:15px;color:var(--accent-color);margin-bottom:20px;font-size:.9rem}.blender-error-message{background-color:#f443361a;border:1px solid var(--error-color);border-radius:6px;padding:15px;color:var(--error-color);margin-bottom:20px}.reset-blender-btn{width:100%;background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.reset-blender-btn:hover:not(:disabled){background-color:var(--error-color);border-color:var(--error-color);color:#fff}.storage-tank-info{font-size:.85em;color:var(--text-secondary);margin:0 0 12px}.storage-tank-input{display:flex;align-items:center;gap:10px}.storage-tank-input input[type=number]{flex:1;min-width:80px}.storage-tank-input .storage-unit{font-size:.9em;color:var(--text-secondary);min-width:30px}.unlimited-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.85em;color:var(--text-secondary);user-select:none}.unlimited-toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer}.unlimited-toggle:hover{color:var(--text-primary)}.step-storage-warning{margin-top:8px;padding:6px 10px;background-color:#ffc10714;border-left:2px solid rgba(255,193,7,.5);border-radius:0 4px 4px 0;font-size:.85em;color:var(--text-secondary);display:flex;flex-wrap:wrap;gap:6px;align-items:baseline}.step-storage-warning .warning-label{color:#ffc107e6;font-weight:500}.step-storage-warning .warning-message{color:var(--text-secondary)}.step-storage-warning .warning-alternative{font-style:italic;color:var(--text-secondary);opacity:.8}.gas-statistics{margin-top:15px}.gas-statistics.collapsible{border-top:1px solid var(--border-color);padding-top:10px}.gas-statistics-toggle{background:none;border:none;padding:8px 0;width:100%;text-align:left;display:flex;align-items:center;gap:8px;color:var(--text-primary);cursor:pointer;font-size:.95rem}.gas-statistics-toggle:hover{color:var(--accent-color);background:none}.gas-statistics-toggle .toggle-icon{font-size:.8rem;transition:transform .2s}.gas-statistics-toggle .toggle-label{font-weight:500}.gas-statistics-content{display:flex;flex-direction:column;gap:8px;padding:10px 0}.gas-stat-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:.9rem}.gas-stat-label{color:var(--text-secondary);flex:1}.gas-stat-value{color:var(--text-primary);font-weight:600;margin-left:10px}.step-storage-warning .gas-statistics{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,152,0,.2)}.step-storage-warning .gas-statistics .gas-stat-row{font-size:.85rem}.bleed-alternatives{margin-top:12px;padding:10px 12px;background-color:#2196f314;border:1px solid rgba(33,150,243,.2);border-radius:4px}.bleed-alternatives .alternatives-header{color:#2196f3e6;font-weight:500;font-size:.9rem;margin-bottom:10px}.bleed-alternatives .alternative-suggestion{padding:8px 0;border-bottom:1px solid rgba(33,150,243,.1)}.bleed-alternatives .alternative-suggestion:last-child{border-bottom:none;padding-bottom:0}.bleed-alternatives .suggestion-text{color:var(--text-primary);font-size:.9rem;display:block;margin-bottom:6px}.bleed-alternatives .gas-statistics{margin-top:8px;padding-top:8px;border-top:1px solid rgba(33,150,243,.15)}.bleed-alternatives .gas-statistics .gas-stat-row{font-size:.85rem}@media print{.bleed-alternatives{background-color:transparent;border:1px solid #ccc;padding:5px 8px;margin-top:5px}.bleed-alternatives .alternatives-header{color:#333;font-size:.85em;margin-bottom:5px}.bleed-alternatives .suggestion-text{font-size:.8em;color:#000}.bleed-alternatives .gas-statistics{display:none}}.blend-btn{background-color:#7c3aed;color:#fff;padding:6px 12px;font-size:.85em;border-radius:4px;display:inline-flex;align-items:center;gap:4px;transition:background-color .2s}.blend-btn:hover:not(:disabled){background-color:#6d28d9}.gas-input-inline{display:flex;align-items:center;gap:8px}.gas-input-inline .blend-btn{padding:6px 10px;white-space:nowrap}.cylinder-item .actions .blend-btn{padding:8px 10px}@media(max-width:899px){.blender-results{position:static}.blending-step .step-details,.final-state .step-details{grid-template-columns:1fr}.gas-mix-inputs{grid-template-columns:1fr 1fr 1fr;gap:8px}}@media(max-width:480px){.tab-button{padding:10px 15px}.tab-icon{font-size:1em}.tab-label{font-size:.9em}.cylinder-size-buttons .cylinder-size-btn{padding:6px 10px;font-size:.85rem}.gas-mix-inputs{grid-template-columns:1fr}}@media print{.blender-config-print-only{display:block!important;margin:5px 0;padding:5px 0;border:none;background-color:transparent;page-break-inside:avoid}.blender-config-print-only h3{font-size:.95em;margin:0 0 5px;color:#000;border-bottom:1px solid #ccc;padding-bottom:3px}.blender-config-print-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.blender-config-print-item{display:flex;justify-content:space-between;font-size:.85em}.blender-config-print-item .label{color:#666;font-weight:500}.blender-config-print-item .value{color:#000;font-weight:600}.gas-blender .blender-controls,.gas-blender .blender-error,.gas-blender .blender-inputs{display:none!important}.gas-blender .blender-results{display:block!important;position:static;top:auto;width:100%;max-width:100%;background-color:#fff;color:#000}.gas-blender .blender-card{background-color:#fff;border:none;box-shadow:none;page-break-inside:avoid;margin:0;padding:0}.gas-blender .blender-card h2{font-size:1.1em;margin:5px 0;padding-bottom:3px;border-bottom:1px solid #ccc}.gas-blender .blending-step{background-color:#fff;border:none;border-bottom:1px solid #e0e0e0;margin:0;padding:5px 0;page-break-inside:avoid}.gas-blender .step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.gas-blender .step-title{color:#000;font-size:.95em;font-weight:600}.gas-blender .step-cost,.gas-blender .cost-value,.gas-blender .total-cost-value{color:#000;font-size:.95em}.gas-blender .step-details{display:flex;gap:10px;flex-wrap:wrap;font-size:.8em}.gas-blender .step-detail{display:inline-flex;gap:4px}.gas-blender .step-detail-label{color:#666}.gas-blender .step-detail-value{color:#000;font-weight:600}.gas-blender .cost-breakdown{display:flex;justify-content:space-between;padding:3px 0;margin:0;font-size:.85em;border:none}.gas-blender .cost-label{color:#666}.gas-blender .total-cost{border:none;border-top:1px solid #ccc;padding-top:5px;margin:5px 0 0;display:flex;justify-content:space-between;font-size:.95em}.gas-blender .total-cost-label,.gas-blender .total-cost-value{font-weight:700}.gas-blender .final-state{background-color:transparent;border:none;border-top:1px solid #ccc;padding-top:5px;margin-top:5px}.gas-blender .final-state h3{color:#000;font-size:.95em;margin:0 0 3px}.gas-blender .final-state .step-details{display:flex;gap:10px;flex-wrap:wrap;font-size:.85em}.gas-blender .blender-error-message{background-color:#fff3cd;border:1px solid #ff9800;color:#000;padding:5px;margin:5px 0;font-size:.85em}.gas-blender .blender-info-message{background-color:#e3f2fd;border:1px solid #2196f3;color:#000;padding:5px;margin:5px 0;font-size:.85em}}@media print{.simulation-config-print-only{display:block!important;margin:5px 0;padding:5px 0;border:none;background-color:transparent;page-break-inside:avoid}.simulation-config-print-only h3{font-size:.95em;margin:0 0 5px;color:#000;border-bottom:1px solid #ccc;padding-bottom:3px}.simulation-config-print-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.simulation-config-print-item{display:flex;justify-content:space-between;font-size:.85em}.simulation-config-print-item .label{color:#666;font-weight:500}.simulation-config-print-item .value{color:#000;font-weight:600}.dive-log-viewer{display:block!important;margin:0!important;padding:0!important;height:auto!important;position:static!important}.dive-log-viewer-sidebar,.dive-log-viewer-hamburger,.dive-log-viewer-backdrop{display:none!important}.dive-log-viewer-main{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;overflow:visible!important}.dive-log-viewer-tabs{display:none!important;height:0!important;margin:0!important;padding:0!important;border:none!important}.simulation-config{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;margin:0!important;padding:0!important;overflow:hidden!important}.logged-dive-graph-checkbox{display:none!important}.dive-log-viewer .dive-details{display:block!important;background-color:#fff;border:none;color:#000;page-break-inside:avoid}.dive-log-viewer .dive-details{margin:0!important;padding:0!important}.dive-log-viewer .dive-details h2{border-bottom:1px solid #ccc;padding-bottom:3px;margin:0 0 5px!important;font-size:1.1em}.dive-log-viewer .dive-details>*:first-child{margin-top:0!important}.dive-log-viewer .dive-detail-label{color:#666}.dive-log-viewer .dive-detail-value{color:#000}.simulation-results{display:block!important;background-color:#fff;border:none;color:#000;margin:5px 0;padding:0}.simulation-results h2{color:#000;border-bottom:1px solid #ccc;padding-bottom:3px;margin:5px 0;font-size:1.1em}.simulation-results table{border:1px solid #000}.simulation-results th{background-color:#f0f0f0;color:#000}.simulation-results td{border:1px solid #ccc;color:#000}.logged-dive-graph{display:block!important;background-color:#fff!important;margin:5px 0!important;padding:0!important;page-break-inside:avoid;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.logged-dive-graph>div{display:block!important;background-color:#fff!important;margin:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.echarts-container,.logged-dive-graph canvas{max-width:100%!important;overflow:hidden!important}.logged-dive-graph-legend{margin:3px 0!important;padding:3px 0!important;font-size:.85em}.chart-controls{display:none!important}}.chart-controls{display:flex;gap:4px;align-items:center}.chart-control-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .15s ease}.chart-control-btn:hover{background-color:var(--bg-secondary);border-color:var(--accent-color);color:var(--text-primary)}.chart-control-btn:active{transform:scale(.95)}.dive-graph:fullscreen,.logged-dive-graph:fullscreen,.chart-container:fullscreen{background-color:var(--bg-primary);padding:20px;display:flex;flex-direction:column}.dive-graph:fullscreen .echarts-container,.logged-dive-graph:fullscreen .echarts-container,.chart-container:fullscreen>div[style*=height]{flex:1;height:100%!important}.dive-graph:fullscreen .graph-toggles label,.logged-dive-graph:fullscreen .logged-dive-graph-checkbox{display:none}.dive-graph:fullscreen .chart-controls,.logged-dive-graph:fullscreen .chart-controls,.chart-container:fullscreen .chart-controls{position:absolute;top:10px;right:10px;z-index:100}.chart-container-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:8px;gap:10px}.chart-metric-selector{display:flex;justify-content:center;gap:15px}@media print{.chart-metric-selector{display:none!important}}
