/* Presentation only: default/classic rules are untouched. Print continues to use hbeam.css. */
.hb-modern-only,.hb-modern-label{display:none!important}
.hb-metadata{display:contents}
.hb-design-bar{display:flex;justify-content:flex-end;align-items:center;gap:9px;position:sticky;top:0;z-index:900;margin:0 12px 8px;padding:7px 110px 7px 0;background:#1a1a1a;color:#f3f5f8;font:600 14px/1.3 'Segoe UI','Malgun Gothic',sans-serif}
button.hb-design-toggle{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:2px;border:0;border-radius:999px;background:transparent;min-width:70px;min-height:38px;cursor:pointer}
button.hb-design-toggle:hover{background:#ffffff10;transform:none}
button.hb-design-toggle:focus-visible{outline:3px solid #75b6ff;outline-offset:3px}
.hb-switch-track{display:block;position:relative;width:64px;height:32px;border-radius:999px;background:#697480;border:1px solid #85909c;box-shadow:inset 0 2px 5px #1a2028aa;transition:background-color .2s,border-color .2s}
.hb-switch-knob{position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:#f8fafc;box-shadow:0 2px 5px #10182088;transition:transform .2s}
button.hb-design-toggle[aria-checked=true] .hb-switch-track{background:#087cff;border-color:#49a1ff}
button.hb-design-toggle[aria-checked=true] .hb-switch-knob{transform:translateX(32px)}
.hb-switch-status{min-width:27px;color:#ffb3b3;font-size:12px;font-weight:700}
button.hb-design-toggle[aria-checked=true] .hb-switch-status{color:#89edbe}
.hb-design-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hb-icon{width:23px;height:23px;flex:none;vertical-align:middle;opacity:.8}
@media screen {
html[data-hbeam-design=modern]{--hb-side:218px;--hb-blue:#0878e8;--hb-text:#29374a;--hb-line:#cfd8e5;--hb-soft:#e9eef5;--hb-surface:#f5f7fa;--hb-navy:#142747;color-scheme:light}
html[data-hbeam-design=modern] body{margin:0;padding:0 0 0 var(--hb-side);background:#e2e8f0;color:var(--hb-text);font-family:'Segoe UI','Malgun Gothic',Arial,sans-serif;line-height:1.5;min-width:320px}
html[data-hbeam-design=modern] .hb-modern-only{display:block!important}
html[data-hbeam-design=modern] .hb-modern-label{display:inline-flex!important;align-items:center;gap:15px}
html[data-hbeam-design=modern] .hb-classic-label{display:none!important}
html[data-hbeam-design=modern] .hb-design-bar{position:sticky;top:0;margin:0;padding:12px 130px 12px 28px;background:#eef2f6f2;color:#26364b;border-bottom:1px solid #c7d1de;z-index:900;min-height:66px}
html[data-hbeam-design=modern] button.hb-design-toggle{background:transparent;border:0;padding:2px;min-height:38px}
html[data-hbeam-design=modern] button.hb-design-toggle:hover{background:#dce4ee}
html[data-hbeam-design=modern] .hb-switch-status{color:#a92835}
html[data-hbeam-design=modern] button.hb-design-toggle[aria-checked=true] .hb-switch-status{color:#097747}
html[data-hbeam-design=modern] nav#navigationBar{position:fixed;left:0;top:0;bottom:0;width:var(--hb-side);box-sizing:border-box;background:#dfe6ef;border-right:1px solid #c4cedb;margin:0;padding:18px 10px;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:4px;overflow-y:auto;z-index:901}
html[data-hbeam-design=modern] .hb-brand{padding:0 14px 24px;order:0;color:var(--hb-navy)}
html[data-hbeam-design=modern] .hb-brand strong{display:block;font-size:28px;letter-spacing:.2px}
html[data-hbeam-design=modern] .hb-brand span{font-size:14px;color:#657184}
html[data-hbeam-design=modern] nav#navigationBar button{margin:0;padding:13px 14px;width:100%;min-height:52px;box-sizing:border-box;border:none!important;background:transparent!important;color:var(--hb-text)!important;border-radius:6px;font-size:16px;text-align:left;font-weight:500;white-space:normal;line-height:1.5}
html[data-hbeam-design=modern] nav#navigationBar button:hover{background:#edf2f9!important;transform:none}
html[data-hbeam-design=modern] nav#navigationBar button.hb-current{background:#e6f0ff!important;color:#087cff!important;font-weight:650}
html[data-hbeam-design=modern] nav#navigationBar button.hb-current .hb-icon{filter:invert(38%) sepia(99%) saturate(4114%) hue-rotate(202deg) brightness(105%) contrast(103%)}
html[data-hbeam-design=modern] #navBtnInput{order:1}html[data-hbeam-design=modern] #navBtnSummary{order:2}html[data-hbeam-design=modern] #navBtnPivotSummary{order:3}
html[data-hbeam-design=modern] .hb-records-label{order:4}html[data-hbeam-design=modern] #navBtnMySnapshots{order:5}html[data-hbeam-design=modern] #navBtnAllSnapshots{order:6}
html[data-hbeam-design=modern] .hb-yard-label{order:7}html[data-hbeam-design=modern] #navBtnMyYardMap{order:8}html[data-hbeam-design=modern] #navBtnSharedYardMap{order:9}
html[data-hbeam-design=modern] #navBtnGoToIndex{order:10;margin-top:auto!important;border-top:1px solid var(--hb-line)!important;border-radius:0!important}
html[data-hbeam-design=modern] .hb-nav-section{padding:22px 14px 8px;margin-top:20px;border-top:1px solid var(--hb-line);color:#6a7688;font-size:13px}
html[data-hbeam-design=modern] .page-content{margin:18px 22px 34px;padding:26px 30px 40px;background:var(--hb-surface);border:1px solid #ced7e3;border-radius:9px;box-shadow:0 3px 12px #40546d14;color:var(--hb-text);box-sizing:border-box;min-width:0}
html[data-hbeam-design=modern] #inputPage{padding-bottom:40px}
html[data-hbeam-design=modern] h2{color:var(--hb-navy);text-align:left;font-size:30px;letter-spacing:-.8px;margin:0 0 25px;line-height:1.5}
html[data-hbeam-design=modern] #inputPage>h2{font-size:36px;margin-bottom:4px}
html[data-hbeam-design=modern] .hb-subtitle{color:#657184;font-size:15px;margin:0 0 25px}
html[data-hbeam-design=modern] h3,html[data-hbeam-design=modern] h4{color:var(--hb-navy);text-align:left}
html[data-hbeam-design=modern] label{font-size:14px;color:#344158;font-weight:600}
html[data-hbeam-design=modern] input:not([type=checkbox]):not([type=hidden]),html[data-hbeam-design=modern] select{box-sizing:border-box;background:#fff!important;border:1px solid #d5dde9!important;border-radius:5px;color:#27344a!important;font-size:15px;padding:9px 11px;min-height:40px;max-width:100%;outline-offset:1px}
html[data-hbeam-design=modern] input:focus,html[data-hbeam-design=modern] select:focus,html[data-hbeam-design=modern] button:focus-visible{outline:2px solid #80b9ff;outline-offset:2px}
html[data-hbeam-design=modern] input[type=checkbox]{accent-color:var(--hb-blue)}
html[data-hbeam-design=modern] button{background:#fff;color:var(--hb-text);border:1px solid #d2dbe7;border-radius:5px;font-size:14px;padding:10px 14px;margin:3px;box-sizing:border-box;line-height:1.4}
html[data-hbeam-design=modern] button:hover{background:#f0f5ff;transform:none}
html[data-hbeam-design=modern] button:disabled{opacity:.45;cursor:not-allowed}
html[data-hbeam-design=modern] button[onclick^="delete"],html[data-hbeam-design=modern] button[onclick^="resetAll"],html[data-hbeam-design=modern] .inline-delete-selected-btn,html[data-hbeam-design=modern] .compact-delete-btn{background:#fff0f1!important;color:#a92736!important;border:1px solid #edc9ce!important}
html[data-hbeam-design=modern] button[onclick^="edit"],html[data-hbeam-design=modern] button[onclick^="resetPort"],html[data-hbeam-design=modern] .bulk-basic-edit-btn{background:#fff8e7!important;color:#775410!important;border:1px solid #ead8a9!important}
html[data-hbeam-design=modern] .hb-metadata{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:0;border:1px solid #cbd5e1;border-radius:6px;margin:0 0 12px;padding:0;background:#edf1f6}
html[data-hbeam-design=modern] .hb-metadata>.input-group{display:flex;align-items:center;gap:16px;padding:18px 20px;margin:0;min-width:0}
html[data-hbeam-design=modern] .hb-metadata label{margin:0;white-space:nowrap;font-size:14px}
html[data-hbeam-design=modern] .hb-metadata .selector-button-group{flex:1;min-width:0}
html[data-hbeam-design=modern] .hb-metadata select{width:100%;min-width:0;margin:0!important;padding:10px 12px!important;min-height:44px}
html[data-hbeam-design=modern] #entryDate{flex:1;min-width:0;width:100%;min-height:44px}
html[data-hbeam-design=modern] .hb-metadata>.inline-controls{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1.9fr;gap:0;border-top:1px solid var(--hb-line)}
html[data-hbeam-design=modern] .hb-metadata>.inline-controls>.input-group{display:flex;align-items:center;gap:20px;padding:18px 20px!important;min-width:0}
html[data-hbeam-design=modern] #unitSystemControl .selector-button-group{max-width:230px}
html[data-hbeam-design=modern] .hb-management{margin:0 0 22px;font-size:14px}
html[data-hbeam-design=modern] .hb-management>summary{cursor:pointer;display:flex;justify-content:flex-end;align-items:center;gap:9px;color:#1e5f9f;padding:10px 12px;list-style:none;font-weight:650;border:1px solid #bdcee0;border-radius:6px;background:#e6edf5}
html[data-hbeam-design=modern] .hb-management>summary::-webkit-details-marker{display:none}
html[data-hbeam-design=modern] .hb-management[open]{border:1px solid #b8c8da;border-radius:6px;background:#e6ecf3}
html[data-hbeam-design=modern] .hb-management[open]>summary{border:0;border-bottom:1px solid #c3cedc;border-radius:5px 5px 0 0;justify-content:flex-start}
html[data-hbeam-design=modern] .hb-management-hint{margin:0;padding:13px 20px 4px;color:#506075;font-size:13px}
html[data-hbeam-design=modern] .hb-management-body{padding:10px 20px 18px;display:grid;grid-template-columns:1fr 1fr;gap:15px}
html[data-hbeam-design=modern] .hb-management-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
html[data-hbeam-design=modern] .hb-management-group strong{display:block;flex-basis:100%;color:#344258;font-size:14px;margin-bottom:5px}
html[data-hbeam-design=modern] .hb-management-group button{display:inline-flex;align-items:center;gap:6px;margin:0;min-width:44px;min-height:40px;padding:8px 12px}
html[data-hbeam-design=modern] .hb-management-action-label{font-size:13px;white-space:nowrap}
html[data-hbeam-design=modern] .input-tabs{border:none;margin:0 0 12px;display:inline-flex;gap:0}
html[data-hbeam-design=modern] .input-tabs button{border:1px solid var(--hb-line);margin:0;padding:13px 20px;font-size:15px;border-radius:0;background:#fff;color:#536176}
html[data-hbeam-design=modern] .input-tabs button:first-child{border-radius:5px 0 0 5px}
html[data-hbeam-design=modern] .input-tabs button:last-child{border-radius:0 5px 5px 0}
html[data-hbeam-design=modern] .input-tabs button.active{background:var(--hb-blue);border-color:var(--hb-blue);color:white}
html[data-hbeam-design=modern] .hb-keyboard-help{float:right;max-width:50%;font-size:14px;color:#647187;margin:7px 0 12px}
html[data-hbeam-design=modern] .hb-keyboard-help summary{cursor:pointer;padding:5px 10px}
html[data-hbeam-design=modern] .hb-keyboard-help[open]{float:none;max-width:100%;margin:8px 0 16px;border:1px solid var(--hb-line);border-radius:6px;padding:10px;background:var(--hb-soft)}
html[data-hbeam-design=modern] .batch-instruction{margin:4px 0 0;background:none;border:none;border-radius:0;color:#59677d;font-size:14px;padding:5px 10px}
html[data-hbeam-design=modern] .tab-content{clear:both;padding:0;background:var(--hb-surface);border:none}
html[data-hbeam-design=modern] .batch-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 13px;flex-direction:row}
html[data-hbeam-design=modern] #batchRowCount{width:72px!important;min-height:40px}
html[data-hbeam-design=modern] #clearBatchRowsBtn{background:#fff!important;color:#657184!important;border-color:var(--hb-line)}
html[data-hbeam-design=modern] .batch-table-container{border:1px solid var(--hb-line);border-radius:4px;max-height:440px;overflow:auto}
html[data-hbeam-design=modern] table{background:#f8fafc;color:var(--hb-text);border-collapse:collapse;margin:0;width:100%}
html[data-hbeam-design=modern] th,html[data-hbeam-design=modern] td{border-color:var(--hb-line);color:var(--hb-text)!important;box-sizing:border-box}
html[data-hbeam-design=modern] th{background:#f5f7fb!important;color:#334057!important;font-weight:650}
html[data-hbeam-design=modern] td{background:#f8fafc}
html[data-hbeam-design=modern] #batchListTable{min-width:750px;table-layout:fixed}
html[data-hbeam-design=modern] #batchListTable th,html[data-hbeam-design=modern] #batchListTable td{border:1px solid var(--hb-line);padding:8px;font-size:14px;height:57px;vertical-align:middle}
html[data-hbeam-design=modern] #batchListTable .batch-seq-number{color:#5e6c80!important;background:#fff!important;font-weight:500!important}
html[data-hbeam-design=modern] #batchListTable input{width:100%!important;max-width:100%;font-size:16px;min-height:37px;border:1px solid #d6dfeb!important;background:#f0f4f8!important;margin:0;transition:background-color .18s,border-color .18s,box-shadow .18s}
html[data-hbeam-design=modern] #batchListTable input:hover{background:#f8faff!important;border-color:#d5e0ef!important}
html[data-hbeam-design=modern] #batchListTable input:focus{background:#fff!important;border-color:var(--hb-blue)!important;outline:1px solid var(--hb-blue)}
html[data-hbeam-design=modern] #batchListTable .range-input-container input{width:calc(50% - 10px)!important;min-width:40px;flex:1;max-width:100%}
html[data-hbeam-design=modern] #batchListTable .range-input-container{gap:5px}
html[data-hbeam-design=modern] #batchListTable .delete-btn{background:#fff0f1;color:#ac2e3d;min-width:34px;padding:7px;margin:0}
html[data-hbeam-design=modern] #Tab1 .input-group{padding:17px 20px;margin:0;border-bottom:1px solid var(--hb-line)}
html[data-hbeam-design=modern] #Tab1{border:1px solid var(--hb-line);border-radius:6px}
html[data-hbeam-design=modern] #Tab1 input{width:220px;max-width:100%}
html[data-hbeam-design=modern] #Tab1 .range-input-container{justify-content:flex-start}
html[data-hbeam-design=modern] #Tab1 .range-input-container input{max-width:220px}
html[data-hbeam-design=modern] .hb-input-totals{display:flex!important;gap:24px;align-items:center;flex-wrap:wrap;margin:24px 0 30px;padding:17px 24px;background:#e8edf4;border:1px solid #c9d3e0;border-radius:3px;font-size:15px}
html[data-hbeam-design=modern] .hb-input-totals strong{margin-right:auto}
html[data-hbeam-design=modern] .hb-input-totals output{min-width:135px;text-align:right;font-weight:650;font-size:17px}
html[data-hbeam-design=modern] .hb-input-count{font-size:13px;color:#6d7a8e}
html[data-hbeam-design=modern] #inputPage>.action-buttons{position:static;background:#e8edf3;border:1px solid #c4cedb;border-radius:6px;margin:-18px 0 30px!important;padding:14px 18px;display:flex;justify-content:flex-end;gap:12px;align-items:center;box-sizing:border-box}
html[data-hbeam-design=modern] #inputPage>.action-buttons button{width:180px;min-height:50px;margin:0;order:1}
html[data-hbeam-design=modern] #inputPage>.action-buttons #hbeamSaveButton{order:2;width:260px;background:var(--hb-blue);color:white;border-color:var(--hb-blue);font-weight:650}
html[data-hbeam-design=modern] .hb-save-status{margin-right:auto;color:#657184;font-size:15px}
html[data-hbeam-design=modern] #inputPage>h3{font-size:18px;margin:25px 0 16px;padding-top:24px;border-top:1px solid var(--hb-line)}
html[data-hbeam-design=modern] .port-entry-toolbar{background:var(--hb-soft);border:1px solid var(--hb-line);gap:12px;padding:12px;flex-wrap:wrap}
html[data-hbeam-design=modern] .selected-entry-count{color:#657184}
html[data-hbeam-design=modern] .current-port-table th{font-size:12px;padding:10px 4px}
html[data-hbeam-design=modern] .current-port-table td{font-size:13px}
html[data-hbeam-design=modern] .port-entry-group{border:1px solid var(--hb-line);border-radius:5px;margin-bottom:20px}
html[data-hbeam-design=modern] .port-entry-group h4{padding:12px 16px;margin:0;background:var(--hb-soft);font-size:14px}
html[data-hbeam-design=modern] .single-editable-cell:hover,html[data-hbeam-design=modern] .single-editable-cell:focus{background:#eef5ff!important;box-shadow:inset 0 0 0 1px #83baff}
html[data-hbeam-design=modern] .single-editable-cell.is-editing{background:#eaf3ff!important}
html[data-hbeam-design=modern] .single-cell-control{font-size:13px!important;min-height:32px!important;padding:5px!important}
html[data-hbeam-design=modern] .single-cell-save{background:#16845c;color:#fff}
html[data-hbeam-design=modern] .single-cell-cancel,html[data-hbeam-design=modern] .inline-cancel-btn{background:#eef1f5;color:#45536a}
html[data-hbeam-design=modern] .inline-entry-editor>td{background:#f0f6ff!important}
html[data-hbeam-design=modern] .inline-entry-fields label{color:#344158}
html[data-hbeam-design=modern] .bulk-basic-editor{background:#fff9eb;border-color:#e6c86c}
html[data-hbeam-design=modern] .empty-port-message{color:#6b788d;border-color:var(--hb-line);padding:24px}
html[data-hbeam-design=modern] .compact-detail-btn{background:#edf3fb;color:#314d71}
html[data-hbeam-design=modern] .row-position-add{background:#e8f1ff;color:#1763b8}
html[data-hbeam-design=modern] .filter-group,html[data-hbeam-design=modern] .pivot-controls-container{background:var(--hb-soft);border:1px solid var(--hb-line);box-shadow:none;padding:18px;gap:12px}
html[data-hbeam-design=modern] .top-row{border-bottom:1px solid var(--hb-line);padding-bottom:16px}
html[data-hbeam-design=modern] .bottom-row{color:#536177;gap:17px}
html[data-hbeam-design=modern] .highlight-label{color:#1c659f}
html[data-hbeam-design=modern] .checkbox-label:hover{color:#087cff}
html[data-hbeam-design=modern] .new-badge{position:static;animation:none;transform:none;text-shadow:none;color:#087cff;background:#e7f1ff;border-radius:3px;font:600 10px/1.4 sans-serif;padding:2px 4px;margin-right:3px}
html[data-hbeam-design=modern] #pivotSummaryPageActions{flex-wrap:wrap;gap:12px;justify-content:flex-start;background:var(--hb-soft);border:1px solid var(--hb-line);border-radius:6px;padding:15px!important}
html[data-hbeam-design=modern] #pivotSummaryPageActions select{width:auto;min-width:140px}
html[data-hbeam-design=modern] .pivot-table-title{color:var(--hb-navy);border-color:var(--hb-line);font-size:19px}
html[data-hbeam-design=modern] .pivot-table-section{border-color:var(--hb-line)}
html[data-hbeam-design=modern] .pivot-table th,html[data-hbeam-design=modern] .pivot-table td{border-color:#c8d3e2;padding:7px 5px}
html[data-hbeam-design=modern] .pivot-table .port-cell,html[data-hbeam-design=modern] .pivot-table .height-cell,html[data-hbeam-design=modern] .total-row td,html[data-hbeam-design=modern] .pivot-table tfoot td{background:#eff4fc!important;color:#253953!important}
html[data-hbeam-design=modern] #hbeamSnapshotListContainer,html[data-hbeam-design=modern] #allHbeamSnapshotListContainer,html[data-hbeam-design=modern] #myYardMapListContainer,html[data-hbeam-design=modern] #sharedYardMapListContainer,html[data-hbeam-design=modern] #summaryTableContainer{overflow-x:auto}
html[data-hbeam-design=modern] #hbeamSnapshotListContainer table,html[data-hbeam-design=modern] #allHbeamSnapshotListContainer table,html[data-hbeam-design=modern] #myYardMapListContainer table,html[data-hbeam-design=modern] #sharedYardMapListContainer table{min-width:620px}
html[data-hbeam-design=modern] #hbeamSnapshotListContainer td,html[data-hbeam-design=modern] #allHbeamSnapshotListContainer td,html[data-hbeam-design=modern] #myYardMapListContainer td,html[data-hbeam-design=modern] #sharedYardMapListContainer td,html[data-hbeam-design=modern] #summaryTableContainer td{padding:15px 10px;font-size:14px}
html[data-hbeam-design=modern] .page-content>p{color:#657184!important;text-align:left!important}
html[data-hbeam-design=modern] #myYardMapPage .filter-group input[type=checkbox]{width:18px!important;min-width:18px!important;flex-grow:0;margin:0;transform:none}
html[data-hbeam-design=modern] .modal{background:#10234b88}
html[data-hbeam-design=modern] .modal-content,html[data-hbeam-design=modern] #sortModal>div{background:#fff!important;color:var(--hb-text)!important;border:1px solid var(--hb-line);border-radius:9px;box-shadow:0 12px 60px #10234b25;max-height:90vh;overflow:auto;box-sizing:border-box}
html[data-hbeam-design=modern] #sortModal p,html[data-hbeam-design=modern] #sortModal strong{color:#526078!important}
html[data-hbeam-design=modern] #sortModal ul{border-color:var(--hb-line)!important;background:var(--hb-soft)}
html[data-hbeam-design=modern] .modal-content h2{font-size:24px}
html[data-hbeam-design=modern] .modal-content label{margin-top:13px}
html[data-hbeam-design=modern] hr{border:0;border-top:1px solid var(--hb-line);margin:22px 0}
html[data-hbeam-design=modern] #toastNotification{background:#10234b;color:#fff;border-radius:7px;font-size:14px;z-index:2500}
html[data-hbeam-design=modern] #toastNotification.show{bottom:110px}
html[data-hbeam-design=modern] #batchListTable input.copied-gold-fixed{color:#4a3100!important;background:#ffd978!important;border:2px solid #b66800!important;box-shadow:inset 0 0 0 2px #fff1b7,0 0 0 2px #f2b44188!important;font-weight:750!important}
html[data-hbeam-design=modern] #batchListTable td:has(input.copied-gold-fixed){position:relative;background:#fff1bf!important}
html[data-hbeam-design=modern] #batchListTable td:has(input.copied-gold-fixed)::after{content:'복사됨';position:absolute;right:5px;top:3px;padding:1px 5px;border-radius:3px;background:#9b4f00;color:#fff;font-size:10px;font-weight:700;line-height:1.4;pointer-events:none}
html[data-hbeam-design=modern] .copy-gold-effect,html[data-hbeam-design=modern] .copy-glow{animation:none;box-shadow:inset 0 0 0 1px #cf9e36}
}
@media screen and (max-width:1150px){
html[data-hbeam-design=modern]{--hb-side:190px}
html[data-hbeam-design=modern] .page-content{padding-left:25px;padding-right:22px}
html[data-hbeam-design=modern] .hb-metadata{grid-template-columns:1fr 1fr}
html[data-hbeam-design=modern] .hb-port-field{grid-column:1/-1;border-top:1px solid var(--hb-line)}
html[data-hbeam-design=modern] .hb-metadata>.inline-controls{grid-template-columns:1fr 1fr}
html[data-hbeam-design=modern] #inputPage>.action-buttons{padding-left:25px;padding-right:22px}
html[data-hbeam-design=modern] #inputPage>.action-buttons button{width:130px}
html[data-hbeam-design=modern] #inputPage>.action-buttons #hbeamSaveButton{width:200px}
html[data-hbeam-design=modern] .hb-input-totals{gap:15px}
html[data-hbeam-design=modern] .hb-input-totals output{min-width:100px}
}
@media screen and (max-width:720px){
.hb-design-bar{margin-left:4px;margin-right:4px}
html[data-hbeam-design=modern]{--hb-side:0px}
html[data-hbeam-design=modern] .hb-design-bar{padding:8px 110px 8px 14px;min-height:61px}
html[data-hbeam-design=modern] nav#navigationBar{position:relative;left:auto;top:auto;bottom:auto;width:auto;display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding:10px 14px;border-right:0;border-bottom:1px solid var(--hb-line);z-index:20;align-items:center}
html[data-hbeam-design=modern] nav#navigationBar .hb-brand,html[data-hbeam-design=modern] nav#navigationBar .hb-nav-section{display:none!important}
html[data-hbeam-design=modern] nav#navigationBar button{flex:0 0 auto;width:auto;white-space:nowrap;font-size:13px;min-height:43px;padding:9px 12px}
html[data-hbeam-design=modern] nav#navigationBar .hb-icon{width:18px;height:18px}
html[data-hbeam-design=modern] .hb-modern-label{gap:8px}
html[data-hbeam-design=modern] #navBtnGoToIndex{border-top:0!important;margin:0!important}
html[data-hbeam-design=modern] .page-content{padding:22px 15px 35px}
html[data-hbeam-design=modern] #inputPage{padding-bottom:35px}
html[data-hbeam-design=modern] #inputPage>h2{font-size:28px}
html[data-hbeam-design=modern] h2{font-size:25px}
html[data-hbeam-design=modern] .hb-subtitle{font-size:14px}
html[data-hbeam-design=modern] .hb-metadata{grid-template-columns:1fr}
html[data-hbeam-design=modern] .hb-metadata>.input-group{padding:13px 14px;gap:12px;border-bottom:1px solid var(--hb-line)}
html[data-hbeam-design=modern] .hb-metadata label{font-size:13px;min-width:72px}
html[data-hbeam-design=modern] .hb-port-field{border-top:0}
html[data-hbeam-design=modern] .hb-metadata>.inline-controls{grid-template-columns:1fr;border-top:0}
html[data-hbeam-design=modern] .hb-metadata>.inline-controls>.input-group{padding:13px 14px!important;gap:12px}
html[data-hbeam-design=modern] .hb-metadata>.inline-controls>.input-group+.input-group{border-top:1px solid var(--hb-line)}
html[data-hbeam-design=modern] #unitSystemControl .selector-button-group{max-width:none}
html[data-hbeam-design=modern] .hb-management>summary{font-size:13px}
html[data-hbeam-design=modern] .hb-management-body{grid-template-columns:1fr;padding:10px 15px}
html[data-hbeam-design=modern] .input-tabs{display:flex}
html[data-hbeam-design=modern] .input-tabs button{flex:1;padding:12px 8px;font-size:12px}
html[data-hbeam-design=modern] .hb-keyboard-help{float:none;max-width:100%;margin:0 0 12px;font-size:13px}
html[data-hbeam-design=modern] .batch-controls{gap:5px}
html[data-hbeam-design=modern] .batch-controls button{font-size:12px;padding:9px 8px}
html[data-hbeam-design=modern] .hb-input-totals{padding:15px;gap:12px;font-size:14px}
html[data-hbeam-design=modern] .hb-input-totals output{font-size:16px;min-width:75px}
html[data-hbeam-design=modern] .hb-input-count{display:none}
html[data-hbeam-design=modern] #inputPage>.action-buttons{padding:12px 15px;gap:10px;flex-wrap:wrap}
html[data-hbeam-design=modern] #inputPage>.action-buttons .hb-save-status{flex-basis:100%;font-size:13px}
html[data-hbeam-design=modern] #inputPage>.action-buttons button{flex:1;width:auto;min-height:43px}
html[data-hbeam-design=modern] #inputPage>.action-buttons #hbeamSaveButton{flex:1.5;width:auto}
html[data-hbeam-design=modern] .pivot-controls-container .input-wrapper{flex-wrap:wrap;max-width:100%}
html[data-hbeam-design=modern] .pivot-controls-container .input-wrapper[style]{margin-left:0!important}
html[data-hbeam-design=modern] .pivot-controls-container select{max-width:100%}
html[data-hbeam-design=modern] #myYardMapPage .filter-group{align-items:flex-start;flex-direction:column}
html[data-hbeam-design=modern] #myYardMapPage .filter-group label{margin-left:0!important}
html[data-hbeam-design=modern] .modal-content{padding:20px;max-height:85vh}
}
@media print{.hb-design-bar,.hb-modern-only,.hb-modern-label{display:none!important}.hb-classic-label{display:inline!important}.hb-metadata{display:contents}body{padding-left:10mm!important}}