*{box-sizing:border-box}
html{height:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-x:none}
body{min-height:100%;max-width:100%;margin:0;overflow-x:hidden;overscroll-behavior-x:none;background:#f2f4f7;color:#0b1f35;font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",Arial,sans-serif;font-size:13px;line-height:1.35}
body.modal-open{overflow:hidden}
button,input,textarea,select{font:inherit}
button{height:31px;border:1px solid #aebdcc;border-radius:4px;background:#f8fafc;color:#0b1f35;font-weight:700;cursor:pointer}
button:hover{background:#eef3f8}
button:disabled{border-color:#c6d0dc;background:#eef2f6;color:#7b8794;cursor:not-allowed}
input,textarea,select{width:100%;height:31px;border:1px solid #b8c6d6;border-radius:3px;background:#fff;color:#0b1f35;padding:6px 9px}
input:focus,textarea:focus,select:focus{outline:2px solid #cfe7ff;border-color:#6ea7d8}
input[readonly],textarea[readonly],select:disabled,input:disabled,textarea:disabled{border-color:#9daabb;background:#e7ebf0;color:#596777;cursor:not-allowed;box-shadow:inset 0 0 0 1px #d2d9e2}
input[readonly]:focus,textarea[readonly]:focus{outline:2px solid #d8dee6;border-color:#9daabb}
input[type="date"]{cursor:pointer}
input[type="checkbox"]{width:16px;height:16px;margin:0;padding:0;vertical-align:middle;accent-color:#1677ff}
textarea{height:auto;min-height:78px;resize:vertical}
label{display:block;color:#20354d;font-size:12px;font-weight:800}
.field-label-row{display:flex;align-items:center;gap:6px}
.field-label-row em{display:inline-block;padding:1px 5px;border:1px solid #9daabb;border-radius:3px;background:#e7ebf0;color:#526071;font-style:normal;font-size:11px;font-weight:900}
.locked-field{color:#526071}
.hidden,[hidden]{display:none!important}
.app-shell{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:100vh;background:#f2f4f7}
.app-header{position:sticky;top:0;align-self:start;display:flex;flex-direction:column;align-items:stretch;gap:16px;min-height:100vh;padding:16px 10px;border-right:1px solid #202a34;background:#303942;color:#fff}
.brand{display:grid;gap:7px;padding:4px 2px 10px;border-bottom:1px solid rgba(255,255,255,.14)}
.brand-mark{display:none}
.brand-name{color:#fff;font-size:15px;font-weight:950;letter-spacing:0;word-break:keep-all}
.brand-sub{margin-top:2px;color:#bdc7d2;font-size:11px;font-weight:700;line-height:1.4}
.menu{display:grid;gap:7px;width:100%}
.menu button{height:40px;padding:0 10px;border-color:transparent;background:transparent;color:#f5f7fa;text-align:left;font-size:13px;font-weight:900}
.menu button:hover{background:#46515c}
.menu button.active{background:#626b75;color:#fff}
.mobile-menu-group-label{display:none}
.mobile-only-menu-item{display:none!important}
.sidebar-bottom{display:grid;gap:7px;width:100%;margin-top:auto}
.bottom-menu{order:1;padding-top:10px;border-top:1px solid rgba(255,255,255,.14)}
.server-storage-widget{order:2;display:grid;gap:8px;border:1px solid rgba(255,255,255,.18);background:#26313c;padding:9px 8px;color:#fff}
.storage-usage-block{display:grid;gap:0}
.storage-usage-block+.storage-usage-block{padding-top:8px;border-top:1px solid rgba(255,255,255,.12)}
.storage-widget-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}
.storage-widget-head strong{font-size:12px;font-weight:900}
.storage-widget-head span{font-size:12px;font-weight:950;color:#dbeafe}
.storage-gauge{height:9px;border:1px solid rgba(255,255,255,.24);background:#1f2933;overflow:hidden}
.storage-gauge span{display:block;width:0;height:100%;background:#22c55e;transition:width .25s ease}
.storage-widget-text{margin-top:6px;color:#cbd5e1;font-size:11px;font-weight:750;line-height:1.35}
.server-storage-widget.warn .storage-gauge span{background:#f59e0b}
.server-storage-widget.danger .storage-gauge span{background:#ef4444}
.server-storage-widget.unavailable .storage-gauge span{background:#64748b}
.storage-usage-block.warn .storage-gauge span{background:#f59e0b}
.storage-usage-block.danger .storage-gauge span{background:#ef4444}
.storage-usage-block.unavailable .storage-gauge span{background:#64748b}
.logout{order:3;width:100%;color:#fff;background:#404a54;border-color:#58636e}
.mobile-menu-toggle,.mobile-menu-close,.mobile-top-icon,.mobile-menu-backdrop{display:none}
.mobile-menu-backdrop{position:fixed;inset:0;z-index:60;background:rgba(15,23,42,.48)}
.content{min-width:0;padding:0 0 30px}
.login-panel{display:grid;place-items:center;min-height:100vh;padding:28px}
.login-box{width:min(420px,100%);border:1px solid #b9c8d8;background:#fff;padding:24px}
.login-box h1{margin:0 0 8px;font-size:23px;color:#061b35}
.login-box p{margin:0 0 18px;color:#536b86}
.login-box label{display:grid;gap:6px;margin-top:12px}
.login-box button{width:100%;margin-top:16px;background:#334155;color:#fff;border-color:#334155}
.message{margin-top:12px;color:#b91c1c;font-size:13px;font-weight:800}
.topbar{display:flex;align-items:stretch;justify-content:space-between;gap:18px;min-height:76px;padding:14px 30px;border-bottom:1px solid #c8d4e2;background:#fff}
.welcome{min-width:310px}
.mobile-system-title,.mobile-account-line{display:none}
.welcome h1{margin:0;color:#092b52;font-size:24px;font-weight:950;letter-spacing:0}
.welcome p{margin:5px 0 0;color:#526f90;font-size:13px}
.topbar-actions{display:flex;align-items:stretch;justify-content:flex-end;gap:0;flex-wrap:wrap}
.topbar-actions>button{align-self:center;margin-right:10px;padding:0 14px}
.top-info{display:flex;flex-direction:column;justify-content:center;min-width:118px;padding:0 16px;border-left:1px solid #d2dbe7;color:#28445f}
.top-info>span{font-size:12px;font-weight:800}
.top-info strong{display:flex;align-items:center;gap:6px;max-width:210px;margin-top:5px;color:#061b35;font-size:13px;font-weight:950;word-break:break-all}
.top-info em{display:inline-grid;place-items:center;min-width:21px;height:21px;margin-left:4px;border-radius:999px;background:#e8eef5;color:#5d728b;font-style:normal;font-size:12px}
.top-link-button{display:flex;align-items:center;gap:4px;width:auto;height:auto;margin-top:5px;padding:0;border:0;background:transparent;color:#061b35;font-size:13px;font-weight:950;text-align:left}
.top-link-button:hover{background:transparent;text-decoration:underline}
.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#16a34a}
.view{display:none;padding:20px 30px}
.view:not(.active){display:none!important}
.view.active{display:block}
.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.metric{border:1px solid #c8d4e2;background:#fff;padding:14px}
.metric span{display:block;color:#536b86;font-size:12px;font-weight:850}
.metric strong{display:block;margin-top:6px;color:#061b35;font-size:27px}
.notice{margin-top:14px;border:1px solid #c8d4e2;background:#fff;padding:15px}
.notice p{margin:6px 0 0;color:#475f7d}
.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.split>div,.section-card{border:1px solid #c8d4e2;background:#fff;padding:14px}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0}
.section-head h2{margin:0;color:#061b35;font-size:18px}
.section-head p{margin:3px 0 0;color:#526f90;font-size:12px;font-weight:700}
.summary-strip{display:flex;align-items:center;gap:14px;min-height:34px;margin:-20px -30px 18px;padding:9px 30px;border-bottom:1px solid #c8d4e2;background:#fff;color:#0b1f35;font-size:13px}
.summary-strip strong{font-weight:950}
.dot{display:inline-block;width:6px;height:6px;margin-left:4px;border-radius:50%}
.dot.navy{background:#17345c}
.dot.slate{background:#334155}
.dot.purple{background:#7c3aed}
.dot.green{background:#16a34a}
.work-request-panel{border:1px solid #c8d4e2;background:#fff;margin-bottom:16px}
.work-request-panel>.section-head{padding:11px 14px 0}
.work-request-panel>.section-head button{min-width:74px}
.work-request-form{display:grid;grid-template-columns:170px 340px 120px 150px;gap:7px 9px;padding:4px 14px 13px;max-width:860px}
.work-request-form label{display:grid;gap:4px}
.work-request-form .wide{grid-column:1/-1}
.work-request-form button{width:112px}
.task-voice-controls{display:flex;align-items:center;gap:8px;padding:0 14px 8px;max-width:860px}
.task-voice-command-btn{position:relative;min-width:112px;padding-left:24px;background:#f3f7ff;border-color:#aac2e8;color:#174ea6}
.task-voice-command-btn::before{content:"";position:absolute;left:10px;top:50%;width:8px;height:8px;border-radius:999px;background:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.12);transform:translateY(-50%)}
.task-voice-command-btn.recording{border-color:#f3b1b1;background:#fff4f4;color:#b42318}
.task-voice-command-btn.recording::before{background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.15)}
.task-voice-command-btn.processing{border-color:#d6e1ed;background:#f5f8fb;color:#64748b}
.task-voice-status{font-size:12px;color:#52677f}
.work-section{margin-top:16px;border:1px solid #c8d4e2;background:#fff}
.work-section.compact .work-section-body{padding:0 14px 14px}
.work-section.collapsed .work-section-body{display:none}
.work-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;min-height:54px;padding:12px 14px 8px;border-bottom:0}
.work-section.compact .work-section-head{align-items:flex-start;justify-content:flex-start}
.work-section-head h2{margin:0;color:#061b35;font-size:20px;font-weight:950}
.work-section-head p{margin:3px 0 0;color:#526f90;font-size:12px}
.section-title-row{display:flex;align-items:center;gap:10px}
.section-title-row h2{line-height:31px}
.section-toggle{min-width:54px}
.count-pill{display:inline-grid;place-items:center;min-width:34px;height:25px;padding:0 9px;border:1px solid #9ec5ff;border-radius:4px;background:#fff;color:#005ed2;font-weight:900}
.business-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}
.business-card-head-tools{display:flex;align-items:center;justify-content:flex-end;gap:7px}
.work-section-body{padding:0 14px 14px}
.work-search-row{display:grid;grid-template-columns:260px 58px;gap:7px;margin-bottom:8px;padding:8px;border:1px solid #cbd6e2;background:#f9fbfd}
.work-filter-panel{margin-bottom:12px}
.task-filter-row{grid-template-columns:minmax(260px,1.2fr) 118px 118px minmax(190px,.8fr) minmax(190px,.8fr) 58px;margin-bottom:6px}
.task-date-filter-row{grid-template-columns:150px 150px 150px 150px;justify-content:start;margin-bottom:0}
.date-filter-field{display:grid;gap:3px}
.date-filter-field span{color:#314963;font-size:11px;font-weight:850;line-height:1.1}
.date-filter-field input{width:100%;height:32px}
.checklist-filter-row{grid-template-columns:minmax(260px,1fr) 118px 118px minmax(190px,.7fr) 58px;margin-bottom:0}
.daily-note-filter-row{grid-template-columns:minmax(260px,1fr) 120px 58px;margin-bottom:0}
.writing-note-filter-row{grid-template-columns:minmax(280px,1fr) 58px;margin-bottom:0}
.business-card-filter-row{grid-template-columns:minmax(280px,1fr) 130px 58px;margin-bottom:0}
.completed-task-filter-row{grid-template-columns:minmax(260px,1fr) 145px 145px 58px;margin-bottom:0}
.filter-result-text{min-height:22px;padding:6px 2px 0;color:#526f90;font-size:12px;font-weight:850}
.file-library-panel{margin-top:12px}
.file-search-row{grid-template-columns:minmax(260px,1fr) 120px 58px 128px 88px 88px 104px}
.file-explorer-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:12px;align-items:start}
.folder-pane{border:1px solid #b8c6d6;background:#fff;padding:10px;min-height:420px;box-shadow:0 1px 2px rgba(15,35,55,.08)}
.file-pane{min-width:0}
.folder-create-row{display:grid;grid-template-columns:1fr;gap:6px;margin:10px 0;padding:8px;border:1px solid #d7e0ea;background:#f8fafc}
.folder-create-row input{width:100%;height:32px}
.folder-action-row{display:grid;grid-template-columns:58px 86px 86px;gap:6px;justify-content:start}
.folder-action-row button{height:32px;padding:0 8px;white-space:nowrap}
.folder-tree{display:grid;gap:3px;min-height:190px;padding:8px;border:1px solid #d7e0ea;background:#fff}
.folder-tree-row{display:grid;grid-template-columns:23px minmax(0,1fr);gap:3px;align-items:center;padding-left:calc(var(--depth,0) * 18px)}
.folder-toggle{width:23px;min-width:23px;height:28px;padding:0;border:1px solid #9fb0c2;background:#f8fafc;color:#20354d;font-weight:950}
.folder-toggle:hover{background:#eef3f8}
.folder-toggle.blank{visibility:hidden}
.folder-tree-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:30px;padding:0 7px;border:1px solid transparent;background:#fff;color:#20354d;text-align:left;font-weight:850}
.folder-tree-item:hover{border-color:#b8c6d6;background:#eef3f8}
.folder-tree-item.active{border-color:#344458;background:#344458;color:#fff}
.folder-label{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden}
.folder-branch{flex:0 0 auto;color:#6b7e95;font-weight:950}
.folder-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.folder-tree-item em{font-style:normal;font-size:11px;color:inherit;opacity:.76}
.folder-choice-tree{display:grid;gap:3px;max-height:360px;margin:10px 0;padding:8px;border:1px solid #cbd6e2;background:#f9fbfd;overflow:auto}
.folder-choice-item{display:flex;align-items:center;height:30px;padding:0 8px 0 calc(8px + var(--depth,0) * 18px);border:1px solid transparent;background:#fff;color:#20354d;text-align:left;font-weight:850}
.folder-choice-item:hover{border-color:#b8c6d6;background:#eef3f8}
.folder-choice-item.active{border-color:#344458;background:#344458;color:#fff}
.trash-folder-btn{width:100%;height:32px;margin-top:8px;border-color:#efb5b5;background:#fff;color:#9f1239;text-align:left;padding:0 10px;font-weight:950}
.trash-folder-btn:hover{background:#fff8f8}
.trash-folder-btn.active{background:#9f1239;border-color:#9f1239;color:#fff}
.library-current-row{display:flex;align-items:center;gap:10px;min-height:34px;margin-bottom:10px;border:1px solid #cbd6e2;background:#f9fbfd;padding:7px 9px}
.library-current-row strong{color:#061b35}
.library-current-row span{color:#526f90;font-size:12px;font-weight:750}
.library-storage-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}
.library-storage-summary>div{display:grid;grid-template-columns:minmax(72px,auto) minmax(82px,1fr) minmax(52px,auto);align-items:center;gap:8px;min-height:36px;border:1px solid #cbd6e2;background:#fff;padding:6px 9px;box-shadow:0 1px 2px rgba(15,35,55,.06)}
.library-storage-summary span{color:#526f90;font-size:12px;font-weight:700}
.library-storage-summary strong{color:#061b35;font-size:15px;font-weight:800;text-align:right}
.library-storage-summary em{color:#20354d;font-style:normal;font-size:12px;font-weight:700;text-align:right}
.library-storage-summary .storage-danger{border-color:#f3c3c3;background:#fffafa}
.library-storage-summary .storage-danger span,.library-storage-summary .storage-danger strong{color:#9f1239}
.file-upload-panel{margin-bottom:10px;border:1px solid #cbd6e2;background:#fff;padding:10px}
.library-upload-toggle{display:none}
.file-library-form{display:grid;grid-template-columns:minmax(190px,1fr) minmax(190px,1fr) minmax(210px,1fr) 88px;gap:7px;margin-top:8px}
.system-log-filter-row{grid-template-columns:minmax(260px,1fr) 130px 130px 170px 135px 135px 120px 58px;margin-bottom:10px}
.system-log-table{min-width:1320px}
.system-log-table th:nth-child(2){width:155px}
.system-log-table th:nth-child(3){width:190px}
.system-log-table th:nth-child(4){width:110px}
.system-log-table th:nth-child(5){width:110px}
.system-log-table th:nth-child(6){width:220px}
.system-log-table th:nth-child(7){width:auto}
.system-log-table td{height:34px}
.log-user-cell,.log-target-cell,.log-detail-cell{text-align:left!important}
.log-user-cell strong,.log-target-cell strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.log-user-cell span,.log-target-cell span{display:block;margin-top:2px;color:#526f90;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.log-detail-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#20354d}
.log-action{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:23px;padding:0 8px;border:1px solid #cbd6e2;background:#fff;color:#20354d;font-weight:950;font-size:11px}
.log-action-create{border-color:#a7f3d0;background:#ecfdf5;color:#047857}
.log-action-edit{border-color:#fed7aa;background:#fff7ed;color:#c2410c}
.log-action-danger{border-color:#fecaca;background:#fff1f2;color:#be123c}
.log-action-restore{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}
.db-view-filter-row{grid-template-columns:minmax(260px,1fr) 130px;margin-bottom:10px}
.db-viewer-guide{border:1px solid #c8d4e2;background:#f8fafc;color:#1f3b57;padding:10px 12px;margin-bottom:10px;font-weight:700;line-height:1.45}
.db-viewer-layout{display:grid;grid-template-columns:430px minmax(0,1fr);gap:12px;align-items:start}
.db-table-list-panel,.db-table-detail-panel{border:1px solid #c8d4e2;background:#fff;padding:10px}
.db-table-list-panel h3,.db-table-detail-panel h3{margin:0 0 8px;color:#061b35;font-size:15px}
.db-detail-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px}
.db-detail-panel-head h3{margin:0}
#dbDetailBackToListBtn{display:none}
.db-table-list{min-width:410px}
.db-table-list th:nth-child(1){width:230px}
.db-table-list th:nth-child(2){width:74px}
.db-table-list th:nth-child(3),.db-table-list th:nth-child(4){width:72px}
.db-table-name{text-align:left!important;font-weight:900;color:#092b52}
.db-table-kor{font-weight:900;color:#092b52}
.db-table-eng{margin-top:2px;color:#526f90;font-size:11px;font-family:Consolas,'Courier New',monospace;font-weight:700}
.db-table-desc{margin-top:3px;color:#40536a;font-size:11px;line-height:1.35;font-weight:600;white-space:normal}
.db-detail-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}
.db-detail-summary>div{min-height:46px;border:1px solid #cbd6e2;background:#f8fafc;padding:7px 9px}
.db-detail-summary span{display:block;color:#526f90;font-size:12px;font-weight:800}
.db-detail-summary strong{display:block;margin-top:4px;color:#061b35;font-size:14px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.db-table-detail-panel h4{margin:12px 0 7px;color:#061b35;font-size:14px}
.db-table-detail-panel h3 small{font-size:12px;color:#526f90}
.db-table-guide{border:1px solid #c8d4e2;background:#f8fafc;padding:10px 12px;margin:8px 0 10px;line-height:1.45}
.db-table-guide strong{display:block;margin-bottom:4px;color:#092b52}
.db-table-guide span{display:block;color:#40536a;font-size:12px}
.db-column-table{min-width:980px}
.db-column-table code{font-family:Consolas,'Courier New',monospace;font-size:12px;color:#334155;background:#f1f5f9;padding:1px 4px}
.db-preview-wrap{max-height:420px}
.db-preview-table{min-width:980px}
.db-preview-head-label{display:block;font-weight:900;color:#fff}
.db-preview-table th small{display:block;color:#dbe7f5;font-size:10px;font-weight:700;margin-top:2px}
.db-preview-cell{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left!important}
.db-null{color:#8a98a8;font-weight:800}
.db-hidden-value{color:#9f1239;font-weight:900}
.entity-log-table{min-width:860px}
.entity-log-table th:nth-child(1){width:155px}
.entity-log-table th:nth-child(2){width:90px}
.entity-log-table th:nth-child(3){width:145px}
.entity-log-table th:nth-child(4){width:auto}
.entity-log-list .detail-empty{margin-bottom:0}
.message-compose-panel{margin-top:12px}
.message-box-panel{width:min(1120px,calc(100vw - 44px));min-height:min(720px,calc(100vh - 48px))}
.message-box-body{min-height:0;padding:14px;overflow:auto}
.compact-head h2{font-size:16px}
.message-form{display:grid;grid-template-columns:280px minmax(260px,1fr);gap:8px;margin-top:10px}
.message-form label{display:grid;gap:4px}
.message-form .wide{grid-column:1/-1}
.message-form textarea{min-height:86px}
.message-form button{width:112px}
.message-list-head{align-items:center}
.message-tab-row{display:flex;gap:6px;align-items:center}
.message-tab{min-width:92px}
.message-tab.active{background:#344458;border-color:#344458;color:#fff}
.erp-table-wrap{width:100%;overflow:auto;border:1px solid #74859a;border-radius:3px;background:#fff}
.erp-table{width:100%;min-width:1080px;border-collapse:collapse;background:#fff;table-layout:fixed}
.erp-table th,.erp-table td{border-right:1px dotted #aab8c8;border-bottom:1px solid #d5dee8;padding:6px 8px;text-align:center;vertical-align:middle}
.erp-table th:last-child,.erp-table td:last-child{border-right:0}
.erp-table th{background:#344458;color:#fff;font-size:12px;font-weight:950}
.erp-table td{height:31px;background:#fff;font-size:12px}
.erp-table tbody tr:nth-child(odd) td{background:#fff}
.erp-table tbody tr:nth-child(even) td{background:#f6f8fb}
.erp-table tr{cursor:pointer}
.erp-table tbody tr:hover td{background:#edf4fc}
.erp-table tbody tr.selected-row td{background:#eef5ff}
.erp-table .col-no{width:54px}
.erp-table .col-title{width:170px}
.erp-table .col-content{width:36%;text-align:left}
.erp-table .col-actions{width:104px}
.erp-table td.col-title{text-align:left}
.erp-table td strong{font-weight:950}
.task-table{min-width:1280px}
.task-table .col-title{width:180px}
.task-table .col-content{width:25%;text-align:left}
.task-table td.col-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.task-table th:nth-child(4),.task-table th:nth-child(5){width:95px}
.task-table th:nth-child(6),.task-table th:nth-child(7){width:92px}
.task-table th:nth-child(8){width:112px}
.task-table th:nth-child(9){width:150px}
.task-table .col-actions{width:130px}
.checklist-table{min-width:1320px}
.checklist-table .col-check{width:38px}
.checklist-table .col-check input{width:16px;height:16px}
.checklist-table .col-title{width:210px}
.checklist-table .col-content{width:28%;text-align:left}
.checklist-table td.col-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.checklist-table th:nth-child(5){width:110px}
.checklist-table th:nth-child(6){width:88px}
.checklist-table th:nth-child(7){width:102px}
.checklist-table th:nth-child(8){width:96px}
.checklist-table th:nth-child(9){width:62px}
.checklist-table th:nth-child(10){width:78px}
.checklist-table th:nth-child(11){width:150px}
.daily-note-table{min-width:1320px}
.daily-note-table .col-title{width:210px}
.daily-note-table .col-content{width:28%;text-align:left}
.daily-note-table td.col-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.writing-note-table{min-width:1180px}
.writing-note-table th:nth-child(1){width:42px}
.writing-note-table th:nth-child(2){width:54px}
.writing-note-table th:nth-child(3){width:155px}
.writing-note-table th:nth-child(4){width:300px}
.writing-note-table th:nth-child(5){width:42%;text-align:left}
.writing-note-table td.col-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.writing-note-table td.col-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.writing-note-table th:nth-child(6){width:150px}
.writing-note-table th:nth-child(7){width:70px}
.business-card-table{min-width:1260px}
.business-card-table th:nth-child(1){width:54px}
.business-card-table th:nth-child(2){width:150px}
.business-card-table th:nth-child(3){width:190px}
.business-card-table th:nth-child(4){width:180px}
.business-card-table th:nth-child(5){width:150px}
.business-card-table th:nth-child(6){width:210px}
.business-card-table th:nth-child(7){width:140px}
.business-card-table th:nth-child(8){width:70px}
.business-card-table th:nth-child(9){width:58px}
.business-card-table th:nth-child(10){width:155px}
.business-card-table td{height:34px}
.business-card-table td.col-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.daily-note-table th:nth-child(4){width:100px}
.daily-note-table th:nth-child(5){width:110px}
.daily-note-table th:nth-child(6){width:90px}
.daily-note-table th:nth-child(7){width:70px}
.daily-note-table th:nth-child(8){width:62px}
.daily-note-table th:nth-child(9),.daily-note-table th:nth-child(10){width:150px}
.daily-note-review-table{min-width:1500px}
.daily-note-review-table th{white-space:nowrap}
.daily-note-review-table .col-title{width:190px}
.daily-note-review-table .col-content{width:160px;text-align:left}
.daily-note-review-table th:nth-child(3){width:160px!important}
.daily-note-review-table th:nth-child(8),
.daily-note-review-table .col-reason{width:430px!important;text-align:left}
.daily-note-review-table td.col-reason{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.daily-note-review-table th:nth-child(9){width:54px!important}
.daily-note-review-table th:nth-child(10){width:150px!important}
.schedule-filter-row{grid-template-columns:70px 130px 70px 70px 180px minmax(260px,1fr) 58px;margin-bottom:0;align-items:center}
.schedule-filter-row strong{display:flex;align-items:center;justify-content:center;height:31px;border:1px solid #cbd6e2;background:#fff;color:#061b35;font-size:14px;font-weight:950}
#scheduleMobileNewBtn{display:none}
.schedule-color-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:4px}
.schedule-color-picker button{display:flex;align-items:center;justify-content:flex-start;gap:7px;height:31px;padding:0 8px;background:#fff;color:#20354d;font-size:12px;font-weight:900}
.schedule-color-picker button span{width:18px;height:4px;border-radius:99px;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.schedule-color-picker button.active{border-color:#344458;background:#eef3f8;color:#061b35;box-shadow:inset 0 0 0 1px #344458}
.schedule-calendar-section .work-section-body{padding-top:0}
.schedule-weekday-row{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid #74859a;border-bottom:0;background:#344458;color:#fff;font-size:12px;font-weight:950;text-align:center}
.schedule-weekday-row span{padding:7px 0;border-right:1px dotted #aab8c8}
.schedule-weekday-row span:last-child{border-right:0}
.schedule-calendar-grid{border:1px solid #74859a;background:#fff}
.schedule-week{position:relative;border-bottom:1px solid #d5dee8;background:#fff}
.schedule-week:last-child{border-bottom:0}
.schedule-day-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(7,1fr)}
.schedule-day-cell{min-height:96px;border-right:1px dotted #aab8c8;background:#fff;cursor:pointer}
.schedule-day-cell:nth-child(even){background:#fbfcfe}
.schedule-day-cell:last-child{border-right:0}
.schedule-day-cell.outside-month{background:#f3f6fa;color:#8b98a8}
.schedule-day-cell:hover{background:#eef5ff}
.schedule-day-cell.today span{display:inline-grid;place-items:center;min-width:23px;height:22px;border:1px solid #005ed2;background:#eef6ff;color:#005ed2;font-weight:950}
.schedule-day-cell span{display:inline-block;margin:6px 0 0 7px;font-size:12px;font-weight:900}
.schedule-bar-layer{position:absolute;left:0;right:0;top:31px;z-index:2}
.schedule-bar{position:absolute;z-index:3;height:20px;display:flex;align-items:center;min-width:0;padding:0 8px;border:1px solid var(--schedule-color,#2563eb);border-radius:4px;background:var(--schedule-color,#2563eb)!important;background-color:var(--schedule-color,#2563eb)!important;background-image:none!important;color:#fff!important;font-size:11px;font-weight:900;text-align:left;overflow:hidden;box-shadow:0 1px 1px rgba(15,23,42,.16);cursor:pointer;box-sizing:border-box}
.schedule-bar-fill{display:none}
.schedule-bar:hover,.schedule-bar:focus{background:var(--schedule-color,#2563eb)!important;background-color:var(--schedule-color,#2563eb)!important;background-image:none!important;color:#fff!important;filter:brightness(.96);outline:2px solid rgba(17,24,39,.35);outline-offset:1px}
.schedule-bar.selected{outline:2px solid #111827;outline-offset:1px}
.schedule-bar.continues-before{border-top-left-radius:0;border-bottom-left-radius:0}
.schedule-bar.continues-after{border-top-right-radius:0;border-bottom-right-radius:0}
.schedule-bar span{position:relative;z-index:1;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.35)}
.schedule-event-bar:hover,.schedule-event-bar:focus{filter:brightness(.96);outline:2px solid rgba(17,24,39,.35);outline-offset:1px}
.schedule-event-bar.selected{outline:2px solid #111827;outline-offset:1px}
.schedule-event-bar.continues-before{border-top-left-radius:0!important;border-bottom-left-radius:0!important}
.schedule-event-bar.continues-after{border-top-right-radius:0!important;border-bottom-right-radius:0!important}
.schedule-event-bar span{position:relative!important;z-index:1!important}
.schedule-event-fill{forced-color-adjust:none!important}
.schedule-color-blue .schedule-event-fill{fill:#2563eb!important}
.schedule-color-green .schedule-event-fill{fill:#0f766e!important}
.schedule-color-orange .schedule-event-fill{fill:#d97706!important}
.schedule-color-red .schedule-event-fill{fill:#dc2626!important}
.schedule-color-purple .schedule-event-fill{fill:#7c3aed!important}
.schedule-color-gray .schedule-event-fill{fill:#475569!important}
.schedule-debug-panel{margin-top:8px;border:1px solid #d97706;background:#fff7ed;color:#7c2d12;padding:8px;font-size:12px;font-weight:900;line-height:1.45}
.schedule-table{min-width:1180px}
.schedule-table th:nth-child(2){width:190px}
.schedule-table th:nth-child(3){width:120px}
.schedule-table .col-title{width:260px}
.schedule-table .col-content{width:32%;text-align:left}
.schedule-table td.col-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.schedule-table th:nth-child(6){width:120px}
.schedule-table th:nth-child(7){width:150px}
.schedule-color-dot{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:2px;vertical-align:-1px}
.schedule-detail-panel{width:min(900px,calc(100vw - 44px));min-height:0}
.schedule-detail-strip .schedule-color-dot{margin-right:4px}
.schedule-form{grid-template-columns:1fr 1fr}
.mobile-schedule-week-panel{display:none}
.mobile-schedule-week-grid,.mobile-schedule-week-list{display:grid}
.freight-filter-row{grid-template-columns:112px 112px 106px minmax(260px,1fr) 120px 120px 140px 140px 72px}
.freight-bulk-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 9px;padding:8px 10px;border:1px solid #c8d4e2;background:#fff;color:#20354d;font-size:12px}
.freight-bulk-row strong{font-weight:950;margin-right:4px}
.freight-bulk-row select{height:31px;min-width:124px}
.freight-bulk-row button{height:31px;min-width:112px;white-space:nowrap}
.freight-bulk-row span{color:#52657c;font-weight:700}
.freight-summary-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0 9px;padding:8px 10px;border:1px solid #c8d4e2;background:#fff;color:#20354d;font-size:12px}
.freight-summary-strip span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.freight-summary-strip b{font-weight:900}
.freight-table{min-width:1320px}
.freight-table .col-check{width:42px}
.freight-table .col-check input{width:16px;height:16px}
.freight-table th:nth-child(3){width:100px}
.freight-table th:nth-child(4){width:106px}
.freight-table th:nth-child(5),.freight-table th:nth-child(6){width:210px}
.freight-table th:nth-child(7){width:190px}
.freight-table th:nth-child(8){width:110px}
.freight-table th:nth-child(9){width:120px}
.freight-table th:nth-child(10){width:100px}
.freight-table th:nth-child(11){width:110px}
.freight-table th:nth-child(12){width:150px}
.freight-table .col-place,.freight-table .col-product{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.freight-status,.freight-payment{font-weight:950}
.freight-status-ready{color:#334155}
.freight-status-assigned{color:#005ed2}
.freight-status-loaded{color:#d97706}
.freight-status-unloaded{color:#0f766e}
.freight-payment-unpaid{color:#b91c1c}
.freight-payment-paid{color:#005ed2}
.freight-payment-settled{color:#0f766e}
.freight-status-select,.freight-payment-select{height:29px;min-width:88px;font-size:12px}
.freight-detail-panel{width:min(1040px,calc(100vw - 44px));min-height:0}
.freight-edit-panel{width:min(1120px,calc(100vw - 44px))}
.freight-edit-panel .detail-panel{background:#fff;padding:12px}
.form-grid.freight-form{display:grid;grid-template-columns:1fr;gap:10px;margin-top:0}
.freight-form-section{border:1px solid #b8c7d8;border-radius:7px;background:#f8fafc;box-shadow:0 2px 7px rgba(15,23,42,.14),inset 0 1px 0 rgba(255,255,255,.95)}
.freight-edit-panel .freight-form-section>.freight-section-title{display:block;margin:0!important;padding:7px 10px!important;border-bottom:1px solid #344458!important;background:#344458!important;color:#fff!important;font-size:13px!important;font-weight:950!important}
.freight-section-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 10px;padding:10px}
.freight-section-grid .span-2{grid-column:span 2}
.freight-section-grid .span-full{grid-column:1/-1}
.freight-form label{min-height:0;color:#20354d;font-size:12px;font-weight:900}
.freight-form input,.freight-form select,.freight-form textarea{margin-top:5px;height:32px;border:1px solid #aab9ca;border-radius:4px;background:linear-gradient(180deg,#fff 0%,#f4f8fc 100%);box-shadow:inset 0 2px 5px rgba(15,23,42,.14),0 1px 0 rgba(255,255,255,.95);font-weight:850}
.freight-form input:focus,.freight-form select:focus,.freight-form textarea:focus{border-color:#5e8fc2;background:#fff;box-shadow:inset 0 2px 4px rgba(15,23,42,.10),0 0 0 2px rgba(37,99,235,.16)}
.freight-form textarea{height:auto;min-height:72px}
.freight-detail-strip .freight-status,.freight-detail-strip .freight-payment{display:inline-block;margin-left:5px}
.freight-share-panel{width:min(980px,calc(100vw - 44px));min-height:0}
.freight-share-body{padding:14px}
.freight-share-layout{display:grid;grid-template-columns:280px 1fr;gap:14px;align-items:start}
.freight-qr-box{border:1px solid #b8c7d8;background:#fff;padding:14px;text-align:center}
.freight-qr-box img{width:240px;height:240px;max-width:100%;border:1px solid #d5dee8;background:#fff}
.freight-qr-box p{margin:8px 0 0;color:#526f90;font-size:12px;line-height:1.45}
.freight-share-meta{margin-top:8px;font-size:12px;font-weight:900;color:#344458}
.freight-share-preview{display:grid;gap:10px}
.freight-share-preview label{display:grid;gap:5px;color:#20354d;font-size:12px;font-weight:900}
.freight-share-link{min-height:34px;padding:8px;border:1px solid #aab9ca;background:#f8fafc;color:#005ed2;font-size:12px;word-break:break-all}
.freight-share-preview textarea{width:100%;min-height:295px;padding:10px;border:1px solid #aab9ca;border-radius:4px;background:#fff;font-size:12px;line-height:1.55;resize:vertical}
.margin-calc-guide{margin-top:12px;padding:11px 13px;border:1px solid #c8d4e2;background:#fff;color:#20354d;font-size:13px;line-height:1.55}
.margin-calc-box .work-section-head{min-height:auto;border-bottom:1px solid #d7e0ea;background:#f9fbfd}
.margin-calc-grid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:8px;margin-top:2px}
.margin-calc-grid label{display:grid;gap:4px;color:#314963;font-size:12px;font-weight:850}
.margin-calc-grid input{width:100%;height:34px;box-sizing:border-box;border:1px solid #b8c6d6;background:#fff;color:#061b35;padding:0 9px;font-size:13px;font-weight:800}
.margin-calc-actions{display:flex;justify-content:flex-start;gap:7px;margin-top:10px;flex-wrap:wrap}
.margin-calc-actions button{min-width:92px}
.margin-calc-actions .soft{background:#f8fafc;color:#0b1f35;border-color:#aebdcc}
.margin-calc-result{margin-top:10px}
.margin-result-wrap{overflow-x:auto;border:1px solid #7f94ab;background:#fff}
.margin-result-table{min-width:900px}
.margin-result-table th,.margin-result-table td{text-align:right}
.margin-result-table th:first-child,.margin-result-table td:first-child{text-align:left}
.margin-profit{font-weight:950}
.margin-profit.plus{color:#047857}
.margin-profit.minus{color:#dc2626}
.margin-result-summary{margin-bottom:10px;padding:11px 12px;border:1px solid #c8d4e2;background:#f9fbfd;color:#20354d;font-size:13px;line-height:1.65}
.margin-auto-row{margin-top:8px;padding:10px;border:1px solid #c8d4e2;background:#fff}
.margin-auto-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:#061b35;font-size:13px;font-weight:950}
.margin-auto-remove{width:auto;height:28px;padding:0 9px;border:1px solid #f1b4b4;background:#fff;color:#b91c1c;font-size:12px;font-weight:900}
.margin-result-note{padding:12px;border:1px dashed #b8c6d6;background:#f9fbfd;color:#526f90;font-size:13px;font-weight:850}
.table-action-row{display:flex;align-items:center;justify-content:flex-start;gap:7px;margin:0 0 8px}
.checklist-action-row .danger-btn{min-width:92px}
.checklist-file-table th:nth-child(1){width:28%}
.checklist-file-table th:nth-child(2){width:24%}
.checklist-file-table th:nth-child(3){width:86px}
.checklist-file-table th:nth-child(4){width:120px}
.checklist-file-table th:nth-child(5){width:142px}
.checklist-file-table th:nth-child(6){width:82px}
.checklist-file-table th:nth-child(7){width:70px}
.checklist-file-name-input{width:100%;height:28px;padding:0 7px;border:1px solid #aebdcc;background:#fff;font-size:12px;font-weight:850}
.file-library-table tr{cursor:pointer}
.file-library-table .col-check{width:36px}
.file-library-table .col-check input{width:16px;height:16px}
.file-library-table th:nth-child(3){width:82px}
.file-library-table th:nth-child(4){width:280px}
.file-library-table th:nth-child(5){width:220px}
.file-library-table th:nth-child(6){width:130px}
.file-library-table th:nth-child(7){width:90px}
.file-library-table th:nth-child(8){width:150px}
.file-library-table th:nth-child(9){width:82px}
.file-library-table th:nth-child(10){width:82px}
.file-name-cell,.file-task-cell{text-align:left!important}
.file-name-cell span,.file-task-cell span{display:block;margin-top:2px;color:#64748b;font-size:11px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-task-cell strong{display:block;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.download-link{color:#005ed2;font-weight:950;text-decoration:none}
.download-link:hover{text-decoration:underline}
.button-link{display:inline-flex;align-items:center;justify-content:center;height:31px;min-width:54px;padding:0 10px;border:1px solid #aebdcc;border-radius:4px;background:#f8fafc;text-decoration:none}
.small-table-btn{height:27px;min-width:48px;padding:0 9px;font-size:12px;line-height:1;white-space:nowrap}
.danger-soft-btn{border-color:#efb5b5;color:#b91c1c;background:#fff8f8;white-space:nowrap}
.danger-soft-btn:hover{background:#fff0f0}
#moveSelectedFilesBtn,#deleteSelectedFilesBtn,#restoreSelectedFilesBtn,#purgeSelectedFilesBtn{white-space:nowrap}
.message-table th:nth-child(2){width:170px}
.message-table th:nth-child(4){width:70px}
.message-table th:nth-child(5){width:90px}
.message-table th:nth-child(6){width:150px}
.message-title-cell{text-align:left!important}
.unread-mark{display:inline-block;margin-right:6px;color:#b91c1c;font-size:11px;font-weight:950}
.message-modal-panel{width:min(760px,calc(100vw - 44px));min-height:0}
.message-detail-meta{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-admin-grid{display:grid;grid-template-columns:1fr;gap:14px}
.product-admin-section{margin-top:0}
.product-tab-row{display:flex;align-items:center;gap:6px;margin:12px 0 0;border-bottom:1px solid #9fb0c2}
.product-tab{height:34px;min-width:118px;border:1px solid #aebdcc;border-bottom:0;border-radius:4px 4px 0 0;background:#f8fafc;color:#20354d}
.product-tab.active{background:#344458;border-color:#344458;color:#fff}
.product-tab-panel{display:none}
.product-tab-panel.active{display:block}
.product-search-row{grid-template-columns:minmax(260px,420px) 110px 58px}
.product-filter-row{grid-template-columns:minmax(260px,1fr) 180px 110px 58px}
.product-filter-toggle{display:none}
.admin-table th:last-child{width:132px}
.admin-table td:nth-child(2),.admin-table td:nth-child(3),.notice-title-cell{text-align:left!important}
.mobile-list-sub{display:none}
.partner-table .col-check{width:38px}
.partner-table .col-check input{width:16px;height:16px}
.partner-table .col-no{text-align:center!important}
.partner-table th:last-child{width:150px}
.partner-table th:nth-child(6){width:28%}
.partner-table th:nth-child(7){width:76px}
.partner-table th:nth-child(8){width:78px}
.admin-memo-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left!important}
.product-table{min-width:1120px}
.product-table th:nth-child(2){width:260px}
.product-table th:nth-child(3){width:170px}
.product-table th:nth-child(4),.product-table th:nth-child(5),.product-table th:nth-child(6),.product-table th:nth-child(7){width:92px}
.product-table th:nth-child(8){width:58px}
.product-table th:nth-child(9){width:150px}
.inspection-beginner-guide{border:1px solid #c8d4e2;background:#f8fafc;color:#1f3b57;padding:10px 12px;margin-bottom:10px;font-weight:700}
.inspection-check-grid{margin-bottom:12px}
.inspection-overall{border:1px solid #b7c5d5;background:#fff;padding:12px 14px;margin-bottom:10px}
.inspection-overall strong{display:block;font-size:17px;margin-bottom:4px}
.inspection-overall span{display:block;color:#40536a;font-size:12px}
.inspection-overall.ok{border-color:#86efac;background:#f0fdf4}
.inspection-overall.warn{border-color:#f6c66f;background:#fffbeb}
.inspection-overall.error{border-color:#fca5a5;background:#fff1f2}
.release-version-panel{border:1px solid #b7c5d5;background:#fff;padding:12px 14px;margin-bottom:2px}
.release-version-main{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.release-version-main strong{font-size:20px;color:#10233b}
.release-version-main span{color:#40536a;font-size:13px}
.release-version-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}
.release-version-grid>div{border:1px solid #d8e2ee;background:#f8fafc;padding:9px 10px}
.release-version-grid span{display:block;color:#64748b;font-size:12px;margin-bottom:4px}
.release-version-grid strong{display:block;color:#0f172a;font-size:13px}
.release-version-guide{margin:10px 0 0;color:#4b5f78;font-size:12px}
.inspection-check-group{border:1px solid #b7c5d5;background:#fff;margin-bottom:10px}
.inspection-check-group h3{margin:0;padding:9px 12px 8px;background:transparent;color:#061b35;font-size:14px;border-bottom:1px solid #c8d4e2}
.inspection-check-group h3::before{content:"▸";display:inline-block;margin-right:7px;color:#34475e;font-weight:900}
.inspection-check-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:0}
.inspection-check-item{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:start;padding:10px 12px;border-top:1px dotted #b7c5d5}
.inspection-check-status{display:inline-flex;align-items:center;justify-content:center;min-height:24px;border:1px solid #9fb1c4;background:#f8fafc;font-weight:900}
.inspection-check-item.ok .inspection-check-status{border-color:#86efac;color:#15803d;background:#f0fdf4}
.inspection-check-item.warn .inspection-check-status{border-color:#f6c66f;color:#b45309;background:#fffbeb}
.inspection-check-item.error .inspection-check-status{border-color:#fca5a5;color:#b91c1c;background:#fff1f2}
.inspection-check-main strong{display:block;margin-bottom:3px;color:#10233b}
.inspection-check-main span{display:block;color:#26384d;font-size:12px;line-height:1.45}
.inspection-check-main em{display:block;margin-top:4px;color:#64748b;font-style:normal;font-size:12px}
.integration-check-table-wrap{border:0}
.integration-check-table{min-width:980px}
.integration-check-table th:nth-child(1){width:90px}
.integration-check-table th:nth-child(2){width:210px}
.integration-check-table th:nth-child(4){width:180px}
.integration-check-table tr{cursor:default}
.integration-check-table td{height:34px}
.integration-check-row.ok td{background:#fff}
.integration-check-row.warn td{background:#fffaf0}
.integration-check-row.error td{background:#fff1f2}
.integration-check-row.ok .inspection-check-status{border-color:#86efac;color:#15803d;background:#f0fdf4}
.integration-check-row.warn .inspection-check-status{border-color:#f6c66f;color:#b45309;background:#fffbeb}
.integration-check-row.error .inspection-check-status{border-color:#fca5a5;color:#b91c1c;background:#fff1f2}
.feature-check-group{border:1px solid #b7c5d5;background:#fff;margin-bottom:10px}
.feature-check-group h3{margin:0;padding:9px 12px 8px;color:#061b35;font-size:14px;border-bottom:1px solid #c8d4e2}
.feature-check-group h3::before{content:"▸";display:inline-block;margin-right:7px;color:#34475e;font-weight:900}
.feature-check-table{min-width:920px}
.feature-check-table th:nth-child(1){width:92px}
.feature-check-table th:nth-child(2){width:210px}
.feature-check-table tr{cursor:default}
.operation-ready-group{border:1px solid #b7c5d5;background:#fff;margin-bottom:10px}
.operation-ready-group h3{margin:0;padding:9px 12px 8px;color:#061b35;font-size:14px;border-bottom:1px solid #c8d4e2}
.operation-ready-group h3::before{content:"▸";display:inline-block;margin-right:7px;color:#34475e;font-weight:900}
.operation-ready-table{min-width:1120px}
.operation-ready-table th:nth-child(1){width:86px}
.operation-ready-table th:nth-child(2){width:92px}
.operation-ready-table th:nth-child(3){width:170px}
.operation-ready-table th:nth-child(4){width:390px}
.operation-ready-table tr{cursor:default}
.operation-ready-done td{background:#f8fbf8}
.operation-ready-toggle{height:26px;min-width:68px;padding:0 8px;border:1px solid #aebdcc;background:#fff;color:#10233b;font-size:12px;font-weight:900}
.operation-ready-toggle.done{border-color:#86efac;background:#f0fdf4;color:#15803d}
.operation-ready-summary{display:flex;align-items:center;gap:10px;border:1px solid #b7c5d5;background:#fff;padding:8px 10px;margin-bottom:10px}
.operation-ready-summary strong{color:#10233b}
.operation-ready-summary span{color:#52657c;font-size:12px;font-weight:700;flex:1}
.operation-ready-summary button{height:28px;padding:0 10px;border:1px solid #aebdcc;background:#fff;color:#10233b;font-weight:900}
.permission-audit-summary{margin-bottom:10px}
.permission-audit-section{border:1px solid #b7c5d5;background:#fff;margin-bottom:10px}
.permission-audit-section h3{margin:0;padding:9px 12px 8px;color:#061b35;font-size:14px;border-bottom:1px solid #c8d4e2}
.permission-audit-section h3::before{content:"▸";display:inline-block;margin-right:7px;color:#34475e;font-weight:900}
.permission-audit-table{min-width:900px}
.permission-audit-table th:nth-child(1){width:160px}
.permission-audit-table th:nth-child(2){width:230px}
.permission-employee-table{min-width:1080px}
.permission-employee-table th:nth-child(1){width:54px}
.permission-employee-table th:nth-child(2){width:230px}
.permission-employee-table th:nth-child(3){width:100px}
.permission-employee-table th:nth-child(4){width:70px}
.permission-employee-table th:nth-child(5){width:90px}
.permission-employee-table th:nth-child(7){width:180px}
.permission-employee-table td span{color:#52657c;font-size:12px;font-weight:700}
.permission-warn-row td{background:#fffaf0!important}
.feature-status{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:24px;border:1px solid #9fb1c4;background:#f8fafc;color:#20354d;font-weight:900}
.feature-status.done{border-color:#86efac;background:#f0fdf4;color:#15803d}
.feature-status.progress{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}
.feature-status.pending{border-color:#f6c66f;background:#fffbeb;color:#b45309}
.inspection-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-bottom:12px}
.inspection-summary-card{border:1px solid #b7c5d5;background:#fff;padding:10px 12px;min-height:54px}
.inspection-summary-card span{display:block;color:#40536a;font-size:12px;margin-bottom:4px}
.inspection-summary-card strong{font-size:18px;color:#10233b}
.inspection-summary-card.ok strong{color:#15803d}
.inspection-summary-card.warn strong{color:#b45309}
.inspection-section{margin-top:12px;border:1px solid #b7c5d5;background:#fff}
.inspection-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid #c8d4e2;background:#f4f7fb}
.inspection-section-head h3{margin:0 0 4px;font-size:16px}
.inspection-section-head p{margin:0;color:#40536a;font-size:12px}
.inspection-table{min-width:880px}
.inspection-empty{border:0}
.link-cell-button{border:0;background:transparent;color:#075985;font-weight:700;text-decoration:underline;text-underline-offset:2px;padding:0;min-height:auto}
.link-cell-button:hover{color:#0f172a}
.notice-line{border:1px solid #f3d19e;background:#fff7ed;color:#9a3412;padding:9px 12px;margin-bottom:10px;font-weight:700}
.employee-table{min-width:1180px}
.employee-table th:nth-child(1){width:55px}
.employee-table th:nth-child(2){width:150px}
.employee-table th:nth-child(4){width:100px}
.employee-table th:nth-child(7){width:64px}
.employee-table th:nth-child(8){width:86px}
.employee-permission-cell{white-space:nowrap;text-align:center!important;font-weight:900}
.notice-search-row{grid-template-columns:minmax(260px,420px) 58px}
.notice-home-table{min-width:760px}
.checklist-home-table{min-width:820px}
.checklist-home-table th:nth-child(1){width:44%}
.notice-home-table th:nth-child(1){width:55%}
.notice-table th:nth-child(2){width:38%}
.notice-table th:nth-child(7){width:132px}
.notice-form textarea{min-height:160px}
.notice-detail-panel{width:min(820px,calc(100vw - 44px));min-height:0}
.daily-note-detail-panel{width:min(920px,calc(100vw - 44px));min-height:0}
.writing-note-detail-panel{width:min(980px,calc(100vw - 44px));min-height:0}
.business-card-detail-panel{width:min(980px,calc(100vw - 44px));min-height:0}
.product-detail-panel{width:min(900px,calc(100vw - 44px));min-height:0}
.employee-detail-panel{width:min(900px,calc(100vw - 44px));min-height:0}
.library-file-panel{width:min(900px,calc(100vw - 44px));min-height:0}
.form-modal-panel{width:min(760px,calc(100vw - 44px));min-height:0}
.form-modal-panel .detail-panel{padding:14px}
.form-modal-panel .form-grid{margin-top:0}
.form-modal-panel .wide{grid-column:1/-1}
.notice-detail-body h3{margin:0 0 6px;color:#061b35;font-size:18px}
.notice-detail-content{min-height:120px;margin-top:10px;border:1px solid #d5dee8;background:#fff;padding:10px;line-height:1.55}
.table-empty{display:grid;place-items:center;min-height:62px;border:1px solid #cbd6e2;background:#fff;color:#526f90;font-weight:800}
.status-badge,.priority-badge,.badge{display:inline;background:transparent!important;border:0!important;border-radius:0!important;min-width:0;min-height:0;padding:0;font-size:12px;font-weight:950;white-space:nowrap}
.priority-badge{color:#006ca8}
.priority-normal{color:#006ca8}
.priority-important{color:#d97706}
.priority-urgent{color:#dc2626}
.status-badge{color:#344458}
.task-status-select{height:25px;min-width:86px;border:1px solid #aebdcc;background:#fff;padding:2px 22px 2px 7px;color:#344458;font-size:12px;font-weight:900;cursor:pointer}
.checklist-status-select{height:25px;min-width:86px;border:1px solid #aebdcc;background:#fff;padding:2px 22px 2px 7px;color:#344458;font-size:12px;font-weight:900;cursor:pointer}
.status-select-done{color:#087539}
.status-select-checking{color:#005ed2}
.status-select-hold{color:#8a5a00}
.status-select-reject{color:#b91c1c}
.checklist-status-wait{color:#344458}
.checklist-status-progress{color:#005ed2}
.checklist-status-hold{color:#8a5a00}
.checklist-status-done{color:#087539}
.daily-note-status-note{color:#005ed2}
.daily-note-status-review{color:#b91c1c}
.daily-note-status-done{color:#087539}
.daily-note-status-select{height:25px;min-width:90px;border:1px solid #aebdcc;background:#fff;padding:2px 22px 2px 7px;font-size:12px;font-weight:900;cursor:pointer}
.daily-note-status-select-review{color:#b91c1c}
.dashboard-on-btn{color:#005ed2;border-color:#9ec5ff;background:#fff}
.task-confirm-btn{height:25px;min-width:74px;padding:0 8px;border:1px solid #aebdcc;background:#fff;font-size:12px;font-weight:900}
.task-confirm-done{color:#087539}
.task-confirm-hold{color:#8a5a00}
.task-confirm-reject{color:#b91c1c}
.status-완료{color:#087539}
.status-확인중{color:#005ed2}
.status-대기{color:#344458}
.status-진행중{color:#005ed2}
.status-보류{color:#8a5a00}
.status-반려{color:#b91c1c}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.form-grid button,.detail-section button{background:#f8fafc;color:#0b1f35;border-color:#aebdcc}
.filter-row{display:grid;grid-template-columns:180px 160px;gap:8px;margin:12px 0}
.partner-form textarea,.product-form textarea{min-height:64px;grid-column:1/-1}
.employee-editor{margin-top:12px;margin-bottom:12px}
.employee-form{grid-template-columns:repeat(4,minmax(0,1fr))}
.permission-row{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:7px 10px;margin:10px 0 12px;color:#334155;font-size:13px;font-weight:700}
.permission-row label{display:flex;align-items:center;gap:6px;min-height:28px;padding:5px 8px;border:1px solid var(--line);background:#f8fafc}
.permission-row input{width:auto;height:auto}
.button-row{display:flex;gap:8px;align-items:center}
.helper-text{margin:9px 0 0;color:#64748b;font-size:12px}
.field-help{display:block;margin-top:4px;color:#64748b;font-size:11px;font-weight:750;line-height:1.35}
.list{display:grid;gap:7px;margin-top:12px}
.item{border:1px solid #d3dde8;background:#fff;padding:8px}
.item-title{display:flex;align-items:center;gap:8px;justify-content:space-between;color:#061b35;font-weight:900}
.inline-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}
.section-left-actions{margin-top:8px;justify-content:flex-start}
.button-like{display:inline-flex;align-items:center;justify-content:center;height:31px;padding:0 10px;border:1px solid #aebdcc;border-radius:4px;background:#f8fafc;color:#0b1f35;font-weight:700;text-decoration:none;cursor:pointer}
.button-like:hover{background:#eef3f8;text-decoration:none}
.mini-btn{width:auto;min-width:42px;height:28px;padding:0 9px;font-size:12px;white-space:nowrap;word-break:keep-all}
.danger-btn{border-color:#efb4b4!important;background:#fffafa!important;color:#b91c1c!important}
.danger-btn:hover{background:#fff1f1!important}
.task-actions{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:nowrap}
.task-actions .mini-btn{height:27px;line-height:1}
.task-edit-panel textarea{min-height:120px}
.item-meta{margin-top:4px;color:#64748b;font-size:12px;line-height:1.45}
.mobile-filter-toggle{display:none}
.modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px}
.app-dialog{z-index:1200}
.modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.45)}
.modal-panel{position:relative;z-index:1;width:min(1180px,calc(100vw - 44px));max-height:calc(100vh - 48px);display:flex;flex-direction:column;border:1px solid #202a34;background:#fff;box-shadow:0 16px 40px rgba(15,23,42,.28)}
.task-modal-panel{min-height:min(720px,calc(100vh - 48px))}
.app-dialog-panel{width:min(460px,calc(100vw - 44px));min-height:0}
.app-dialog-body{padding:16px}
.app-dialog-message{min-height:42px;margin:0;color:#20354d;font-size:13px;font-weight:800;line-height:1.55;white-space:pre-line}
.modal-titlebar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:42px;padding:0 12px;border-bottom:1px solid #202a34;background:#344458;color:#fff}
.modal-titlebar strong{font-size:15px;font-weight:950}
.modal-close{width:34px;height:30px;border:1px solid rgba(255,255,255,.45);background:#344458;color:#fff;font-size:22px;line-height:1}
.modal-close:hover{background:#263548}
.detail-panel{min-height:0;padding:14px;overflow:auto}
.work-detail-panel{flex:1}
.empty-detail{color:#526f90;font-size:13px;font-weight:800}
.empty-detail.small{padding:6px 0}
.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid #d5dee8;padding-bottom:10px}
.detail-head h3{margin:0;color:#061b35;font-size:18px}
.detail-head p{margin:5px 0 0;color:#64748b;font-size:12px}
.detail-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-shrink:0}
.detail-status-strip{display:flex;flex-wrap:wrap;gap:0;margin-top:10px;border:1px solid #d5dee8;background:#f8fafc}
.detail-status-strip > span{min-height:32px;padding:8px 12px;border-right:1px dotted #aab8c8;color:#20354d;font-size:12px;font-weight:900}
.detail-status-strip > span:last-child{border-right:0}
.detail-status-strip .status-badge,.detail-status-strip .priority-badge{min-height:0;padding:0;border-right:0;font-size:12px;font-weight:950}
.detail-info-wrap{margin:10px 0 0}
.detail-info-table{min-width:720px}
.detail-info-table th{width:110px;background:#eef3f8!important;color:#20354d!important}
.detail-info-table td{text-align:left}
.product-detail-table{min-width:760px}
.product-detail-table tr{cursor:default}
.product-detail-table td{line-height:1.45}
.detail-section-title-row{display:flex;align-items:center;gap:10px;margin-bottom:7px}
.detail-section-title-row h4{margin:0}
.detail-section-title-row span{color:#526f90;font-size:12px;font-weight:850}
.partner-product-table{min-width:920px}
.partner-product-table th:nth-child(1){width:220px}
.partner-product-table th:nth-child(2),.partner-product-table th:nth-child(3),.partner-product-table th:nth-child(4),.partner-product-table th:nth-child(5){width:92px}
.partner-product-table th:nth-child(6){width:58px}
.partner-product-table th:nth-child(8){width:64px}
.employee-detail-table{min-width:760px}
.employee-detail-table tr{cursor:default}
.daily-note-detail-table{min-width:760px}
.daily-note-detail-table tr{cursor:default}
.library-detail-table{min-width:760px}
.library-detail-table tr{cursor:default}
.detail-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:10px 0;border:1px solid #d5dee8;border-bottom:0}
.detail-meta span{display:block;border-right:1px dotted #aab8c8;border-bottom:1px solid #d5dee8;background:#f8fafc;padding:8px;color:#334155;font-size:12px;font-weight:800}
.detail-meta span:last-child{border-right:0}
.detail-content-box{margin-top:10px}
.detail-content-box h4{margin:0 0 7px;color:#061b35;font-size:14px}
.detail-content{border:1px solid #d5dee8;background:#fff;padding:10px;line-height:1.55;white-space:normal}
.reject-box{margin-top:10px;border:1px solid #f3b7b7;background:#fff7f7;color:#991b1b;padding:9px;font-size:13px;font-weight:800}
.reject-box strong{display:block;margin-bottom:4px}
.reject-box p{margin:0;line-height:1.5}
.daily-note-review-box .review-box-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}
.daily-note-review-box .review-box-head strong{margin:0}
.daily-note-review-box .review-box-head button{height:28px;min-width:72px;border-color:#efb5b5;color:#b91c1c;background:#fff;font-weight:950}
.daily-note-review-box .helper-text{margin-top:7px;color:#7f1d1d}
.detail-section{margin-top:14px}
.detail-section h4{margin:0 0 7px;color:#061b35;font-size:14px}
.detail-table-wrap{margin-bottom:8px}
.detail-table-wrap .erp-table{min-width:760px}
.detail-table-wrap .erp-table tr,.detail-info-table tr{cursor:default}
.detail-file-table th:nth-child(1){width:31%}
.detail-file-table th:nth-child(2){width:90px}
.detail-file-table th:nth-child(3){width:160px}
.detail-file-table th:nth-child(4){width:150px}
.detail-file-table th:nth-child(5){width:80px}
.detail-file-table th:nth-child(6){width:82px}
.detail-comment-table th:nth-child(1){width:160px}
.detail-comment-table th:nth-child(2){width:150px}
.detail-log-table th:nth-child(1){width:150px}
.detail-log-table th:nth-child(2){width:130px}
.detail-log-table th:nth-child(3){width:120px}
.detail-log-table th:nth-child(4){width:100px}
.detail-log-table th:nth-child(5){width:100px}
.detail-left-cell{text-align:left!important;line-height:1.45}
.detail-left-cell .sub-text{display:block;margin-top:2px;color:#64748b;font-size:11px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.daily-note-file-table th:nth-child(1){width:36%}
.daily-note-file-table th:nth-child(2){width:140px}
.daily-note-file-table th:nth-child(3){width:90px}
.daily-note-file-table th:nth-child(4){width:150px}
.daily-note-file-table th:nth-child(5){width:82px}
.detail-empty{min-height:44px;margin-bottom:8px}
.status-grid{display:grid;grid-template-columns:150px 1fr 80px;gap:7px}
.file-list{display:grid;gap:6px;margin-bottom:8px}
.file-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #d5dee8;background:#fff;color:#005ed2;text-decoration:none;padding:7px;font-size:12px;font-weight:850}
.file-row small{color:#64748b;font-size:11px;font-weight:800;white-space:nowrap}
.file-upload-row{display:grid;grid-template-columns:1fr 110px;gap:7px;align-items:center}
.checklist-detail-panel .file-upload-row{grid-template-columns:minmax(220px,.75fr) minmax(260px,1fr) 110px}
.daily-note-file-upload-row{grid-template-columns:minmax(220px,.75fr) minmax(260px,1fr) 110px}
.writing-note-file-upload-row{grid-template-columns:minmax(220px,.75fr) minmax(260px,1fr) 110px}
.visibility-badge{font-weight:900}
.visibility-badge.public{color:#087539}
.visibility-badge.private{color:#1d4f91}
.writing-note-ai-panel{border:1px solid #c8d5e4;background:#f8fbff;padding:10px;margin-bottom:10px}
.writing-note-ai-panel h3{margin:0 0 4px;font-size:15px}
.writing-note-ai-panel p{margin:0 0 8px;color:#34506c;font-size:12px;font-weight:800}
.writing-note-analyze-row{grid-template-columns:minmax(260px,1fr) 100px}
.writing-note-analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.writing-note-photo-preview{margin-top:8px;border:1px solid #c8d5e4;background:#fff;padding:8px}
.writing-note-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;color:#20354d;font-size:12px}
.writing-note-preview-head strong{font-weight:900}
.writing-note-preview-head span{color:#526071;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.writing-note-photo-preview img{display:block;max-width:100%;max-height:260px;margin:0 auto;border:1px solid #d5dee8;background:#fff;object-fit:contain}
.writing-note-compare-grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(420px,1.1fr);gap:8px;align-items:start}
.writing-note-compare-grid.single{grid-template-columns:1fr}
.writing-note-original-photo img{display:block;max-width:100%;max-height:520px;margin:0 auto;border:1px solid #c8d5e4;background:#fff;object-fit:contain}
.writing-note-photo-caption{margin-top:6px;color:#526071;font-size:12px;font-weight:800;text-align:center}
.writing-note-transcript{line-height:1.65}
.writing-note-uncertain-mark{display:inline;border:1px solid #e4b44a;background:#fff1a8;color:#5f3700;padding:0 2px;font-weight:950}
.section-hint{margin-left:6px;color:#64748b;font-size:11px;font-weight:800}
.writing-note-uncertain-table th:nth-child(1){width:28%}
.writing-note-uncertain-table th:nth-child(2){width:32%}
.writing-note-uncertain-table th:nth-child(3){width:28%}
.writing-note-uncertain-table th:nth-child(4){width:80px}
.writing-note-content-box .detail-content{min-height:110px;white-space:normal}
.business-card-form textarea{min-height:96px}
.business-card-mobile-note{margin-top:4px;color:#2563eb;font-size:12px;font-weight:800;line-height:1.45}
.business-card-analyze-row{grid-template-columns:minmax(260px,1fr) 150px}
.business-card-file-upload-row{grid-template-columns:minmax(220px,.75fr) minmax(260px,1fr) 110px}
.business-card-memo-box{margin-top:10px}
.business-card-memo-box .detail-content{min-height:76px;white-space:normal}
.business-card-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-bottom:8px}
.business-card-image-grid a{display:grid;gap:6px;border:1px solid #c8d5e4;background:#fff;padding:8px;color:#20354d;text-decoration:none;font-weight:850}
.business-card-image-grid img{display:block;width:100%;height:150px;border:1px solid #d5dee8;background:#fff;object-fit:contain}
.business-card-image-grid span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:12px}
.business-card-file-table th:nth-child(1){width:38%}
.business-card-file-table th:nth-child(5){width:80px}
.file-upload-row button{margin-top:0}
.comment-input-row{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:7px;align-items:start}
.comment-input-row textarea{min-height:64px}
.comment-input-row button{margin-top:0}
.mobile-detail-section-toggle{display:none}
.task-detail-toggle-section{display:block}
.comment-list,.log-list{display:grid;gap:6px;margin-bottom:8px}
.comment{border:1px solid #d5dee8;background:#fff;padding:8px}
.comment strong{display:inline-block;margin-right:8px}
.comment span,.log-row{color:#64748b;font-size:12px}
.comment p{margin:5px 0 0;line-height:1.45}
.mobile-task-content,.mobile-task-meta{display:none}
.reason-modal-panel{width:min(520px,calc(100vw - 44px));min-height:0}
.reason-modal-body{padding:14px}
.reason-modal-body p{margin:0 0 8px;color:#20354d;font-weight:800}
.reason-modal-body textarea{min-height:110px}
.reason-message{min-height:18px;margin-top:6px;color:#b91c1c;font-size:12px;font-weight:800}
.modal-button-row{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
@media(max-width:1100px){
.writing-note-compare-grid{grid-template-columns:1fr}
.topbar{display:block}
.topbar-actions{justify-content:flex-start;margin-top:12px}
.top-info{min-height:44px}
.work-request-form{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}
}
@media(max-width:760px){
#tasksView .task-table tbody{gap:9px}
#tasksView .task-table tr{gap:5px 10px;padding:12px;border-left:4px solid #d8e7fb}
#tasksView .task-table td:nth-child(9){display:none!important}
#tasksView .task-table td:nth-child(10){grid-row:5}
body #tasksView button#taskFilterToggleBtn::before,
body #tasksView button#taskFilterToggleBtn::after{content:""!important;display:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}
}
@media(max-width:760px){
body{background:#fff;font-size:12px}
body,#app,.app-shell,.content{overflow-x:hidden;overscroll-behavior-x:none}
body.mobile-menu-open{overflow:hidden}
button,input,textarea,select{min-height:34px}
.app-shell{display:block;min-height:100vh}
.mobile-menu-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-height:38px;padding:0;border:1px solid rgba(148,163,184,.28);border-radius:15px;background:rgba(255,255,255,.72);color:#0f172a;font-size:0;box-shadow:0 8px 18px rgba(15,23,42,.08)}
.mobile-menu-toggle::before{content:"";position:absolute;left:50%;top:50%;display:block;width:16px;height:2px;background:#0f172a;box-shadow:0 -6px 0 #0f172a,0 6px 0 #0f172a;transform:translate(-50%,-50%)}
.mobile-menu-close{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;min-height:30px;margin-left:auto;border-color:#d4deea;background:#fff;color:#0f172a;font-size:15px;font-weight:850}
.mobile-menu-backdrop:not(.hidden){display:block}
.app-header{position:fixed;top:0;bottom:0;left:0;z-index:70;width:min(226px,64vw);min-height:100vh;max-height:100vh;overflow:auto;padding:10px 8px;gap:7px;border-right:1px solid #d9e3ef;border-bottom:0;background:#f8fbff;box-shadow:8px 0 20px rgba(15,23,42,.16);transform:translateX(-105%);transition:transform .18s ease}
body.mobile-menu-open .app-header{transform:translateX(0)}
.brand{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:0 0 7px;border-bottom:1px solid #dbe5f0;color:#0b1f35}
.brand-name{font-size:14px;line-height:1.15}
.brand-sub{display:none}
.menu{display:grid;gap:3px;width:100%;padding:0;overflow:visible;scrollbar-width:auto}
.menu button{width:100%;height:28px;min-height:28px;padding:0 8px;border:1px solid #d5dee9;border-radius:4px;background:#fff;color:#20354d;text-align:left;font-size:12px;white-space:nowrap}
.menu button.active{border-color:#b9c8d9;background:#eaf2fb;color:#0b1f35;font-weight:850}
.bottom-menu{order:2;padding-top:6px;border-top:1px solid #dbe5f0}
.sidebar-bottom{display:grid;gap:6px;margin-top:2px}
.server-storage-widget{order:1;grid-template-columns:1fr;gap:5px;padding:6px;border-color:#d5dee9;background:#fff;color:#20354d}
.storage-usage-block{gap:1px}
.storage-usage-block+.storage-usage-block{padding-top:5px;border-top:1px solid #e2e8f0;border-left:0;padding-left:0}
.storage-widget-head{margin-bottom:2px}
.storage-widget-head strong,.storage-widget-head span{font-size:10px}
.storage-gauge{height:5px}
.storage-widget-text{margin-top:2px;font-size:9px}
.logout{order:3;width:100%;height:29px;min-height:29px;margin-top:0;border-color:#c7d4e3;background:#eef4fb;color:#0b1f35}
.content{padding-bottom:20px;background:#fff}
.view.active{animation:mobile-view-enter .18s cubic-bezier(.2,.8,.2,1) both}
body.view-transition-back .view.active{animation-name:mobile-view-back}
.modal:not(.hidden) .modal-panel{animation:mobile-panel-enter .16s cubic-bezier(.2,.8,.2,1) both}
.modal.mobile-modal-closing .modal-panel{animation:mobile-panel-leave .15s cubic-bezier(.2,.8,.2,1) both!important}
@keyframes mobile-view-enter{
from{opacity:.01;transform:translateX(10px)}
to{opacity:1;transform:translateX(0)}
}
@keyframes mobile-view-back{
from{opacity:.01;transform:translateX(-10px)}
to{opacity:1;transform:translateX(0)}
}
@keyframes mobile-panel-enter{
from{opacity:.01;transform:translateX(14px)}
to{opacity:1;transform:translateX(0)}
}
@keyframes mobile-panel-leave{
from{opacity:1;transform:translateX(0)}
to{opacity:.01;transform:translateX(14px)}
}
.topbar{position:sticky;top:0;z-index:25;display:grid;grid-template-columns:38px minmax(0,1fr) 74px;align-items:center;gap:8px;min-height:108px;margin:0 0 10px;padding:18px 14px 16px;background:#f8fbff;border:1px solid #e4ecf5;border-top:0;border-radius:0 0 20px 20px;box-shadow:0 1px 0 rgba(226,232,240,.9);overflow:hidden}
.topbar::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 62%,rgba(203,213,225,.34) 62.2%,transparent 62.8%),linear-gradient(135deg,transparent 70%,rgba(226,232,240,.68) 70.2%,transparent 71%),linear-gradient(135deg,transparent 78%,rgba(203,213,225,.28) 78.2%,transparent 78.8%);opacity:.9;pointer-events:none}
.topbar::after{content:"";position:absolute;right:-38px;top:-48px;width:142px;height:142px;border-radius:50%;background:radial-gradient(circle at center,rgba(219,234,254,.82),rgba(241,245,249,.44) 56%,rgba(255,255,255,0) 72%);pointer-events:none}
.welcome{min-width:0}
.mobile-menu-toggle,.welcome,.topbar-actions .top-info{position:relative;z-index:1}
.mobile-system-title{display:flex;align-items:center;gap:5px;color:#0b1f35;font-size:16px;line-height:1.15;font-weight:900;letter-spacing:0}
.mobile-system-title span{display:inline-flex;align-items:center;height:18px;padding:0 6px;border:1px solid #ccd8e6;border-radius:999px;background:#eef4fb;color:#3d5068;font-size:8px;font-weight:850}
.welcome h1{margin-top:6px;font-size:10.5px;line-height:1.2;word-break:keep-all;font-weight:800;color:#20354d}
.mobile-account-line{display:block;width:100%;max-width:none;margin:4px 0 0;color:#4a5f78;font-size:7px;line-height:1.1;font-weight:650;white-space:nowrap;overflow:visible;text-overflow:clip;letter-spacing:0}
.welcome p#viewSubtitle{display:none}
.mobile-top-icon{display:none!important}
.topbar-actions{display:contents;color:#0f172a}
.topbar-actions>button{display:none}
.topbar-actions .top-info:nth-of-type(n+3){display:none}
.top-info{display:flex;align-items:center;gap:5px;min-width:0;min-height:22px;padding:0;border:0;background:transparent;color:#0f172a}
.top-info::before{display:inline-grid;place-items:center;width:14px;color:#0f172a;font-size:12px;font-weight:650}
.topbar-actions .top-info:nth-of-type(1){grid-column:3;grid-row:1;align-self:end;justify-self:end;position:relative;z-index:1;height:22px;padding:0 7px;border:1px solid #d5dee9;border-radius:999px;background:rgba(255,255,255,.72);color:#20354d}
.topbar-actions .top-info:nth-of-type(1)::before{display:none}
.topbar-actions .top-info:nth-of-type(2){grid-column:3;grid-row:1;align-self:start;justify-self:end;position:relative;z-index:1;justify-content:flex-end}
.topbar-actions .top-info:nth-of-type(2)::before{display:none}
.topbar-actions .top-info:nth-of-type(2)>span{display:none}
.top-info>span{font-size:8px;font-weight:800;color:inherit}
.top-info strong,.top-link-button{margin-top:0;font-size:9px;line-height:1.15;color:inherit;font-weight:800}
.topbar-actions .top-info:nth-of-type(2) .top-link-button{display:inline-flex;align-items:center;gap:4px}
.topbar-actions .top-info:nth-of-type(2) .top-link-button::before{content:"\2709";font-size:11px;color:#0f172a;line-height:1}
.top-info em{min-width:14px;height:14px;background:#e8eef5;color:#4a5f78;font-size:9px}
.view{padding:10px 8px;background:#fff}
.section-card,.split>div,.notice,.metric,.work-request-panel,.work-section{border-color:#c5d1df}
.section-head h2,.work-section-head h2{font-size:18px}
.section-head p,.work-section-head p{line-height:1.45}
.summary-strip{margin:-16px -10px 16px;padding:9px 10px;gap:9px;flex-wrap:wrap}
.metric-grid,.split,.form-grid,.employee-form,.status-grid,.file-upload-row,.folder-create-row,.folder-action-row,.file-explorer-layout,.file-library-form,.work-search-row,.work-request-form,.detail-meta,.message-form,.notice-search-row,.task-filter-row,.daily-note-filter-row,.schedule-filter-row,.freight-filter-row,.freight-section-grid,.product-search-row,.product-filter-row,.margin-calc-grid,.db-viewer-layout,.db-detail-summary{grid-template-columns:1fr}
#homeView{display:none}
#homeView.active{display:block}
#homeView .metric-grid{display:none}
#homeView .metric{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:31px;padding:6px 4px;border:0;border-bottom:1px solid #eef2f7;background:#fff}
#homeView .metric:nth-child(even){background:#fbfdff}
#homeView .metric:last-child{border-bottom:0}
#homeView .metric span{font-size:12px;color:#20354d;font-weight:850}
#homeView .metric strong{margin:0;font-size:17px;line-height:1;color:#061b35}
#homeView>.notice{display:none}
#homeView .notice{padding:8px 4px;margin-top:0;border:0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;background:#fff}
#homeView .notice strong{font-size:12px}
#homeView .notice p{margin-top:3px;font-size:11px;line-height:1.35}
#homeView .work-section{margin-top:24px;border:0;background:#fff}
#homeView .work-section-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;min-height:auto;padding:0 0 10px;border-bottom:0}
#homeView .work-section-head h2{font-size:14px;font-weight:850;color:#0f172a}
#homeView .work-section-head p{display:none}
#homeView .work-section-head button{width:auto;height:auto;min-height:0;padding:0;border:0;background:transparent;color:#64748b;font-size:10px;font-weight:800}
#homeView .work-section-body{padding:0}
#homeView .erp-table-wrap{border:0;border-radius:0;overflow:hidden;background:#fff}
#homeView .erp-table{min-width:0;border-collapse:collapse;table-layout:fixed}
#homeView .erp-table th,#homeView .erp-table td{height:34px;padding:5px 6px;border-right:0;border-bottom:1px solid #eef2f7;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#homeView .erp-table th{background:#f8fafc;color:#475569;font-weight:750}
#homeView .erp-table td{background:#fff}
#homeView .erp-table tbody tr:nth-child(even) td{background:#fff}
#homeView .erp-table tbody tr:nth-child(odd) td{background:#fff}
#homeView .notice-title-cell strong,#homeView .erp-table td strong{font-weight:850;color:#0f172a}
#homeView .checklist-home-table .priority-text,
#homeView .checklist-home-table .status-text,
#homeView .checklist-home-table .priority-badge,
#homeView .checklist-home-table .status-badge,
#homeView .checklist-home-table .priority-normal,
#homeView .checklist-home-table .priority-important,
#homeView .checklist-home-table .priority-urgent,
#homeView .checklist-home-table .status-request,
#homeView .checklist-home-table .status-progress,
#homeView .checklist-home-table .status-done,
#homeView .checklist-home-table .status-hold,
#homeView .checklist-home-table .status-reject{font-size:9px!important;font-weight:500!important}
#homeView .home-checklist-section{display:none}
#homeView .home-status-text,
#homeView .freight-status{font-size:9px!important;font-weight:500!important}
#homeView .notice-home-table th:nth-child(1){width:58%}
#homeView .notice-home-table th:nth-child(2){width:20%}
#homeView .notice-home-table th:nth-child(3){width:22%}
#homeView .schedule-home-table th:nth-child(1){width:48%}
#homeView .schedule-home-table th:nth-child(2){width:22%}
#homeView .schedule-home-table th:nth-child(3){width:30%}
#homeView .daily-note-home-table th:nth-child(1){width:55%}
#homeView .daily-note-home-table th:nth-child(2){width:20%}
#homeView .daily-note-home-table th:nth-child(3){width:25%}
#homeView .freight-home-table th:nth-child(1){width:18%}
#homeView .freight-home-table th:nth-child(2){width:57%}
#homeView .freight-home-table th:nth-child(3){width:25%}
.work-request-panel>.section-head{padding:10px 10px 0}
.work-request-form{padding:7px 10px 12px;gap:7px;max-width:none}
.work-request-form button{width:100%}
.work-search-row{padding:7px;margin-bottom:8px}
.erp-table-wrap{overflow:auto}
.erp-table th,.erp-table td{height:34px;padding:5px 7px}
.count-pill{height:23px;min-width:30px}
.freight-section-grid .span-2,.freight-section-grid .span-full{grid-column:auto}
.freight-form-section{margin-bottom:8px}
.freight-share-layout{grid-template-columns:1fr}
.checklist-detail-panel .file-upload-row{grid-template-columns:1fr}
.partner-form textarea,.product-form textarea{grid-column:auto}
.work-section-head,.section-head{align-items:flex-start;flex-direction:column}
.item-title{align-items:flex-start;flex-direction:column}
.modal{padding:10px}
.modal-panel{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}
.detail-panel{padding:10px}
.detail-head{gap:8px}
.detail-head h3{font-size:18px}
.detail-actions{gap:6px}
.detail-status-strip{overflow:auto;white-space:nowrap}
.folder-pane{min-height:auto;padding:9px}
.folder-tree{max-height:260px;overflow:auto}
.file-pane{min-width:0}
.library-current-row{min-height:32px;margin-bottom:8px;padding:6px 8px}
.library-storage-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.library-storage-summary>div{grid-template-columns:1fr auto;min-height:34px;padding:6px}
.library-storage-summary em{grid-column:1/-1;text-align:left;font-size:11px}
.file-upload-panel{padding:8px}
.file-library-form{gap:6px}
.file-library-form button{justify-self:start;width:auto;min-width:86px;padding:0 10px}
.file-search-row{grid-template-columns:1fr 1fr}
.file-search-row input{grid-column:1/-1}
.file-search-row button,.file-search-row select{width:100%}
#businessCardsView .section-head{padding:4px 2px 8px;border:0;background:#fff}
#businessCardsView .section-head h2{font-size:22px}
#businessCardsView .section-head p{margin-top:3px;font-size:12px;line-height:1.4}
#businessCardsView .business-card-mobile-note{display:block;margin-top:3px;color:#52677f;font-size:11px;font-weight:650}
#businessCardsView .business-card-filter-panel{margin:0 0 12px;padding:0;border:0;background:#fff}
#businessCardsView .business-card-filter-row{grid-template-columns:1fr 82px;gap:6px;padding:0;border:0;background:#fff}
#businessCardsView .business-card-filter-row input{grid-column:1/-1}
#businessCardsView .business-card-filter-row select,
#businessCardsView .business-card-filter-row button{height:36px}
#businessCardsView .filter-result-text{padding:5px 2px 0}
#businessCardsView .work-section{margin-top:12px;border:0;background:#fff}
#businessCardsView .work-section-head{display:block;padding:0 2px 8px;border-bottom:1px solid #e6edf5}
#businessCardsView .work-section-head>div:first-child{display:flex;flex-direction:column}
#businessCardsView .work-section-head h2{font-size:17px}
#businessCardsView .work-section-head p{margin-top:3px;font-size:11px;line-height:1.45}
#businessCardsView .section-left-actions{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
#businessCardsView .section-left-actions button{height:34px;min-width:86px;padding:0 11px}
#businessCardsView .business-card-title-row{min-height:27px}
#businessCardsView .business-card-head-tools{display:grid;grid-template-columns:28px auto;align-items:center;gap:5px}
#businessCardsView .business-card-refresh-btn{display:inline-grid;place-items:center;width:28px;min-width:28px;height:25px;min-height:25px;padding:0;border-color:#c9d8e8;border-radius:999px;background:#fff;color:#47627f;font-size:0}
#businessCardsView .business-card-refresh-btn::before{content:"↻";font-size:15px;font-weight:900;line-height:1}
#businessCardsView .business-card-refresh-btn:hover{background:#f3f7fb}
#businessCardsView .work-section-body{padding:8px 0 0}
#businessCardsView #businessCardTable .erp-table-wrap{overflow:visible;border:0;background:#fff}
#businessCardsView .business-card-table{display:block;min-width:0;width:100%;border:0;background:#fff}
#businessCardsView .business-card-table thead{display:none}
#businessCardsView .business-card-table tbody{display:grid;gap:8px}
#businessCardsView .business-card-table tr{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 9px;padding:30px 11px 11px;border:1px solid #dce7f2;border-radius:12px;background:#fbfdff;box-shadow:0 4px 12px rgba(15,23,42,.05)}
#businessCardsView .business-card-table tr::before{content:"명함 카드";position:absolute;top:8px;left:10px;height:17px;padding:0 7px;border:1px solid #c7d7e8;border-radius:999px;background:#fff;color:#52677f;font-size:10px;font-weight:800;line-height:15px}
#businessCardsView .business-card-table tr.selected-row{border-color:#8bb6e3;background:#f7fbff}
#businessCardsView .business-card-table td{display:block;height:auto;padding:0;border:0!important;background:transparent!important;text-align:left;font-size:11px;line-height:1.45;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#businessCardsView .business-card-table td::before{content:attr(data-label) " ";color:#8a9aae;font-size:10px;font-weight:650}
#businessCardsView .business-card-table td:nth-child(1),
#businessCardsView .business-card-table td:nth-child(7),
#businessCardsView .business-card-table td:nth-child(9),
#businessCardsView .business-card-table td:nth-child(10){display:none}
#businessCardsView .business-card-table td:nth-child(2){grid-column:1/-1;color:#0f172a;font-size:14px;font-weight:850}
#businessCardsView .business-card-table td:nth-child(2)::before{display:none}
#businessCardsView .business-card-table td:nth-child(3),
#businessCardsView .business-card-table td:nth-child(4){grid-column:1/-1}
#businessCardsView .business-card-table td:nth-child(5){grid-column:1/2;color:#0b4f8f;font-size:12px;font-weight:750}
#businessCardsView .business-card-table td:nth-child(6){grid-column:1/2}
#businessCardsView .business-card-table td:nth-child(8){grid-column:2/3;grid-row:4/6;align-self:center;min-width:44px;padding:2px 6px;border:1px solid #d8e3ee!important;border-radius:999px;text-align:center;color:#52677f;font-size:10px}
#businessCardsView .business-card-table td:nth-child(8)::before{content:"첨부 ";font-size:10px}
.business-card-detail-panel .detail-head{align-items:flex-start;flex-direction:column}
.business-card-detail-panel .detail-actions{display:grid;grid-template-columns:minmax(0,1fr) 62px 62px;justify-content:stretch;width:100%;gap:6px}
.business-card-detail-panel .button-like,
.business-card-detail-panel .detail-actions button{height:36px;min-width:0;padding:0 8px}
.business-card-detail-panel .business-card-vcard-btn{background:#102844;border-color:#102844;color:#fff;font-weight:850}
.business-card-detail-panel .detail-head{padding:11px;border:1px solid #dbe6f2;border-radius:12px;background:#f8fbff}
.business-card-detail-panel .detail-head h3{font-size:19px}
.business-card-detail-panel .detail-head p{margin-top:3px;font-size:12px;line-height:1.4}
.business-card-detail-panel .detail-status-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:8px 0 10px;overflow:visible;white-space:normal}
.business-card-detail-panel .detail-status-strip span{min-width:0;padding:5px 7px;border:1px solid #e1eaf3;border-radius:8px;background:#fff;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.business-card-detail-panel .detail-table-wrap{overflow:visible}
.business-card-detail-panel .detail-info-table,
.business-card-detail-panel .detail-info-table tbody,
.business-card-detail-panel .detail-info-table tr{display:block;width:100%}
.business-card-detail-panel .detail-info-table tr{display:grid;grid-template-columns:72px minmax(0,1fr);border:1px solid #e1eaf3;border-bottom:0;background:#fff}
.business-card-detail-panel .detail-info-table tr:last-child{border-bottom:1px solid #e1eaf3}
.business-card-detail-panel .detail-info-table th,
.business-card-detail-panel .detail-info-table td{display:block;height:auto;min-height:31px;padding:7px 8px;border:0!important;text-align:left;font-size:11px;line-height:1.45}
.business-card-detail-panel .detail-info-table th{background:#f5f8fc;color:#52677f;font-weight:800}
.business-card-detail-panel .detail-info-table td{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a}
.business-card-detail-panel .detail-info-table td[colspan]{grid-column:2/-1}
.business-card-detail-panel .business-card-memo-box{border:1px solid #e1eaf3;border-radius:10px;background:#fff;padding:9px}
.business-card-detail-panel .business-card-memo-box h4{margin-bottom:6px}
.business-card-detail-panel .business-card-memo-box .detail-content{min-height:48px;font-size:12px;line-height:1.55}
.business-card-edit-panel .detail-panel{padding:10px}
.business-card-ai-panel{margin-bottom:10px;padding:11px;border:1px solid #e0e9f3;border-radius:13px;background:#f8fbff}
.business-card-ai-panel h3{font-size:15px}
.business-card-ai-panel p{font-size:11px;line-height:1.45}
.business-card-analyze-row{grid-template-columns:1fr}
.business-card-analyze-row button{justify-self:start;width:auto;min-width:136px;padding:0 12px;background:#102844;border-color:#102844;color:#fff}
.business-card-form{gap:8px}
.business-card-form label{gap:4px;padding:8px;border:1px solid #e2eaf3;border-radius:10px;background:#fff}
.business-card-form input,
.business-card-form select{height:36px}
.business-card-form textarea{min-height:86px}
.business-card-image-grid{grid-template-columns:1fr}
.business-card-image-grid img{height:220px}
.business-card-file-upload-row{grid-template-columns:1fr}
#businessCardEditFileInput,
#businessCardFileInput{height:38px}
.business-card-edit-panel .modal-button-row{position:sticky;bottom:-10px;z-index:2;margin:12px -10px -10px;padding:9px 10px;background:#fff;border-top:1px solid #e1eaf3}
.business-card-edit-panel .modal-button-row button{min-width:86px}
.business-card-edit-panel #saveBusinessCardBtn{background:#102844;border-color:#102844;color:#fff}
}
.home-notice-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:32px;padding:7px 0;border-bottom:1px solid #eef2f7;color:#0f172a}
.home-notice-strip strong{font-size:11px;font-weight:850;color:#334155;white-space:nowrap}
.home-notice-strip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750;color:#0f172a}
.home-notice-strip em{font-style:normal;font-size:10px;color:#64748b;white-space:nowrap}
.home-week-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.home-week-day{min-height:86px;padding:7px 6px;border:1px solid #e3eaf3;border-radius:12px;background:#fff;box-shadow:0 5px 12px rgba(15,23,42,.04)}
.home-week-day.today{border-color:#a7c8ee;background:#f7fbff}
.home-week-date{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:7px}
.home-week-date strong{font-size:14px;font-weight:900;color:#0f172a}
.home-week-date span{font-size:10px;font-weight:800;color:#64748b}
.home-week-items{display:grid;gap:3px}
.home-week-items em{font-style:normal;font-size:10px;color:#cbd5e1}
.home-week-items small{font-size:9px;color:#64748b;font-weight:800}
.home-schedule-chip{display:block;width:100%;height:19px;min-height:19px;padding:0 5px;border:0;border-radius:5px;color:#fff;font-size:9px;font-weight:750;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:none}
.home-schedule-blue{background:#2563eb}
.home-schedule-green{background:#0f766e}
.home-schedule-orange{background:#d97706}
.home-schedule-red{background:#dc2626}
.home-schedule-purple{background:#7c3aed}
.home-schedule-gray{background:#475569}
@media(max-width:760px){
.app-header .brand-name{color:#0b1f35!important}
.app-header .brand-sub{color:#52677f!important}
.content{padding-top:118px}
.topbar{position:fixed;top:0;left:0;right:0;z-index:45;margin:0;padding:18px 14px 16px}
#homeView .home-notice-section{margin-top:4px;border:0;background:#fff}
#homeView .home-notice-section .work-section-head{display:none}
#homeView .home-notice-section .work-section-body{padding:0 0 2px}
#homeView .home-schedule-section{margin-top:16px}
#homeView .home-schedule-section .work-section-head h2::after{content:" · 7일";margin-left:3px;color:#94a3b8;font-size:10px;font-weight:750}
#homeView .home-week-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
#homeView .home-week-day{min-height:78px;padding:6px 4px;border-radius:10px}
#homeView .home-week-date{margin-bottom:5px}
#homeView .home-week-date strong{font-size:13px}
#homeView .home-week-date span{font-size:9px}
#homeView .home-schedule-chip{height:18px;min-height:18px;padding:0 4px;font-size:8px}
}
@media(max-width:760px){
.mobile-account-line{font-size:10px!important;line-height:1.2!important;font-weight:750!important}
#homeView .work-section{margin-top:34px!important}
#homeView .home-notice-section{margin-top:8px!important}
#homeView .home-schedule-section{margin-top:22px!important}
#homeView .work-section-head{padding-left:8px!important;padding-right:8px!important}
#homeView .home-notice-strip{padding-left:8px;padding-right:8px}
#homeView .home-week-day.saturday .home-week-date strong,
#homeView .home-week-day.saturday .home-week-date span{color:#2563eb}
#homeView .home-week-day.sunday .home-week-date strong,
#homeView .home-week-day.sunday .home-week-date span{color:#dc2626}
}
@media(max-width:760px){
#homeView .work-section-head h2{font-size:15px!important;font-weight:780!important;line-height:1.25;color:#142033!important}
#homeView .home-week-calendar{gap:5px!important;padding:8px;border:1px solid #edf2f7;border-radius:18px;background:linear-gradient(180deg,#fbfdff 0%,#f7faff 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
#homeView .home-week-day{min-height:82px!important;padding:7px 5px!important;border:0!important;border-radius:14px!important;background:rgba(255,255,255,.88)!important;box-shadow:0 5px 14px rgba(30,41,59,.06)}
#homeView .home-week-day.today{background:#fff!important;box-shadow:0 5px 16px rgba(37,99,235,.12),inset 0 0 0 1px #bfdbfe}
#homeView .home-week-date{align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:2px;margin-bottom:7px!important}
#homeView .home-week-date strong{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;background:#f3f7fb;color:#1e293b;font-size:12px!important;font-weight:780!important}
#homeView .home-week-date span{font-size:9px!important;font-weight:650!important;color:#64748b}
#homeView .home-week-day.today .home-week-date strong{background:#eef6ff;box-shadow:inset 0 0 0 1px #bfdbfe}
#homeView .home-week-day.saturday .home-week-date strong{background:#eff6ff;color:#2563eb!important}
#homeView .home-week-day.saturday .home-week-date span{color:#2563eb!important}
#homeView .home-week-day.sunday .home-week-date strong{background:#fff1f2;color:#dc2626!important}
#homeView .home-week-day.sunday .home-week-date span{color:#dc2626!important}
#homeView .home-week-items{gap:4px}
#homeView .home-week-items em{display:block;width:5px;height:5px;margin:4px 0 0 8px;border-radius:999px;background:#dbe5f0;color:transparent;font-size:0}
#homeView .home-week-items small{font-size:8px;font-weight:650;color:#7c8da3}
#homeView .home-schedule-chip{height:17px!important;min-height:17px!important;padding:0 5px!important;border-radius:999px!important;font-size:8px!important;font-weight:650!important;box-shadow:0 2px 6px rgba(15,23,42,.08)}
}
@media(max-width:760px){
#homeView .work-section-head h2{display:flex!important;align-items:center;gap:7px;font-size:14px!important;font-weight:720!important;color:#22314a!important;letter-spacing:0!important}
#homeView .work-section-head h2::before{content:"";display:inline-block;width:4px;height:15px;border-radius:999px;background:linear-gradient(180deg,#9fc3f0,#d8e7fb)}
#homeView .home-schedule-section .work-section-head h2::after{content:"7일";display:inline-flex;align-items:center;height:17px;margin-left:1px;padding:0 6px;border:1px solid #dbe6f2;border-radius:999px;background:#f8fbff;color:#7a8ca3;font-size:9px;font-weight:650}
#homeView .home-week-day.saturday .home-week-date strong{background:linear-gradient(180deg,#f8fbff,#eff6ff);color:#5f8fdc!important;box-shadow:inset 0 0 0 1px #dbeafe}
#homeView .home-week-day.saturday .home-week-date span{color:#789ed8!important}
#homeView .home-week-day.sunday .home-week-date strong{background:linear-gradient(180deg,#fffafa,#fff1f2);color:#e57777!important;box-shadow:inset 0 0 0 1px #ffe1e1}
#homeView .home-week-day.sunday .home-week-date span{color:#e99595!important}
}
@media(max-width:760px){
.app-header{width:min(250px,72vw);padding:12px 10px 10px;background:linear-gradient(180deg,#fbfdff 0%,#f6f9fc 100%);border-right:1px solid #dce7f2;box-shadow:10px 0 28px rgba(15,23,42,.16)}
.brand{min-height:72px;padding:9px 4px 12px;border-bottom:1px solid #e7edf5;background:radial-gradient(circle at right top,rgba(219,234,254,.86),rgba(255,255,255,0) 58%)}
.brand-name{font-size:15px!important;font-weight:850!important;color:#132238!important}
.brand-sub{display:block!important;margin-top:3px;color:#6b7d92!important;font-size:9px!important;font-weight:650!important}
.mobile-menu-close{width:28px;height:28px;min-height:28px;border-radius:10px;background:#fff;color:#24364d;box-shadow:0 4px 10px rgba(15,23,42,.06)}
.menu{gap:2px;padding:2px 0}
.mobile-menu-group-label{display:flex;align-items:center;gap:6px;margin:10px 4px 4px;color:#7b8ba1;font-size:9px;font-weight:850;letter-spacing:0;white-space:nowrap}
.mobile-menu-group-label::before{content:"";width:4px;height:4px;border-radius:999px;background:#b8c9dd}
.menu button{position:relative;height:31px;min-height:31px;padding:0 8px 0 13px;border:0;border-radius:9px;background:transparent;color:#2b3e56;font-size:12px;font-weight:720;box-shadow:none}
.menu button::before{content:"";position:absolute;left:5px;top:50%;width:3px;height:3px;border-radius:999px;background:#c6d3e2;transform:translateY(-50%)}
.menu button:hover{background:#edf4fb}
.menu button.active{background:#edf5ff;color:#0f2d55;font-weight:850;box-shadow:inset 0 0 0 1px #d7e6f7}
.menu button.active::before{height:14px;border-radius:999px;background:#8fb8ea}
.bottom-menu{margin-top:4px;padding-top:4px;border-top:1px solid #e7edf5}
.sidebar-bottom{gap:7px;margin-top:6px}
.server-storage-widget{padding:8px;border:1px solid #e1eaf4;border-radius:12px;background:#fff;box-shadow:0 4px 12px rgba(15,23,42,.04)}
.logout{height:32px;min-height:32px;border:0;border-radius:10px;background:#eef4fb;color:#26384f;font-weight:800;box-shadow:inset 0 0 0 1px #d7e2ee}
.menu:not(.bottom-menu) button[data-view="notices"]:not(.mobile-only-menu-item){display:none!important}
.bottom-menu .mobile-only-menu-item{display:block!important}
.menu:not(.bottom-menu) .mobile-main-label{order:1}
.menu:not(.bottom-menu) button[data-view="home"]{order:2}
.menu:not(.bottom-menu) button[data-view="schedules"]{order:3}
.menu:not(.bottom-menu) button[data-view="dailyNotes"]{order:4}
.menu:not(.bottom-menu) button[data-view="freights"]{order:5}
.menu:not(.bottom-menu) button[data-view="writingNotes"]{order:6}
.menu:not(.bottom-menu) button[data-view="businessCards"]{order:7}
.menu:not(.bottom-menu) button[data-view="checklists"]{order:8}
.menu:not(.bottom-menu) .mobile-work-label{order:9}
.menu:not(.bottom-menu) button[data-view="calculator"]{order:10}
.menu:not(.bottom-menu) button[data-view="products"]{order:11}
.menu:not(.bottom-menu) button[data-view="tasks"]{order:12}
.menu:not(.bottom-menu) button[data-view="employees"]{order:13}
.bottom-menu .mobile-admin-label{order:1}
.bottom-menu button[data-view="notices"]{order:2}
.bottom-menu button[data-view="files"]{order:3}
.bottom-menu button[data-view="integrationCheck"]{order:4}
.bottom-menu button[data-view="systemLogs"]{order:5}
.bottom-menu button[data-view="dbViewer"]{order:6}
}
@media(max-width:760px){
#schedulesView{padding:12px 10px 18px;background:#fff}
#schedulesView .schedule-section-head{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:start;gap:8px;padding:2px 2px 10px;border:0;background:#fff}
#schedulesView .schedule-section-head h2{font-size:22px;font-weight:850;color:#0f172a}
#schedulesView .schedule-section-head p{margin-top:3px;font-size:12px;color:#52677f;line-height:1.4}
#schedulesView .schedule-section-head .button-row{display:flex;align-items:center;justify-content:flex-end;gap:0;width:auto}
#schedulesView .schedule-section-head #newScheduleBtn{display:none}
#schedulesView .schedule-section-head #loadSchedulesBtn{display:inline-flex;align-items:center;justify-content:center;width:34px;min-width:34px;height:34px;min-height:34px;padding:0;border:1px solid #d6e1ed;border-radius:999px;background:#fff;color:#26384f;font-size:0;box-shadow:0 3px 9px rgba(15,23,42,.04)}
#schedulesView .schedule-section-head #loadSchedulesBtn::before{content:"\21bb";font-size:18px;font-weight:800;line-height:1}
#schedulesView .schedule-filter-panel{margin:0 0 10px;padding:0;border:0;background:#fff}
#schedulesView .schedule-filter-row{display:grid;grid-template-columns:minmax(0,1fr) 74px;gap:6px;padding:0;border:0;background:#fff}
#schedulePrevMonthBtn,#scheduleNextMonthBtn,#scheduleThisMonthBtn,#scheduleMonthLabel{display:none!important}
#scheduleEmployeeFilter{grid-column:1/-1}
#scheduleSearch{grid-column:1/-1}
#scheduleMobileNewBtn{display:flex;align-items:center;justify-content:center;grid-column:1/2;height:32px;min-height:32px;min-width:108px;padding:0 14px;border:1px solid #c7d8ea;border-radius:999px;background:linear-gradient(180deg,#fff,#f6f9fd);color:#173352;font-size:12px;font-weight:720;box-shadow:0 5px 12px rgba(15,23,42,.05)}
#scheduleMobileNewBtn:active{transform:translateY(1px)}
#scheduleFilterReset{grid-column:2/3}
#schedulesView .filter-result-text{padding:5px 2px 0;font-size:11px}
#schedulesView .schedule-calendar-section,
#schedulesView .schedule-list-section{display:none}
#schedulesView.mobile-month-open .schedule-calendar-section{display:block;margin-top:10px}
#schedulesView.mobile-month-open #schedulePrevMonthBtn,
#schedulesView.mobile-month-open #scheduleNextMonthBtn,
#schedulesView.mobile-month-open #scheduleThisMonthBtn,
#schedulesView.mobile-month-open #scheduleMonthLabel{display:flex!important;align-items:center;justify-content:center}
#schedulesView.mobile-month-open .schedule-filter-row{grid-template-columns:64px minmax(0,1fr) 64px;align-items:center}
#schedulesView.mobile-month-open #scheduleEmployeeFilter,
#schedulesView.mobile-month-open #scheduleSearch{grid-column:1/-1}
#schedulesView.mobile-month-open #schedulePrevMonthBtn{grid-column:1/2}
#schedulesView.mobile-month-open #scheduleMonthLabel{grid-column:2/3;height:32px;border:1px solid #d6e1ed;border-radius:999px;background:#f8fbff;color:#142033;font-size:12px;font-weight:800}
#schedulesView.mobile-month-open #scheduleNextMonthBtn{grid-column:3/4}
#schedulesView.mobile-month-open #scheduleThisMonthBtn{grid-column:1/2}
#schedulesView.mobile-month-open #scheduleMobileNewBtn{grid-column:2/3}
#schedulesView.mobile-month-open #scheduleFilterReset{grid-column:3/4}
#schedulesView.mobile-month-open .mobile-schedule-week-grid,
#schedulesView.mobile-month-open .mobile-schedule-list-head,
#schedulesView.mobile-month-open .mobile-schedule-week-list{display:none}
#schedulesView.mobile-month-open .schedule-calendar-section .work-section-head{display:none}
#schedulesView.mobile-month-open .schedule-calendar-section .work-section-body{padding:0;overflow-x:auto;border:0;background:#fff}
#schedulesView.mobile-month-open .schedule-weekday-row,
#schedulesView.mobile-month-open .schedule-calendar-grid{min-width:620px}
#schedulesView.mobile-month-open .schedule-day-cell{min-height:78px}
#schedulesView.mobile-month-open .schedule-bar{height:17px;padding:0 5px;font-size:9px}
#schedulesView.mobile-month-open .schedule-bar-layer{top:28px}
.mobile-schedule-week-panel{display:grid;gap:10px;margin-top:12px;overflow:hidden;overscroll-behavior-x:contain;touch-action:pan-y}
.mobile-schedule-week-nav{display:grid;grid-template-columns:62px minmax(0,1fr) 62px;align-items:center;gap:6px}
.mobile-schedule-week-nav button,
.mobile-schedule-week-actions button{height:32px;min-height:32px;padding:0 8px;border:1px solid #d6e1ed;border-radius:999px;background:#fff;color:#26384f;font-size:11px;font-weight:750;box-shadow:0 3px 9px rgba(15,23,42,.04)}
.mobile-schedule-week-nav strong{display:flex;align-items:center;justify-content:center;height:32px;border:1px solid #e4ebf3;border-radius:999px;background:#f8fbff;color:#142033;font-size:12px;font-weight:800}
.mobile-schedule-week-actions{display:flex;justify-content:space-between;gap:6px}
.mobile-schedule-week-actions button:last-child{background:#102844;border-color:#102844;color:#fff}
.mobile-schedule-week-actions .schedule-voice-command-btn{position:relative;flex:1;padding-left:22px;background:linear-gradient(180deg,#eef5ff 0%,#dfeaff 100%);border-color:#9fbdf5;color:#174ea6;box-shadow:0 6px 14px rgba(37,99,235,.14)}
.mobile-schedule-week-actions .schedule-voice-command-btn::before{content:"";position:absolute;left:10px;top:50%;width:8px;height:8px;border-radius:999px;background:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.14);transform:translateY(-50%)}
.mobile-schedule-week-actions .schedule-voice-command-btn.recording{border-color:#f3b1b1;background:linear-gradient(180deg,#fff7f7,#ffecec);color:#b42318;box-shadow:0 6px 14px rgba(185,28,28,.12)}
.mobile-schedule-week-actions .schedule-voice-command-btn.recording::before{background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.16)}
.mobile-schedule-week-actions .schedule-voice-command-btn.processing{border-color:#d6e1ed;background:#f5f8fb;color:#64748b}
.schedule-voice-status.hidden,
.schedule-voice-status:empty{display:none}
.schedule-voice-status{min-height:18px;margin:-3px 2px 2px;color:#52677f;font-size:11px;font-weight:650;line-height:1.4}
.mobile-schedule-week-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;padding:8px;border:1px solid #edf2f7;border-radius:18px;background:linear-gradient(180deg,#fbfdff 0%,#f7faff 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.8);touch-action:pan-y;overscroll-behavior-x:contain;will-change:transform,opacity;transition:transform .22s ease,opacity .22s ease}
.mobile-schedule-week-grid.is-dragging{transition:none}
.mobile-schedule-week-grid.is-switching{pointer-events:none}
.mobile-schedule-day{min-height:88px;padding:7px 5px;border-radius:14px;background:rgba(255,255,255,.9);box-shadow:0 5px 14px rgba(30,41,59,.06);cursor:pointer;overflow:hidden}
.mobile-schedule-day.today{box-shadow:0 5px 16px rgba(37,99,235,.12),inset 0 0 0 1px #bfdbfe}
.mobile-schedule-day.selected{background:#f8fbff;box-shadow:0 7px 18px rgba(37,99,235,.14),inset 0 0 0 2px #93c5fd}
.mobile-schedule-date{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-bottom:7px}
.mobile-schedule-date strong{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;background:#f3f7fb;color:#1e293b;font-size:12px;font-weight:780}
.mobile-schedule-date span{font-size:9px;font-weight:650;color:#64748b}
.mobile-schedule-day.saturday .mobile-schedule-date strong{background:linear-gradient(180deg,#f8fbff,#eff6ff);color:#5f8fdc;box-shadow:inset 0 0 0 1px #dbeafe}
.mobile-schedule-day.saturday .mobile-schedule-date span{color:#789ed8}
.mobile-schedule-day.sunday .mobile-schedule-date strong{background:linear-gradient(180deg,#fffafa,#fff1f2);color:#e57777;box-shadow:inset 0 0 0 1px #ffe1e1}
.mobile-schedule-day.sunday .mobile-schedule-date span{color:#e99595}
.mobile-schedule-day-items{display:grid;gap:3px}
.mobile-schedule-item-chip{height:17px;min-height:17px;padding:0 5px;border:0;border-radius:999px;background:#2563eb!important;color:#fff!important;font-size:8px;font-weight:650;line-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 6px rgba(15,23,42,.08);forced-color-adjust:none}
.mobile-schedule-item-chip.home-schedule-blue{background:#2563eb!important}
.mobile-schedule-item-chip.home-schedule-green{background:#0f766e!important}
.mobile-schedule-item-chip.home-schedule-orange{background:#d97706!important}
.mobile-schedule-item-chip.home-schedule-red{background:#dc2626!important}
.mobile-schedule-item-chip.home-schedule-purple{background:#7c3aed!important}
.mobile-schedule-item-chip.home-schedule-gray{background:#475569!important}
.mobile-schedule-day-items em{font-style:normal;font-size:10px;color:#94a3b8}
.mobile-schedule-list-head{display:flex;align-items:center;justify-content:space-between;margin:8px 2px 0}
.mobile-schedule-list-head strong{display:flex;align-items:center;gap:7px;color:#22314a;font-size:14px;font-weight:720}
.mobile-schedule-list-head strong::before{content:"";width:4px;height:15px;border-radius:999px;background:linear-gradient(180deg,#9fc3f0,#d8e7fb)}
.mobile-schedule-list-head span{height:22px;min-width:34px;padding:0 8px;border:1px solid #dbe6f2;border-radius:999px;background:#f8fbff;color:#64748b;font-size:11px;font-weight:700;line-height:20px;text-align:center}
.mobile-schedule-week-list{gap:7px;margin-top:7px}
.mobile-schedule-list-item{display:grid;grid-template-columns:14px minmax(0,1fr);gap:8px;align-items:start;padding:10px;border:1px solid #dce7f2;border-radius:12px;background:#fff;box-shadow:0 4px 12px rgba(15,23,42,.04);cursor:pointer}
.mobile-schedule-list-item.selected-row{border-color:#9fc3f0;background:#f8fbff}
.mobile-schedule-list-item .schedule-color-dot{width:10px;height:10px;margin:4px 0 0;border-radius:3px}
.mobile-schedule-list-item .schedule-color-dot.home-schedule-blue{background:#2563eb!important}
.mobile-schedule-list-item .schedule-color-dot.home-schedule-green{background:#0f766e!important}
.mobile-schedule-list-item .schedule-color-dot.home-schedule-orange{background:#d97706!important}
.mobile-schedule-list-item .schedule-color-dot.home-schedule-red{background:#dc2626!important}
.mobile-schedule-list-item .schedule-color-dot.home-schedule-purple{background:#7c3aed!important}
.mobile-schedule-list-item .schedule-color-dot.home-schedule-gray{background:#475569!important}
.mobile-schedule-list-item strong{display:block;color:#0f172a;font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mobile-schedule-list-item p{margin:3px 0 0;color:#64748b;font-size:11px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mobile-schedule-list-item p b{color:#20354d;font-weight:850}
.mobile-schedule-list-item em{display:block;margin-top:4px;color:#7b8ba1;font-size:10px;font-style:normal;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:760px){
#dailyNotesView{padding:12px 10px 18px;background:#fff}
#dailyNotesView .summary-strip{display:flex;margin:0 0 10px;padding:7px 2px 9px;border:0;border-bottom:1px solid #edf2f7;background:#fff;gap:8px;color:#52677f;font-size:11px;font-weight:650;white-space:nowrap;overflow:auto}
#dailyNotesView>.section-head{display:grid!important;grid-template-columns:minmax(0,1fr) 36px;align-items:start;gap:8px;padding:2px 2px 10px;border:0;background:#fff}
#dailyNotesView>.section-head>div:first-child{grid-column:1/2;grid-row:1}
#dailyNotesView>.section-head h2{font-size:22px;font-weight:850;color:#0f172a}
#dailyNotesView>.section-head p{margin-top:3px;font-size:12px;color:#52677f;line-height:1.4}
#dailyNotesView>.section-head .button-row{display:contents}
#dailyNotesView #loadDailyNotesBtn{grid-column:2/3;grid-row:1;justify-self:end;display:inline-flex;align-items:center;justify-content:center;width:34px;min-width:34px;height:34px;min-height:34px;padding:0;border:1px solid #d6e1ed;border-radius:999px;background:#fff;color:#26384f;font-size:0;box-shadow:0 3px 9px rgba(15,23,42,.04)}
#dailyNotesView #loadDailyNotesBtn::before{content:"\21bb";font-size:18px;font-weight:800;line-height:1}
#dailyNotesView #newDailyNoteBtn{grid-column:1/-1;grid-row:2;justify-self:start;width:auto;height:32px;min-height:32px;min-width:108px;padding:0 14px;border:1px solid #c7d8ea;border-radius:999px;background:linear-gradient(180deg,#fff,#f6f9fd);color:#173352;font-size:12px;font-weight:720;box-shadow:0 5px 12px rgba(15,23,42,.05)}
#dailyNotesView #newDailyNoteBtn:active{transform:translateY(1px)}
#dailyNotesView .daily-note-filter-panel{margin:0 0 13px;padding:0;border:0;background:#fff}
#dailyNotesView .daily-note-filter-row{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:6px;padding:0;border:0;background:#fff}
#dailyNotesView #dailyNoteSearch{grid-column:1/-1}
#dailyNotesView #dailyNoteStatusFilter{grid-column:1/2}
#dailyNotesView #dailyNoteFilterReset{grid-column:2/3}
#dailyNotesView .filter-result-text{padding:5px 2px 0;color:#52677f;font-size:11px}
#dailyNotesView .work-section{margin:22px 0 0;border:0;background:#fff}
#dailyNotesView .work-section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 2px 9px;border:0;background:#fff}
#dailyNotesView .work-section-head h2{display:flex;align-items:center;gap:7px;color:#22314a;font-size:15px;font-weight:720;letter-spacing:0}
#dailyNotesView .work-section-head h2::before{content:"";display:inline-block;width:4px;height:15px;border-radius:999px;background:linear-gradient(180deg,#9fc3f0,#d8e7fb)}
#dailyNotesView .work-section-head p{margin-top:4px;color:#6b7d92;font-size:11px;line-height:1.4}
#dailyNotesView .count-pill{height:22px;min-width:34px;padding:0 8px;border:1px solid #dbe6f2;border-radius:999px;background:#f8fbff;color:#64748b;font-size:11px;font-weight:700;line-height:20px;text-align:center}
#dailyNotesView .work-section-body{padding:0}
#dailyNotesView .erp-table-wrap{overflow:visible;border:0;background:#fff}
#dailyNotesView .daily-note-table{display:block;min-width:0;width:100%;border:0;background:#fff}
#dailyNotesView .daily-note-table thead{display:none}
#dailyNotesView .daily-note-table tbody{display:grid;gap:8px}
#dailyNotesView .daily-note-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 9px;padding:11px;border:1px solid #dce7f2;border-radius:13px;background:#fff;box-shadow:0 4px 12px rgba(15,23,42,.04);cursor:pointer}
#dailyNotesView .daily-note-table tr.selected-row{border-color:#9fc3f0;background:#f8fbff}
#dailyNotesView .daily-note-table td{display:block;height:auto;padding:0;border:0!important;background:transparent!important;text-align:left;color:#475569;font-size:11px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dailyNotesView .daily-note-table td:nth-child(1){display:none}
#dailyNotesView .daily-note-table td:nth-child(2){grid-column:1/2;grid-row:1;color:#0f172a;font-size:14px;font-weight:850}
#dailyNotesView .daily-note-table td:nth-child(2) strong{display:block;color:#0f172a;font-size:14px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dailyNotesView .daily-note-table td:nth-child(3){grid-column:1/-1;color:#64748b;font-size:11px}
#dailyNotesView .daily-note-table td:nth-child(4),
#dailyNotesView .daily-note-table td:nth-child(5),
#dailyNotesView .daily-note-table td:nth-child(7),
#dailyNotesView .daily-note-table td:nth-child(8),
#dailyNotesView .daily-note-table td:nth-child(9){display:flex;align-items:center;gap:3px;min-width:0;color:#64748b;font-size:10px;font-weight:650}
#dailyNotesView .daily-note-table td:nth-child(4)::before{content:"마감";color:#94a3b8;font-size:10px;font-weight:650}
#dailyNotesView .daily-note-table td:nth-child(5)::before{content:"작성";color:#94a3b8;font-size:10px;font-weight:650}
#dailyNotesView .daily-note-table td:nth-child(7)::before{content:"재확인";color:#94a3b8;font-size:10px;font-weight:650}
#dailyNotesView .daily-note-table td:nth-child(8)::before{content:"첨부";color:#94a3b8;font-size:10px;font-weight:650}
#dailyNotesView .daily-note-table td:nth-child(9)::before{content:"일시";color:#94a3b8;font-size:10px;font-weight:650}
#dailyNotesView .daily-note-table td:nth-child(6){grid-column:2/3;grid-row:1;justify-self:end;align-self:start}
#dailyNotesView .daily-note-table:not(.daily-note-review-table) td:nth-child(10){display:none!important}
#dailyNotesView .daily-note-status{font-size:11px!important;font-weight:700!important}
#dailyNotesView .daily-note-status-select{height:28px;min-width:74px;padding:2px 18px 2px 6px;border-radius:7px;font-size:11px;font-weight:700}
#dailyNotesView .daily-note-review-table td:nth-child(8){grid-column:1/-1;display:flex;width:auto!important;color:#7f1d1d}
#dailyNotesView .daily-note-review-table td:nth-child(8)::before{content:"재확인 사유";flex:0 0 auto;color:#b91c1c;font-size:10px;font-weight:750}
#dailyNotesView .daily-note-review-table td:nth-child(9)::before{content:"첨부"}
#dailyNotesView .daily-note-review-table td:nth-child(10){display:flex;align-items:center;gap:3px;color:#64748b;font-size:10px;font-weight:650}
#dailyNotesView .daily-note-review-table td:nth-child(10)::before{content:"등록";color:#94a3b8;font-size:10px;font-weight:650}
#dailyNotesView .table-empty{padding:20px 10px;border:1px solid #dce7f2;border-radius:12px;background:#fbfdff;color:#52677f;font-size:12px}
}
@media(max-width:760px){
#freightsView{padding:12px 10px 18px;background:#fff}
#freightsView>.section-head{display:grid!important;grid-template-columns:minmax(0,1fr) 36px;align-items:start;gap:8px;padding:2px 2px 10px;border:0;background:#fff}
#freightsView>.section-head>div:first-child{grid-column:1/2;grid-row:1}
#freightsView>.section-head h2{font-size:22px;font-weight:850;color:#0f172a}
#freightsView>.section-head p{margin-top:3px;font-size:12px;color:#52677f;line-height:1.4}
#freightsView>.section-head .button-row{display:contents}
#freightsView #loadFreightsBtn{grid-column:2/3;grid-row:1;justify-self:end;display:inline-flex;align-items:center;justify-content:center;width:34px;min-width:34px;height:34px;min-height:34px;padding:0;border:1px solid #d6e1ed;border-radius:999px;background:#fff;color:#26384f;font-size:0;box-shadow:0 3px 9px rgba(15,23,42,.04)}
#freightsView #loadFreightsBtn::before{content:"\21bb";font-size:18px;font-weight:800;line-height:1}
#freightsView .work-section{margin:10px 0 0;border:0;background:#fff}
#freightsView .work-section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 2px 9px;border:0;background:#fff}
#freightsView .work-section-head h2{display:flex;align-items:center;gap:7px;color:#22314a;font-size:15px;font-weight:720;letter-spacing:0}
#freightsView .work-section-head h2::before{content:"";display:inline-block;width:4px;height:15px;border-radius:999px;background:linear-gradient(180deg,#9fc3f0,#d8e7fb)}
#freightsView .work-section-head p{margin-top:4px;color:#6b7d92;font-size:11px;line-height:1.4}
#freightsView .count-pill{height:22px;min-width:34px;padding:0 8px;border:1px solid #dbe6f2;border-radius:999px;background:#f8fbff;color:#64748b;font-size:11px;font-weight:700;line-height:20px;text-align:center}
#freightsView .work-section-body{padding:0}
#freightsView .freight-filter-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0;border:0;background:#fff}
#freightsView .freight-filter-row button,
#freightsView .freight-filter-row select,
#freightsView .freight-filter-row input{height:34px;min-height:34px;font-size:11px}
#freightsView #newFreightBtn{grid-column:1/2;background:#102844;border-color:#102844;color:#fff;font-weight:800}
#freightsView #freightShareSelectedBtn{grid-column:2/3}
#freightsView #deleteSelectedFreightsBtn{grid-column:3/4}
#freightsView #freightSearch{grid-column:1/-1}
#freightsView #freightStatusFilter{grid-column:1/2}
#freightsView #freightPaymentFilter{grid-column:2/3}
#freightsView #freightFilterReset{grid-column:3/4}
#freightsView #freightDateFrom{grid-column:1/2}
#freightsView #freightDateTo{grid-column:2/4}
#freightsView .freight-bulk-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:9px 0;padding:8px;border:1px solid #e1eaf4;border-radius:12px;background:#fbfdff;font-size:11px}
#freightsView .freight-bulk-row strong,
#freightsView .freight-bulk-row span{grid-column:1/-1}
#freightsView .freight-bulk-row select,
#freightsView .freight-bulk-row button{width:100%;min-width:0;height:32px;min-height:32px;font-size:11px}
#freightsView .freight-summary-strip{display:flex;gap:6px;margin:8px 0 10px;padding:0;border:0;background:#fff;overflow:auto;white-space:nowrap}
#freightsView .freight-summary-strip span{height:24px;padding:0 8px;border:1px solid #dbe6f2;border-radius:999px;background:#f8fbff;color:#52677f;font-size:10px;font-weight:650;line-height:22px}
#freightsView .freight-summary-strip b{font-weight:780}
#freightsView .erp-table-wrap{overflow:visible;border:0;background:#fff}
#freightsView .freight-table{display:block;min-width:0;width:100%;border:0;background:#fff}
#freightsView .freight-table thead{display:none}
#freightsView .freight-table tbody{display:grid;gap:8px}
#freightsView .freight-table tr{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:5px 8px;padding:11px;border:1px solid #dce7f2;border-radius:13px;background:#fff;box-shadow:0 4px 12px rgba(15,23,42,.04);cursor:pointer}
#freightsView .freight-table tr.selected-row{border-color:#9fc3f0;background:#f8fbff}
#freightsView .freight-table td{display:block;height:auto;padding:0;border:0!important;background:transparent!important;text-align:left;color:#475569;font-size:11px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#freightsView .freight-table td:nth-child(1){grid-column:1/2;grid-row:1/5;align-self:start;padding-top:2px}
#freightsView .freight-table .col-check input{width:17px;height:17px}
#freightsView .freight-table td:nth-child(2),
#freightsView .freight-table td:nth-child(12){display:none}
#freightsView .freight-table td:nth-child(3){grid-column:2/3;grid-row:1;color:#0f172a;font-size:13px;font-weight:800}
#freightsView .freight-table td:nth-child(4){grid-column:3/4;grid-row:1;justify-self:end;align-self:start}
#freightsView .freight-table td:nth-child(5){grid-column:2/-1;grid-row:2;color:#0f172a;font-size:12px;font-weight:750}
#freightsView .freight-table td:nth-child(6){grid-column:2/-1;grid-row:3;color:#0f172a;font-size:12px;font-weight:750}
#freightsView .freight-table td:nth-child(7){grid-column:2/-1;grid-row:4;color:#22314a;font-size:12px;font-weight:850}
#freightsView .freight-table td:nth-child(8),
#freightsView .freight-table td:nth-child(9),
#freightsView .freight-table td:nth-child(10){grid-column:2/3;display:flex;align-items:center;gap:3px;color:#64748b;font-size:10px;font-weight:650}
#freightsView .freight-table td:nth-child(11){grid-column:3/4;grid-row:5;justify-self:end;align-self:end}
#freightsView .freight-table td:nth-child(5)::before{content:"상차";flex:0 0 auto;color:#94a3b8;font-size:10px;font-weight:650}
#freightsView .freight-table td:nth-child(6)::before{content:"하차";flex:0 0 auto;color:#94a3b8;font-size:10px;font-weight:650}
#freightsView .freight-table td:nth-child(7)::before{content:"상품";flex:0 0 auto;color:#94a3b8;font-size:10px;font-weight:650}
#freightsView .freight-table td:nth-child(8)::before{content:"담당";color:#94a3b8;font-size:10px;font-weight:650}
#freightsView .freight-table td:nth-child(9)::before{content:"기사";color:#94a3b8;font-size:10px;font-weight:650}
#freightsView .freight-table td:nth-child(10)::before{content:"운임";color:#94a3b8;font-size:10px;font-weight:650}
#freightsView .freight-status,
#freightsView .freight-payment{font-size:11px!important;font-weight:700!important}
#freightsView .freight-status-select,
#freightsView .freight-payment-select{height:28px;min-width:74px;padding:2px 18px 2px 6px;border-radius:7px;font-size:11px;font-weight:700}
#freightsView .table-empty{padding:20px 10px;border:1px solid #dce7f2;border-radius:12px;background:#fbfdff;color:#52677f;font-size:12px}
#freightsView .freight-edit-panel .detail-panel{padding:10px;background:#fff}
#freightsView .freight-form-section{border:1px solid #dce7f2;border-radius:13px;background:#fff;box-shadow:0 4px 12px rgba(15,23,42,.04);overflow:hidden}
#freightsView .freight-edit-panel .freight-form-section>.freight-section-title{padding:8px 10px!important;border-bottom:1px solid #e5edf5!important;background:#f8fbff!important;color:#22314a!important;font-size:13px!important;font-weight:800!important}
#freightsView .freight-section-grid{grid-template-columns:1fr!important;gap:8px;padding:10px}
#freightsView .freight-section-grid .span-2,
#freightsView .freight-section-grid .span-full{grid-column:auto!important}
}
@media(max-width:760px){
#dailyNoteDetailModal .daily-note-detail-panel,
#freightDetailModal .freight-detail-panel{width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;background:#fff;box-shadow:none}
#dailyNoteDetailModal .modal-titlebar,
#freightDetailModal .modal-titlebar{height:50px;min-height:50px;padding:0 13px;border-bottom:1px solid #edf2f7;background:#fff;color:#0f172a}
#dailyNoteDetailModal .modal-titlebar strong,
#freightDetailModal .modal-titlebar strong{color:#0f172a;font-size:15px;font-weight:780}
#dailyNoteDetailModal .modal-close,
#freightDetailModal .modal-close{width:34px;height:34px;border-color:#d9e4ef;border-radius:999px;background:#fff;color:#22314a;font-size:18px}
#dailyNoteDetailModal .detail-panel,
#freightDetailModal .detail-panel{padding:14px 15px 24px;background:#fff}
#dailyNoteDetailModal .daily-note-mobile-head{display:block;padding:2px 0 13px;border:0;border-bottom:1px solid #edf2f7;background:#fff}
#dailyNoteDetailModal .daily-note-mobile-head h3{margin:0 0 6px;color:#0f172a;font-size:22px;font-weight:820;line-height:1.25;letter-spacing:0}
#dailyNoteDetailModal .daily-note-mobile-head p{margin:0;color:#64748b;font-size:12px;line-height:1.45}
#dailyNoteDetailModal .daily-note-mobile-head .detail-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
#dailyNoteDetailModal .daily-note-mobile-head .detail-actions button{height:31px;min-width:0;padding:0 10px;border-radius:999px;background:#fff;color:#22314a;font-size:11px;font-weight:720}
#dailyNoteDetailModal .daily-note-mobile-head .detail-actions .danger-btn{border-color:#f1b6b6;color:#b91c1c}
#dailyNoteDetailModal .daily-note-mobile-meta{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;border:0;background:#fff;white-space:normal}
#dailyNoteDetailModal .daily-note-mobile-meta>span{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:27px;padding:0 9px;border:1px solid #e1eaf3;border-radius:999px;background:#f8fbff;color:#52677f;font-size:11px;font-weight:700;line-height:1.1}
#dailyNoteDetailModal .daily-note-mobile-meta>span .daily-note-status{display:inline;min-height:0;margin-left:3px;padding:0;border:0;background:transparent;line-height:1.1}
#dailyNoteDetailModal .daily-note-mobile-hidden{display:none!important}
#dailyNoteDetailModal .daily-note-content-card{margin:17px 0 0;padding:0;border:0;background:#fff}
#dailyNoteDetailModal .daily-note-content-card h4{margin:0 0 9px;color:#64748b;font-size:12px;font-weight:780}
#dailyNoteDetailModal .daily-note-content-card .detail-content{min-height:150px;padding:14px;border:1px solid #e1eaf3;border-radius:15px;background:#fbfdff;color:#0f172a;font-size:15px;line-height:1.75;box-shadow:0 6px 16px rgba(15,23,42,.04)}
#dailyNoteDetailModal .daily-note-review-card{margin:14px 0 0;padding:12px;border:1px solid #f2c4c4;border-radius:14px;background:#fff8f8}
#dailyNoteDetailModal .daily-note-review-card .review-box-head{margin-bottom:7px}
#dailyNoteDetailModal .daily-note-review-card .review-box-head strong{color:#991b1b;font-size:13px}
#dailyNoteDetailModal .daily-note-review-card .review-box-head button{height:30px;border-radius:999px}
#dailyNoteDetailModal .daily-note-review-card p{font-size:13px;line-height:1.6}
#dailyNoteDetailModal .daily-note-file-section{margin:18px -15px 0;padding:14px 15px 0;border-top:8px solid #f4f7fb;background:#fff}
#dailyNoteDetailModal .daily-note-file-section h4{margin:0 0 9px;color:#22314a;font-size:14px;font-weight:760}
#dailyNoteDetailModal .daily-note-file-table{display:block;min-width:0;width:100%;border:0;background:#fff}
#dailyNoteDetailModal .daily-note-file-table thead{display:none}
#dailyNoteDetailModal .daily-note-file-table tbody{display:grid;gap:7px}
#dailyNoteDetailModal .daily-note-file-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:10px;border:1px solid #e1eaf3;border-radius:12px;background:#fff;box-shadow:0 3px 10px rgba(15,23,42,.03)}
#dailyNoteDetailModal .daily-note-file-table td{display:block;height:auto;padding:0;border:0!important;background:transparent!important;text-align:left;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dailyNoteDetailModal .daily-note-file-table td:nth-child(1){grid-column:1/2;color:#0f172a;font-size:12px;font-weight:760}
#dailyNoteDetailModal .daily-note-file-table td:nth-child(2),
#dailyNoteDetailModal .daily-note-file-table td:nth-child(4){display:none}
#dailyNoteDetailModal .daily-note-file-table td:nth-child(3){grid-column:1/2;color:#64748b}
#dailyNoteDetailModal .daily-note-file-table td:nth-child(5){grid-column:2/3;grid-row:1/3;align-self:center}
#dailyNoteDetailModal .daily-note-file-upload-row{display:grid;grid-template-columns:1fr;gap:6px;margin-top:9px}
#dailyNoteDetailModal .daily-note-file-upload-row input,
#dailyNoteDetailModal .daily-note-file-upload-row button{width:100%;height:36px;min-height:36px}
#freightsView #newFreightBtn{display:none!important}
#freightsView .freight-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}
#freightsView #freightShareSelectedBtn{grid-column:1/2}
#freightsView #deleteSelectedFreightsBtn{grid-column:2/3}
#freightsView #freightStatusFilter{grid-column:1/2}
#freightsView #freightPaymentFilter{grid-column:2/3}
#freightsView #freightFilterReset{grid-column:2/3}
#freightsView #freightDateFrom{grid-column:1/2}
#freightsView #freightDateTo{grid-column:2/3}
#freightDetailModal .freight-mobile-head{display:block;padding:2px 0 12px;border:0;border-bottom:1px solid #edf2f7;background:#fff}
#freightDetailModal .freight-mobile-head h3{margin:0 0 7px;color:#0f172a;font-size:20px;font-weight:820;line-height:1.28}
#freightDetailModal .freight-mobile-head p{margin:0;color:#52677f;font-size:12px;font-weight:650;line-height:1.45}
#freightDetailModal .freight-mobile-head .detail-actions{display:grid;grid-template-columns:1fr;gap:6px;margin-top:12px}
#freightDetailModal .freight-mobile-head .detail-actions button{height:36px;border-radius:10px;background:#102844;border-color:#102844;color:#fff;font-size:12px;font-weight:760}
#freightDetailModal .freight-mobile-head .detail-actions [data-edit-freight-id]{display:none!important}
#freightDetailModal .freight-mobile-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:10px 0 12px;padding:0;border:0;background:#fff;white-space:normal}
#freightDetailModal .freight-mobile-strip span{min-width:0;padding:8px 9px;border:1px solid #e1eaf3;border-radius:12px;background:#f8fbff;color:#52677f;font-size:11px;font-weight:720;line-height:1.35}
#freightDetailModal .freight-mobile-hidden{display:none!important}
#freightDetailModal .freight-mobile-info{overflow:visible;border:0;background:#fff}
#freightDetailModal .freight-mobile-info .detail-info-table,
#freightDetailModal .freight-mobile-info .detail-info-table tbody,
#freightDetailModal .freight-mobile-info .detail-info-table tr{display:block;width:100%;min-width:0}
#freightDetailModal .freight-mobile-info .detail-info-table tr{display:grid;grid-template-columns:82px minmax(0,1fr);border:1px solid #e1eaf3;border-bottom:0;background:#fff}
#freightDetailModal .freight-mobile-info .detail-info-table tr:first-child{border-radius:12px 12px 0 0}
#freightDetailModal .freight-mobile-info .detail-info-table tr:last-child{border-bottom:1px solid #e1eaf3;border-radius:0 0 12px 12px}
#freightDetailModal .freight-mobile-info .detail-info-table th,
#freightDetailModal .freight-mobile-info .detail-info-table td{display:block;height:auto;min-height:34px;padding:8px 9px;border:0!important;text-align:left;font-size:12px;line-height:1.45}
#freightDetailModal .freight-mobile-info .detail-info-table th{background:#f8fbff;color:#64748b;font-weight:760}
#freightDetailModal .freight-mobile-info .detail-info-table td{min-width:0;color:#0f172a;white-space:normal;word-break:keep-all;overflow-wrap:anywhere}
#freightDetailModal .freight-mobile-memo{margin:14px 0 0;padding:12px;border:1px solid #e1eaf3;border-radius:14px;background:#fbfdff}
#freightDetailModal .freight-mobile-memo h4{margin:0 0 8px;color:#22314a;font-size:13px;font-weight:780}
#freightDetailModal .freight-mobile-memo .detail-content{min-height:48px;padding:0;border:0;background:transparent;color:#475569;font-size:13px;line-height:1.65}
}
@media(max-width:760px){
#dailyNoteDetailModal:not(.hidden),
#freightDetailModal:not(.hidden){display:grid;place-items:stretch!important;align-items:stretch!important;justify-items:stretch!important;padding:0!important;background:#fff}
#dailyNoteDetailModal .modal-backdrop,
#freightDetailModal .modal-backdrop{display:none!important}
#dailyNoteDetailModal .daily-note-detail-panel,
#freightDetailModal .freight-detail-panel{width:100%!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#dailyNoteDetailModal .detail-panel,
#freightDetailModal .detail-panel{max-height:none!important}
#dailyNoteDetailModal .daily-note-content-card .detail-content{font-family:"Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-size:15px;font-weight:500;line-height:1.82;letter-spacing:0;color:#172033}
#freightsView #freightFilterToggleBtn{display:inline-flex;align-items:center;justify-content:center;width:100%;height:36px;margin:0 0 8px;border:1px solid #d6e1ed;border-radius:10px;background:#fff;color:#22314a;font-size:12px;font-weight:760;box-shadow:0 3px 9px rgba(15,23,42,.04)}
#freightsView #freightFilterToggleBtn::before,
#freightsView #freightFilterToggleBtn::after{content:none!important;display:none!important}
#freightsView #freightFilterToggleBtn[aria-expanded="true"]{background:#f8fbff;border-color:#9fc3f0;color:#0f4f97}
#freightsView .freight-filter-row,
#freightsView .freight-bulk-row{display:none!important}
#freightsView.freight-filters-open .freight-filter-row{display:grid!important}
#freightsView.freight-filters-open .freight-bulk-row{display:grid!important}
}
@media(max-width:760px){
#dailyNoteDetailModal .daily-note-mobile-meta>span{height:30px!important;min-height:30px!important;box-sizing:border-box!important;padding:2px 10px 0!important;line-height:1!important;align-items:center!important}
#dailyNoteDetailModal .daily-note-mobile-meta>span>*{display:inline!important;height:auto!important;min-height:0!important;margin-top:0!important;padding:0!important;border:0!important;background:transparent!important;line-height:1!important;vertical-align:middle!important}
#freightsView .freight-table td:nth-child(5)::before,
#freightsView .freight-table td:nth-child(6)::before,
#freightsView .freight-table td:nth-child(7)::before{display:inline-block!important;min-width:28px!important;margin-right:8px!important;text-align:left!important;vertical-align:baseline!important}
body #freightsView button#freightFilterToggleBtn::before,
body #freightsView button#freightFilterToggleBtn::after{content:""!important;display:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}
}
@media(max-width:760px){
#tasksView{padding:12px 10px 18px;background:#fff}
#tasksView .summary-strip{display:flex;margin:0 0 10px;padding:7px 2px 9px;border:0;border-bottom:1px solid #edf2f7;background:#fff;gap:8px;color:#52677f;font-size:11px;font-weight:650;white-space:nowrap;overflow:auto}
#tasksView .work-request-panel{margin:0 0 14px;border:1px solid #dce7f2;border-radius:15px;background:#fbfdff;box-shadow:0 4px 12px rgba(15,23,42,.04);overflow:hidden}
#tasksView .work-request-panel>.section-head{display:grid!important;grid-template-columns:minmax(0,1fr) 34px;align-items:start;gap:8px;padding:12px 12px 8px;border:0;background:transparent}
#tasksView .work-request-panel>.section-head>div{grid-column:1/2}
#tasksView .work-request-panel>.section-head .button-row{grid-column:2/3;grid-row:1;display:flex;justify-content:flex-end}
#tasksView .work-request-panel>.section-head>#loadTasksBtn{grid-column:2/3;grid-row:1;justify-self:end}
#tasksView .work-request-panel>.section-head h2{display:flex;align-items:center;gap:7px;color:#22314a;font-size:15px;font-weight:760}
#tasksView .work-request-panel>.section-head h2::before{content:"";display:inline-block;width:4px;height:15px;border-radius:999px;background:linear-gradient(180deg,#9fc3f0,#d8e7fb)}
#tasksView .work-request-panel>.section-head p{margin-top:4px;color:#6b7d92;font-size:11px;line-height:1.4}
#tasksView #loadTasksBtn{display:inline-flex;align-items:center;justify-content:center;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;border:1px solid #d6e1ed;border-radius:999px;background:#fff;color:#26384f;font-size:0;box-shadow:0 3px 9px rgba(15,23,42,.04)}
#tasksView #loadTasksBtn::before{content:"\21bb";font-size:18px;font-weight:800;line-height:1}
#tasksView .work-request-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 7px;padding:0 12px 12px;background:transparent}
#tasksView .work-request-form label{display:grid;gap:5px;color:#22314a;font-size:12px;font-weight:760}
#tasksView .work-request-form .locked-field,
#tasksView .work-request-form .wide{grid-column:1/-1}
#tasksView .work-request-form input,
#tasksView .work-request-form select,
#tasksView .work-request-form textarea{width:100%;border-radius:10px;font-size:13px;background:#fff}
#tasksView .work-request-form textarea{min-height:88px}
#tasksView #createTaskBtn{width:auto;justify-self:start;height:32px;min-height:32px;min-width:118px;padding:0 14px;border:1px solid #c7d8ea;border-radius:999px;background:linear-gradient(180deg,#fff,#f6f9fd);color:#173352;font-size:12px;font-weight:720;box-shadow:0 5px 12px rgba(15,23,42,.05)}
#tasksView #createTaskBtn:active{transform:translateY(1px)}
#tasksView #taskFilterToggleBtn{display:inline-flex;align-items:center;justify-content:center;width:100%;height:36px;min-height:36px;margin:0 0 8px;border:1px solid #d6e1ed;border-radius:10px;background:#fff;color:#22314a;font-size:12px;font-weight:760;box-shadow:0 3px 9px rgba(15,23,42,.04)}
#tasksView #taskFilterToggleBtn::before,
#tasksView #taskFilterToggleBtn::after{content:none!important;display:none!important}
#tasksView #taskFilterToggleBtn[aria-expanded="true"]{background:#f8fbff;border-color:#9fc3f0;color:#0f4f97}
#tasksView .work-filter-panel{margin:0 0 12px;padding:0;border:0;background:#fff}
#tasksView .task-filter-row,
#tasksView .task-date-filter-row{display:none!important;gap:6px;padding:0;border:0;background:#fff}
#tasksView.task-filters-open .task-filter-row,
#tasksView.task-filters-open .task-date-filter-row{display:grid!important}
#tasksView .task-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}
#tasksView .task-filter-row input{grid-column:1/-1}
#tasksView .task-filter-row select,
#tasksView .task-filter-row button,
#tasksView .task-date-filter-row input{height:34px;min-height:34px;border-radius:8px;font-size:11px}
#tasksView #taskAssigneeFilter,
#tasksView #taskRequesterFilter{grid-column:1/-1}
#tasksView #taskFilterReset{grid-column:2/3}
#tasksView .task-date-filter-row{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:7px}
#tasksView .filter-result-text{padding:6px 2px 0;color:#52677f;font-size:11px;line-height:1.45}
#tasksView .work-section{margin:22px 0 0;border:0;background:#fff}
#tasksView .work-section.compact{margin-top:18px}
#tasksView .work-section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 2px 9px;border:0;background:#fff}
#tasksView .work-section-head h2{display:flex;align-items:center;gap:7px;color:#22314a;font-size:15px;font-weight:720;letter-spacing:0}
#tasksView .work-section-head h2::before{content:"";display:inline-block;width:4px;height:15px;border-radius:999px;background:linear-gradient(180deg,#9fc3f0,#d8e7fb)}
#tasksView .work-section-head p{margin-top:4px;color:#6b7d92;font-size:11px;line-height:1.4}
#tasksView .section-title-row{display:flex;align-items:center;gap:8px}
#tasksView .section-toggle{height:27px;min-height:27px;padding:0 9px;border:1px solid #d6e1ed;border-radius:999px;background:#fff;color:#36516d;font-size:11px;font-weight:720}
#tasksView .count-pill{height:22px;min-width:34px;padding:0 8px;border:1px solid #dbe6f2;border-radius:999px;background:#f8fbff;color:#64748b;font-size:11px;font-weight:700;line-height:20px;text-align:center}
#tasksView .work-section-body{padding:0}
#tasksView .completed-task-filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0;border:0;background:#fff}
#tasksView .completed-task-filter-row input,
#tasksView .completed-task-filter-row select,
#tasksView .completed-task-filter-row button{height:34px;min-height:34px;border-radius:8px;font-size:11px}
#tasksView .completed-task-filter-row input:first-child{grid-column:1/-1}
#tasksView .erp-table-wrap{overflow:visible;border:0;background:#fff}
#tasksView .task-table{display:block;min-width:0;width:100%;border:0;background:#fff}
#tasksView .task-table thead{display:none}
#tasksView .task-table tbody{display:grid;gap:8px}
#tasksView .task-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 9px;padding:11px;border:1px solid #dce7f2;border-radius:13px;background:#fff;box-shadow:0 4px 12px rgba(15,23,42,.04);cursor:pointer}
#tasksView .task-table tr.selected-row{border-color:#9fc3f0;background:#f8fbff}
#tasksView .task-table td{display:block;height:auto;padding:0;border:0!important;background:transparent!important;text-align:left;color:#475569;font-size:11px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#tasksView .task-table td:nth-child(1){display:none}
#tasksView .task-table td:nth-child(2){grid-column:1/2;grid-row:1;color:#0f172a}
#tasksView .task-table td:nth-child(2) strong{display:block;color:#0f172a;font-size:14px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#tasksView .task-table td:nth-child(3){grid-column:1/-1;grid-row:2;color:#64748b;font-size:11px}
#tasksView .task-table td:nth-child(4),
#tasksView .task-table td:nth-child(5),
#tasksView .task-table td:nth-child(7),
#tasksView .task-table td:nth-child(9){display:flex;align-items:center;gap:5px;min-width:0;color:#64748b;font-size:10px;font-weight:650}
#tasksView .task-table td:nth-child(4){grid-column:1/2;grid-row:3}
#tasksView .task-table td:nth-child(5){grid-column:1/2;grid-row:4}
#tasksView .task-table td:nth-child(7){grid-column:1/2;grid-row:5}
#tasksView .task-table td:nth-child(9){grid-column:1/2;grid-row:6}
#tasksView .task-table td:nth-child(4)::before{content:"요청";color:#94a3b8;font-size:10px;font-weight:650}
#tasksView .task-table td:nth-child(5)::before{content:"담당";color:#94a3b8;font-size:10px;font-weight:650}
#tasksView .task-table td:nth-child(7)::before{content:"마감";color:#94a3b8;font-size:10px;font-weight:650}
#tasksView .task-table td:nth-child(9)::before{content:"등록";color:#94a3b8;font-size:10px;font-weight:650}
#tasksView .task-table td:nth-child(6){grid-column:2/3;grid-row:1;justify-self:end;align-self:start}
#tasksView .task-table td:nth-child(8){grid-column:2/3;grid-row:3/5;justify-self:end;align-self:start}
#tasksView .task-table td:nth-child(10){grid-column:2/3;grid-row:6;justify-self:end;align-self:end}
#tasksView .task-status-select{height:28px;min-width:82px;padding:2px 18px 2px 6px;border-radius:8px;font-size:11px;font-weight:650}
#tasksView .task-confirm-btn{height:28px;min-height:28px;min-width:72px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:700}
#tasksView .task-actions{display:flex;gap:5px}
#tasksView .task-actions .mini-btn{height:27px;min-height:27px;min-width:42px;padding:0 8px;border-radius:8px;font-size:11px}
#tasksView .table-empty{padding:20px 10px;border:1px solid #dce7f2;border-radius:12px;background:#fbfdff;color:#52677f;font-size:12px}
}
@media(max-width:760px){
#tasksView .task-table tbody{gap:9px}
#tasksView .task-table tr{gap:5px 10px;padding:12px;border-left:4px solid #d8e7fb}
#tasksView .task-table td:nth-child(9){display:none!important}
#tasksView .task-table td:nth-child(10){grid-row:5}
body #tasksView button#taskFilterToggleBtn::before,
body #tasksView button#taskFilterToggleBtn::after{content:""!important;display:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}
}
@media(max-width:760px){
#tasksView.active{display:flex;flex-direction:column}
#tasksView #taskSummaryStrip{order:1}
#tasksView .work-request-panel{order:2}
#tasksView #taskFilterToggleBtn{order:3}
#tasksView .work-filter-panel{order:4}
#tasksView [data-task-section="requested"]{order:5}
#tasksView [data-task-section="received"]{order:6;margin-top:38px;padding-top:14px;border-top:8px solid #f6f8fb}
#tasksView [data-task-section="all"]{order:7}
#tasksView [data-task-section="completed"]{order:8}
#tasksView .modal{order:99}
#tasksView #taskCreateToggleBtn{display:inline-flex;align-items:center;justify-content:center;width:calc(100% - 24px);height:36px;min-height:36px;margin:0 12px 12px;border:1px solid #173352;border-radius:999px;background:#173352;color:#fff;font-size:12px;font-weight:760;box-shadow:0 6px 14px rgba(23,51,82,.12)}
#tasksView #taskCreateToggleBtn[aria-expanded="true"]{background:#fff;color:#173352;border-color:#b9cadc}
#tasksView #taskCreateToggleBtn::before,
#tasksView #taskCreateToggleBtn::after{content:none!important;display:none!important}
#tasksView .work-request-form{display:none!important}
#tasksView.task-create-open .work-request-form{display:grid!important}
#tasksView .task-table tbody{gap:10px}
#tasksView .task-table tr{grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;padding:13px 14px;border:1px solid #dce7f2;border-left:0;border-radius:16px;background:#fff;box-shadow:0 5px 15px rgba(15,23,42,.045)}
#tasksView .task-table td{line-height:1.35}
#tasksView .task-table td:nth-child(2){grid-column:1/2;grid-row:1/3;min-width:0}
#tasksView .task-table td:nth-child(2) strong{font-size:14px;font-weight:780;line-height:1.25}
#tasksView .mobile-task-content{display:block;margin-top:5px;color:#5f7188;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#tasksView .mobile-task-meta{display:flex;flex-wrap:wrap;gap:4px 9px;margin-top:8px;color:#6b7d92;font-size:10.5px;font-weight:600;line-height:1.25}
#tasksView .mobile-task-meta span{white-space:nowrap}
#tasksView .task-table td:nth-child(3),
#tasksView .task-table td:nth-child(4),
#tasksView .task-table td:nth-child(5),
#tasksView .task-table td:nth-child(7),
#tasksView .task-table td:nth-child(9){display:none!important}
#tasksView .task-table td:nth-child(6){grid-column:2/3;grid-row:1;justify-self:end;align-self:start;font-size:12px;font-weight:700}
#tasksView .task-table td:nth-child(8){grid-column:1/2;grid-row:3;justify-self:start;align-self:end}
#tasksView .task-table td:nth-child(10){grid-column:2/3;grid-row:3;justify-self:end;align-self:end}
#tasksView .task-status-select{height:30px;min-width:92px;padding:2px 22px 2px 8px;border-radius:10px;font-size:11px;font-weight:650;background:#fff}
#tasksView .task-confirm-btn{height:30px;min-height:30px;min-width:78px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:700}
#tasksView .task-actions{gap:6px}
#tasksView .task-actions .mini-btn{height:29px;min-height:29px;min-width:44px;padding:0 9px;border-radius:10px;font-size:11px;background:#fff}
}
@media(max-width:760px){
#filesView{padding:12px 10px 18px;background:#fff}
#filesView>.section-head{display:grid!important;grid-template-columns:minmax(0,1fr) 36px;align-items:start;gap:8px;padding:2px 2px 12px;border:0;background:#fff}
#filesView>.section-head h2{font-size:22px;font-weight:850;color:#0f172a}
#filesView>.section-head p{margin-top:3px;font-size:12px;color:#52677f;line-height:1.4}
#filesView #loadTaskFilesBtn{justify-self:end;display:inline-flex;align-items:center;justify-content:center;width:34px;min-width:34px;height:34px;min-height:34px;padding:0;border:1px solid #d6e1ed;border-radius:999px;background:#fff;color:#26384f;font-size:0;box-shadow:0 3px 9px rgba(15,23,42,.04)}
#filesView #loadTaskFilesBtn::before{content:"\21bb";font-size:18px;font-weight:800;line-height:1}
#filesView .file-library-panel{margin-top:4px;padding:0;border:0;background:#fff}
#filesView .file-explorer-layout{display:grid;grid-template-columns:1fr;gap:14px}
#filesView .folder-pane{width:auto;min-height:0;padding:12px;border:1px solid #dce7f2;border-radius:16px;background:#fff;box-shadow:0 7px 18px rgba(15,23,42,.055)}
#filesView .folder-pane .compact-head{display:block;padding:0 0 8px;border:0;background:transparent}
#filesView .folder-pane .compact-head h2{display:flex;align-items:center;gap:7px;color:#22314a;font-size:15px;font-weight:760}
#filesView .folder-pane .compact-head h2::before{content:"";display:inline-block;width:4px;height:15px;border-radius:999px;background:linear-gradient(180deg,#9fc3f0,#d8e7fb)}
#filesView .folder-pane .compact-head p{margin-top:4px;color:#6b7d92;font-size:11px;line-height:1.4}
#filesView .folder-create-row{display:grid;grid-template-columns:1fr;gap:7px;padding:0;margin:0 0 9px;border:0;background:transparent}
#filesView #libraryFolderName{height:36px;min-height:36px;border-radius:9px;font-size:12px}
#filesView .folder-action-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#filesView .folder-action-row button{width:100%;height:32px;min-height:32px;padding:0 4px;border-radius:8px;font-size:11px;white-space:nowrap}
#filesView .folder-tree{max-height:220px;overflow:auto;padding:3px 0;border:0;background:#fff}
#filesView .folder-tree-row{grid-template-columns:22px minmax(0,1fr);gap:4px}
#filesView .folder-tree-toggle{width:22px;height:28px;border-radius:8px}
#filesView .folder-tree-item{min-height:31px;height:auto;padding:6px 8px;border-radius:9px;background:#fff;color:#22314a;font-size:12px;font-weight:720}
#filesView .folder-tree-item.active{background:#26384f;color:#fff;box-shadow:0 5px 12px rgba(38,56,79,.16)}
#filesView .folder-tree-item small{font-size:9px;font-weight:650}
#filesView .trash-folder-btn{width:100%;height:34px;min-height:34px;margin-top:8px;border-radius:9px;background:#fff;color:#b91c1c;font-size:12px}
#filesView .file-pane{min-width:0}
#filesView .library-current-row{display:grid;grid-template-columns:1fr;gap:3px;margin:0 0 11px;padding:10px 11px;border:1px solid #dce7f2;border-radius:13px;background:#fbfdff}
#filesView .library-current-row strong{font-size:13px;font-weight:800}
#filesView .library-current-row span{font-size:11px;line-height:1.35;color:#60758c}
#filesView .library-storage-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:11px}
#filesView .library-storage-summary>div{display:grid;grid-template-columns:1fr auto;gap:2px;min-height:42px;padding:7px 8px;border:1px solid #dce7f2;border-radius:12px;background:#fff;box-shadow:0 4px 12px rgba(15,23,42,.03)}
#filesView .library-storage-summary span{font-size:10px}
#filesView .library-storage-summary strong{font-size:14px}
#filesView .library-storage-summary em{grid-column:1/-1;font-size:9px;text-align:left}
#filesView .library-storage-summary{display:none!important}
#filesView #libraryUploadToggleBtn{display:inline-flex;align-items:center;justify-content:center;width:100%;height:36px;min-height:36px;margin:0 0 10px;border:1px solid #c7d8ea;border-radius:999px;background:linear-gradient(180deg,#fff,#f7faff);color:#173352;font-size:12px;font-weight:730;box-shadow:0 5px 13px rgba(15,23,42,.05)}
#filesView #libraryUploadToggleBtn[aria-expanded="true"]{background:#f8fbff;border-color:#9fc3f0;color:#0f4f97}
#filesView .file-upload-panel{display:none;padding:11px;border:1px solid #dce7f2;border-radius:15px;background:#fbfdff;box-shadow:0 6px 16px rgba(15,23,42,.045)}
#filesView.library-upload-open .file-upload-panel{display:block}
#filesView .file-upload-panel .compact-head{display:block;padding:0 0 8px;border:0;background:transparent}
#filesView .file-upload-panel .compact-head h2{font-size:15px;font-weight:760}
#filesView .file-upload-panel .compact-head p{margin-top:4px;color:#6b7d92;font-size:11px;line-height:1.4}
#filesView .file-library-form{display:grid;grid-template-columns:1fr;gap:7px;margin-top:0}
#filesView .file-library-form input,
#filesView .file-library-form button{width:100%;height:36px;min-height:36px;border-radius:9px;font-size:12px}
#filesView .file-library-form button{background:#102844;border-color:#102844;color:#fff;font-weight:800}
#filesView .file-search-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0 12px;padding:0;border:0;background:#fff}
#filesView #taskFileSearch{grid-column:1/-1}
#filesView .file-search-row input,
#filesView .file-search-row select,
#filesView .file-search-row button{height:35px;min-height:35px;border-radius:10px;font-size:11px}
#filesView #moveSelectedFilesBtn,
#filesView #deleteSelectedFilesBtn,
#filesView #restoreSelectedFilesBtn,
#filesView #purgeSelectedFilesBtn{font-weight:800}
#filesView #taskFileList .erp-table-wrap{overflow:visible;border:0;background:#fff}
#filesView .file-library-table{display:block;min-width:0;width:100%;border:0;background:#fff}
#filesView .file-library-table thead{display:none}
#filesView .file-library-table tbody{display:grid;gap:10px}
#filesView .file-library-table tr{display:grid;grid-template-columns:23px minmax(0,1fr) auto;gap:5px 10px;padding:12px;border:1px solid #dce7f2;border-radius:16px;background:#fff;box-shadow:0 7px 18px rgba(15,23,42,.055);cursor:pointer}
#filesView .file-library-table tr.selected-row{border-color:#9fc3f0;background:#f8fbff}
#filesView .file-library-table td{display:block;height:auto;padding:0;border:0!important;background:transparent!important;text-align:left;color:#475569;font-size:11px;line-height:1.48;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#filesView .file-library-table td:nth-child(1){grid-column:1/2;grid-row:1/6;align-self:start;padding-top:2px}
#filesView .file-library-table .col-check input{width:16px;height:16px}
#filesView .file-library-table td:nth-child(2){display:none}
#filesView .file-library-table td:nth-child(3){grid-column:2/3;grid-row:2;align-self:start;justify-self:start;display:inline-flex!important;align-items:center;justify-content:center;min-width:0;height:auto;padding:0!important;border:0!important;border-radius:0;background:transparent!important;color:#7890a8;font-size:10px;font-weight:700;line-height:1.3;text-align:left}
#filesView .file-library-table td:nth-child(3)::before{content:"유형";display:inline-block;min-width:28px;margin-right:7px;color:#a0aec0;font-size:10px;font-weight:650}
#filesView .file-library-table td:nth-child(4){grid-column:2/3;grid-row:1;color:#0f172a}
#filesView .file-library-table .file-name-cell strong{display:block;color:#0f172a;font-size:14px;font-weight:820;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#filesView .file-library-table .file-name-cell span{display:block;margin-top:3px;color:#64748b;font-size:10px;font-weight:630;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#filesView .file-library-table td:nth-child(5){grid-column:2/-1;grid-row:3;color:#64748b}
#filesView .file-library-table td:nth-child(5)::before{content:"위치";display:inline-block;min-width:28px;margin-right:7px;color:#94a3b8;font-size:10px;font-weight:650}
#filesView .file-library-table td:nth-child(6){grid-column:2/3;grid-row:4}
#filesView .file-library-table td:nth-child(6)::before{content:"등록";display:inline-block;min-width:28px;margin-right:7px;color:#94a3b8;font-size:10px;font-weight:650}
#filesView .file-library-table td:nth-child(7){grid-column:3/4;grid-row:4;justify-self:end;color:#64748b;font-size:10px}
#filesView .file-library-table td:nth-child(8){grid-column:2/3;grid-row:5;color:#64748b;font-size:10px}
#filesView .file-library-table td:nth-child(8)::before{content:"일시";display:inline-block;min-width:28px;margin-right:7px;color:#94a3b8;font-size:10px;font-weight:650}
#filesView .file-library-table td:nth-child(9){grid-column:3/4;grid-row:1;justify-self:end;align-self:start}
#filesView .file-library-table td:nth-child(10){grid-column:3/4;grid-row:5;justify-self:end;min-height:28px}
#filesView .file-library-table .download-link,
#filesView .file-library-table .small-table-btn{display:inline-flex;align-items:center;justify-content:center;height:29px;min-width:50px;padding:0 10px;border:1px solid #c9d8e8;border-radius:999px;background:#fff;color:#005ed2;font-size:11px;font-weight:760;text-decoration:none}
#filesView .file-library-table .download-link{background:#f7fbff;border-color:#bcd1ea;color:#0b5fc3}
#filesView .table-empty{padding:20px 10px;border:1px solid #dce7f2;border-radius:12px;background:#fbfdff;color:#52677f;font-size:12px}
}
@media(max-width:760px){
#noticesView{padding:13px 10px 20px;background:#fff}
#noticesView>.section-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;padding:2px 2px 12px;border:0;background:#fff}
#noticesView>.section-head h2{font-size:22px;font-weight:850;color:#0f172a}
#noticesView>.section-head p{max-width:270px;margin-top:3px;color:#52677f;font-size:12px;line-height:1.4}
#noticesView>.section-head .button-row{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin:0}
#noticesView #loadNoticesBtn{display:inline-flex;align-items:center;justify-content:center;width:34px;min-width:34px;height:34px;min-height:34px;padding:0;border:1px solid #d6e1ed;border-radius:999px;background:#fff;color:#26384f;font-size:0;box-shadow:0 4px 10px rgba(15,23,42,.045)}
#noticesView #loadNoticesBtn::before{content:"\21bb";font-size:18px;font-weight:800;line-height:1}
#noticesView #newNoticeBtn{display:inline-flex;align-items:center;justify-content:center;height:34px;min-height:34px;min-width:76px;padding:0 12px;border:1px solid #c7d8ea;border-radius:999px;background:linear-gradient(180deg,#fff,#f7faff);color:#173352;font-size:12px;font-weight:730;box-shadow:0 5px 12px rgba(15,23,42,.05)}
#noticesView .notice-list-panel{margin:0;padding:0;border:0;background:#fff}
#noticesView .notice-search-row{display:grid;grid-template-columns:minmax(0,1fr) 70px;gap:7px;margin:0 0 13px;padding:0;border:0;background:#fff}
#noticesView .notice-search-row input,
#noticesView .notice-search-row button{height:36px;min-height:36px;border-radius:10px;font-size:12px}
#noticesView .notice-search-row button{background:#fff;color:#22314a;font-weight:720}
#noticesView #noticeList .erp-table-wrap{overflow:visible;border:0;background:#fff}
#noticesView .notice-table{display:block;min-width:0;width:100%;border:0;background:#fff}
#noticesView .notice-table thead{display:none}
#noticesView .notice-table tbody{display:grid;gap:10px}
#noticesView .notice-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;padding:12px;border:1px solid #dce7f2;border-radius:16px;background:#fff;box-shadow:0 7px 18px rgba(15,23,42,.055);cursor:pointer}
#noticesView .notice-table tr.selected-row{border-color:#9fc3f0;background:#f8fbff}
#noticesView .notice-table td{display:block;height:auto;padding:0;border:0!important;background:transparent!important;text-align:left;color:#475569;font-size:11px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#noticesView .notice-table .col-no{display:none!important}
#noticesView .notice-table td:nth-child(2){grid-column:1/2;grid-row:1;color:#0f172a}
#noticesView .notice-title-cell strong{display:inline-block;max-width:100%;color:#0f172a;font-size:14px;font-weight:820;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
#noticesView .notice-title-cell .unread-mark{display:inline-flex;align-items:center;justify-content:center;height:20px;margin-right:5px;padding:0 7px;border:1px solid #f3c7a7;border-radius:999px;background:#fff7ed;color:#c2410c;font-size:10px;font-weight:740;vertical-align:middle}
#noticesView .notice-table td:nth-child(3){grid-column:2/3;grid-row:1;justify-self:end;align-self:start;display:inline-flex!important;align-items:center;justify-content:center;height:22px;padding:0 8px;border:1px solid #dbe6f2!important;border-radius:999px;background:#f8fbff!important;color:#52677f;font-size:10px;font-weight:720}
#noticesView .notice-table td:nth-child(4){grid-column:2/3;grid-row:2;justify-self:end;color:#7890a8;font-size:10px}
#noticesView .notice-table td:nth-child(5){grid-column:1/2;grid-row:3;color:#64748b}
#noticesView .notice-table td:nth-child(5)::before{content:"첨부";display:inline-block;min-width:32px;margin-right:7px;color:#94a3b8;font-size:10px;font-weight:650}
#noticesView .notice-table td:nth-child(6){grid-column:1/2;grid-row:2;color:#64748b}
#noticesView .notice-table td:nth-child(6)::before{content:"작성";display:inline-block;min-width:32px;margin-right:7px;color:#94a3b8;font-size:10px;font-weight:650}
#noticesView .notice-table td:nth-child(7){grid-column:2/3;grid-row:3;justify-self:end;color:#64748b;font-size:10px}
#noticesView .notice-table td:nth-child(8){grid-column:1/-1;grid-row:4;display:flex!important;justify-content:flex-end;gap:6px;margin-top:3px}
#noticesView .notice-table td:nth-child(8) .mini-btn{height:28px;min-height:28px;min-width:46px;border-radius:999px;background:#fff;font-size:11px;font-weight:720}
#noticesView .table-empty{padding:20px 10px;border:1px solid #dce7f2;border-radius:12px;background:#fbfdff;color:#52677f;font-size:12px}
}
@media(max-width:760px){
#writingNotesView{padding:12px 10px 18px;background:#fff}
#writingNotesView>.section-head{display:grid!important;grid-template-columns:minmax(0,1fr);align-items:start;gap:8px;padding:2px 2px 10px;border:0;background:#fff}
#writingNotesView>.section-head h2{font-size:22px;font-weight:850;color:#0f172a}
#writingNotesView>.section-head p{max-width:330px;margin-top:3px;font-size:12px;color:#52677f;line-height:1.4}
#writingNotesView .writing-note-filter-panel{margin:0 0 11px;padding:0;border:0;background:#fff}
#writingNotesView .writing-note-filter-row{display:grid;grid-template-columns:minmax(0,1fr) 70px;gap:6px;padding:0;border:0;background:#fff}
#writingNotesView .writing-note-filter-row input,
#writingNotesView .writing-note-filter-row button{height:34px;min-height:34px;border-radius:8px;font-size:11px}
#writingNotesView .filter-result-text{padding:5px 2px 0;font-size:11px}
#writingNotesView .work-section{margin:10px 0 0;border:0;background:#fff}
#writingNotesView .work-section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;padding:0 2px 10px;border:0;background:#fff}
#writingNotesView .work-section-head h2{display:flex;align-items:center;gap:7px;color:#22314a;font-size:15px;font-weight:720;letter-spacing:0}
#writingNotesView .work-section-head h2::before{content:"";display:inline-block;width:4px;height:15px;border-radius:999px;background:linear-gradient(180deg,#9fc3f0,#d8e7fb)}
#writingNotesView .work-section-head p{margin-top:4px;color:#6b7d92;font-size:11px;line-height:1.4}
#writingNotesView .count-pill{height:22px;min-width:34px;padding:0 8px;border:1px solid #dbe6f2;border-radius:999px;background:#f8fbff;color:#64748b;font-size:11px;font-weight:700;line-height:20px;text-align:center}
#writingNotesView .section-left-actions{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:1px 0}
#writingNotesView #newWritingNoteBtn{height:32px;min-height:32px;min-width:108px;padding:0 14px;border:1px solid #c7d8ea;border-radius:999px;background:linear-gradient(180deg,#fff,#f6f9fd);color:#173352;font-size:12px;font-weight:720;box-shadow:0 5px 12px rgba(15,23,42,.05)}
#writingNotesView #newWritingNoteBtn:active{transform:translateY(1px)}
#writingNotesView #deleteSelectedWritingNotesBtn{height:32px;min-height:32px;min-width:72px;padding:0 11px;border:1px solid #efc7c7;border-radius:999px;background:#fffafa;color:#b4232f;font-size:11px;font-weight:700;box-shadow:0 5px 12px rgba(185,28,28,.04)}
#writingNotesView #deleteSelectedWritingNotesBtn:disabled{background:#fbfdff;border-color:#e2eaf3;color:#9aa9b8;box-shadow:none}
#writingNotesView #loadWritingNotesBtn{display:inline-flex;align-items:center;justify-content:center;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;border:1px solid #d6e1ed;border-radius:999px;background:linear-gradient(180deg,#fff,#f7fafc);color:#36516d;font-size:0;box-shadow:0 5px 12px rgba(15,23,42,.05)}
#writingNotesView #loadWritingNotesBtn::before{content:"\21bb";font-size:16px;font-weight:760;line-height:1}
#writingNotesView .work-section-body{padding:0}
#writingNotesView .erp-table-wrap{overflow:visible;border:0;background:#fff}
#writingNotesView .writing-note-table{display:block;min-width:0;width:100%;border:0;background:#fff}
#writingNotesView .writing-note-table thead{display:none}
#writingNotesView .writing-note-table tbody{display:grid;gap:8px}
#writingNotesView .writing-note-table tr{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:4px 9px;padding:12px;border:1px solid #dce7f2;border-radius:14px;background:#fff;box-shadow:0 4px 12px rgba(15,23,42,.04);cursor:pointer}
#writingNotesView .writing-note-table tr.selected-row{border-color:#9fc3f0;background:#f8fbff}
#writingNotesView .writing-note-table td{display:block;height:auto;padding:0;border:0!important;background:transparent!important;text-align:left;color:#475569;font-size:11px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#writingNotesView .writing-note-table td:nth-child(1){grid-column:1/2;grid-row:1/5;align-self:start;padding-top:2px}
#writingNotesView .writing-note-table .col-check input{width:17px;height:17px}
#writingNotesView .writing-note-table td:nth-child(2){display:none}
#writingNotesView .writing-note-table td:nth-child(3){grid-column:3/4;grid-row:1;justify-self:end;color:#64748b;font-size:10px;font-weight:650}
#writingNotesView .writing-note-table td:nth-child(3)::before{content:"등록 ";color:#94a3b8;font-weight:650}
#writingNotesView .writing-note-table td:nth-child(4){grid-column:2/3;grid-row:1;color:#0f172a}
#writingNotesView .writing-note-table td:nth-child(4) strong{display:block;color:#0f172a;font-size:14px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#writingNotesView .writing-note-table td:nth-child(5){grid-column:2/-1;grid-row:2;color:#64748b;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#writingNotesView .writing-note-table td:nth-child(6){grid-column:2/3;grid-row:3;display:flex;align-items:center;gap:4px;color:#64748b;font-size:10px;font-weight:650}
#writingNotesView .writing-note-table td:nth-child(6)::before{content:"작성";color:#94a3b8;font-size:10px;font-weight:650}
#writingNotesView .writing-note-table td:nth-child(7){grid-column:3/4;grid-row:3;justify-self:end;display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:23px;padding:0 8px;border:1px solid #dbe6f2;border-radius:999px;background:#f8fbff;color:#52677f;font-size:10px;font-weight:700;line-height:1}
#writingNotesView .table-empty{padding:20px 10px;border:1px solid #dce7f2;border-radius:12px;background:#fbfdff;color:#52677f;font-size:12px}
#writingNoteDetailModal:not(.hidden){display:grid;place-items:stretch!important;align-items:stretch!important;justify-items:stretch!important;padding:0!important;background:#fff}
#writingNoteDetailModal .modal-backdrop{display:none!important}
#writingNoteDetailModal .writing-note-detail-panel{position:fixed!important;inset:0!important;z-index:1002;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;transform:none!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;font-family:"Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif}
#writingNoteDetailModal .modal-titlebar{flex:0 0 50px;height:50px;min-height:50px;padding:0 13px;border-bottom:1px solid #edf2f7;background:#fff;color:#0f172a}
#writingNoteDetailModal .modal-titlebar strong{color:#0f172a;font-size:15px;font-weight:780}
#writingNoteDetailModal .modal-close{width:34px;height:34px;border-color:#d9e4ef;border-radius:999px;background:#fff;color:#22314a;font-size:18px}
#writingNoteDetailModal .detail-panel{flex:1 1 auto!important;min-height:0!important;max-height:none!important;height:auto!important;padding:14px 15px max(26px,env(safe-area-inset-bottom))!important;background:#fff;overflow:auto!important;-webkit-overflow-scrolling:touch}
#writingNoteDetailModal .writing-note-mobile-head{display:block;padding:2px 0 13px;border:0;border-bottom:1px solid #edf2f7;background:#fff}
#writingNoteDetailModal .writing-note-mobile-head h3{margin:0 0 6px;color:#0f172a;font-size:22px;font-weight:820;line-height:1.25;letter-spacing:0}
#writingNoteDetailModal .writing-note-mobile-head p{margin:0;color:#64748b;font-size:12px;line-height:1.45}
#writingNoteDetailModal .writing-note-mobile-head .detail-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:12px}
#writingNoteDetailModal .writing-note-mobile-head .detail-actions button,
#writingNoteDetailModal .writing-note-mobile-head .detail-actions .button-link{display:inline-flex;align-items:center;justify-content:center;height:31px;min-width:0;padding:0 9px;border:1px solid #d6e1ed;border-radius:999px;background:#fff;color:#22314a;font-size:11px;font-weight:720;text-decoration:none}
#writingNoteDetailModal .writing-note-mobile-head .detail-actions .danger-btn{border-color:#f1b6b6;color:#b91c1c}
#writingNoteDetailModal .writing-note-mobile-meta{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;border:0;background:#fff;white-space:normal}
#writingNoteDetailModal .writing-note-mobile-meta>span{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:0 9px;border:1px solid #e1eaf3;border-radius:999px;background:#f8fbff;color:#52677f;font-size:11px;font-weight:700;line-height:1.1}
#writingNoteDetailModal .writing-note-content-box{margin:15px 0 0;padding:0;border:0;background:#fff}
#writingNoteDetailModal .writing-note-content-box h4,
#writingNoteDetailModal .writing-note-uncertain-section>h4,
#writingNoteDetailModal .writing-note-file-section>h4{display:flex;align-items:center;gap:7px;margin:0 0 9px;color:#22314a;font-size:13px;font-weight:760}
#writingNoteDetailModal .writing-note-content-box h4::before,
#writingNoteDetailModal .writing-note-uncertain-section>h4::before,
#writingNoteDetailModal .writing-note-file-section>h4::before{content:"";display:inline-block;width:4px;height:14px;border-radius:999px;background:linear-gradient(180deg,#9fc3f0,#d8e7fb)}
#writingNoteDetailModal .writing-note-content-box .detail-content{min-height:52px;padding:13px;border:1px solid #e1eaf3;border-radius:15px;background:#fbfdff;color:#172033;font-family:"Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-size:14px;font-weight:500;line-height:1.78;box-shadow:0 6px 16px rgba(15,23,42,.04)}
#writingNoteDetailModal .writing-note-summary-card .detail-content{font-size:15px;font-weight:560}
#writingNoteDetailModal .writing-note-analysis-grid{display:grid;grid-template-columns:1fr;gap:0}
#writingNoteDetailModal .writing-note-uncertain-section,
#writingNoteDetailModal .writing-note-compare-section,
#writingNoteDetailModal .writing-note-file-section{margin:18px -15px 0;padding:14px 15px 0;border-top:8px solid #f4f7fb;background:#fff}
#writingNoteDetailModal .writing-note-compare-grid{display:grid;grid-template-columns:1fr;gap:14px}
#writingNoteDetailModal .writing-note-original-photo img{max-height:420px;border:1px solid #e1eaf3;border-radius:14px;background:#fff}
#writingNoteDetailModal .writing-note-photo-caption{font-size:11px;color:#64748b}
#writingNoteDetailModal .writing-note-transcript{min-height:160px!important}
#writingNoteDetailModal .writing-note-uncertain-mark{border:1px solid #f3d071;background:#fff4b8;color:#5f3700;border-radius:4px;padding:0 3px;font-weight:850}
#writingNoteDetailModal .writing-note-uncertain-table,
#writingNoteDetailModal .writing-note-file-table{display:block;min-width:0;width:100%;border:0;background:#fff}
#writingNoteDetailModal .writing-note-uncertain-table thead,
#writingNoteDetailModal .writing-note-file-table thead{display:none}
#writingNoteDetailModal .writing-note-uncertain-table tbody,
#writingNoteDetailModal .writing-note-file-table tbody{display:grid;gap:7px}
#writingNoteDetailModal .writing-note-uncertain-table tr,
#writingNoteDetailModal .writing-note-file-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:10px;border:1px solid #e1eaf3;border-radius:12px;background:#fff;box-shadow:0 3px 10px rgba(15,23,42,.03)}
#writingNoteDetailModal .writing-note-uncertain-table td,
#writingNoteDetailModal .writing-note-file-table td{display:block;height:auto;padding:0;border:0!important;background:transparent!important;text-align:left;font-size:11px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#writingNoteDetailModal .writing-note-uncertain-table td:nth-child(1){grid-column:1/-1;color:#0f172a;font-size:12px;font-weight:800}
#writingNoteDetailModal .writing-note-uncertain-table td:nth-child(2),
#writingNoteDetailModal .writing-note-uncertain-table td:nth-child(3){grid-column:1/-1;color:#64748b}
#writingNoteDetailModal .writing-note-uncertain-table td:nth-child(2)::before{content:"이유 ";color:#94a3b8;font-size:10px;font-weight:650}
#writingNoteDetailModal .writing-note-uncertain-table td:nth-child(3)::before{content:"추정 ";color:#94a3b8;font-size:10px;font-weight:650}
#writingNoteDetailModal .writing-note-uncertain-table td:nth-child(4){grid-column:2/3;grid-row:1;justify-self:end;color:#52677f}
#writingNoteDetailModal .writing-note-file-table td:nth-child(1){grid-column:1/2;color:#0f172a;font-size:12px;font-weight:760}
#writingNoteDetailModal .writing-note-file-table td:nth-child(2),
#writingNoteDetailModal .writing-note-file-table td:nth-child(4){display:none}
#writingNoteDetailModal .writing-note-file-table td:nth-child(3){grid-column:1/2;color:#64748b}
#writingNoteDetailModal .writing-note-file-table td:nth-child(5){grid-column:2/3;grid-row:1/3;align-self:center}
#writingNoteDetailModal .writing-note-file-upload-row{display:grid;grid-template-columns:1fr;gap:6px;margin-top:9px}
#writingNoteDetailModal .writing-note-file-upload-row input,
#writingNoteDetailModal .writing-note-file-upload-row button{width:100%;height:36px;min-height:36px}
#writingNoteDetailModal .writing-note-log-section{display:none!important}
#writingNoteEditModal:not(.hidden){display:grid;place-items:stretch!important;align-items:stretch!important;justify-items:stretch!important;padding:0!important;background:#fff}
#writingNoteEditModal .modal-backdrop{display:none!important}
#writingNoteEditModal .writing-note-edit-panel{width:100%!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
#writingNoteEditModal .modal-titlebar{height:50px;min-height:50px;padding:0 13px;border-bottom:1px solid #edf2f7;background:#fff;color:#0f172a}
#writingNoteEditModal .modal-titlebar strong{color:#0f172a;font-size:15px;font-weight:780}
#writingNoteEditModal .modal-close{width:34px;height:34px;border-color:#d9e4ef;border-radius:999px;background:#fff;color:#22314a;font-size:18px}
#writingNoteEditModal .detail-panel{max-height:none!important;padding:13px 14px 80px;background:#fff;overflow:auto}
#writingNoteEditModal .writing-note-ai-panel{margin:0 0 13px;padding:12px;border:1px solid #dce7f2;border-radius:15px;background:#fbfdff;box-shadow:0 4px 12px rgba(15,23,42,.04)}
#writingNoteEditModal .writing-note-ai-panel h3{font-size:15px;font-weight:780;color:#22314a}
#writingNoteEditModal .writing-note-ai-panel p{font-size:11px;font-weight:650;color:#64748b;line-height:1.45}
#writingNoteEditModal .writing-note-analyze-row{display:grid;grid-template-columns:1fr;gap:7px}
#writingNoteEditModal .writing-note-analyze-row input,
#writingNoteEditModal .writing-note-analyze-row button{width:100%;height:36px;min-height:36px;border-radius:9px}
#writingNoteEditModal #analyzeWritingNoteImageBtn{background:#102844;border-color:#102844;color:#fff;font-weight:800}
#writingNoteEditModal .writing-note-photo-preview{border-radius:13px}
#writingNoteEditModal .writing-note-photo-preview img{max-height:260px;border-radius:10px}
#writingNoteEditModal .writing-note-form{display:grid;grid-template-columns:1fr;gap:9px}
#writingNoteEditModal .writing-note-form label{display:grid;gap:5px;color:#22314a;font-size:12px;font-weight:760}
#writingNoteEditModal .writing-note-form input,
#writingNoteEditModal .writing-note-form textarea{width:100%;border-radius:10px;font-size:13px}
#writingNoteEditModal .writing-note-form textarea{min-height:92px}
#writingNoteEditModal #writingNoteContent{min-height:150px}
#writingNoteEditModal .modal-button-row{position:fixed;left:0;right:0;bottom:0;z-index:5;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 14px;background:#fff;border-top:1px solid #edf2f7}
#writingNoteEditModal .modal-button-row button{height:38px;min-height:38px;border-radius:10px}
#writingNoteEditModal #saveWritingNoteBtn{background:#102844;border-color:#102844;color:#fff;font-weight:800}
}
@media(max-width:760px){
#businessCardDetailModal:not(.hidden){display:grid;place-items:stretch!important;align-items:stretch!important;justify-items:stretch!important;padding:0!important;background:#fff}
#businessCardDetailModal .modal-backdrop{display:none!important}
#businessCardDetailModal .business-card-detail-panel{position:fixed!important;inset:0!important;z-index:1002;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;transform:none!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;font-family:"Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif}
#businessCardDetailModal .modal-titlebar{flex:0 0 50px;height:50px;min-height:50px;padding:0 13px;border-bottom:1px solid #edf2f7;background:#fff;color:#0f172a}
#businessCardDetailModal .modal-titlebar strong{color:#0f172a;font-size:15px;font-weight:780}
#businessCardDetailModal .modal-close{width:34px;height:34px;border-color:#d9e4ef;border-radius:999px;background:#fff;color:#22314a;font-size:18px}
#businessCardDetailModal .work-detail-panel{flex:1 1 auto!important;min-height:0!important;max-height:none!important;height:auto!important;padding:14px 15px max(26px,env(safe-area-inset-bottom))!important;background:#fff;overflow:auto!important;-webkit-overflow-scrolling:touch}
#businessCardDetailModal .detail-head{margin:0 0 10px!important;padding:0 0 13px!important;border:0!important;border-bottom:1px solid #edf2f7!important;border-radius:0!important;background:#fff!important}
#businessCardDetailModal .detail-head h3{margin:0 0 5px;color:#0f172a;font-size:22px!important;font-weight:820;line-height:1.25;letter-spacing:0}
#businessCardDetailModal .detail-head p{margin:0;color:#64748b;font-size:12px;line-height:1.45}
#businessCardDetailModal .detail-actions{display:grid!important;grid-template-columns:1fr 62px 62px!important;gap:6px;width:100%;margin-top:12px}
#businessCardDetailModal .button-like,
#businessCardDetailModal .detail-actions button{display:inline-flex;align-items:center;justify-content:center;height:32px;min-width:0;padding:0 8px;border:1px solid #d6e1ed;border-radius:999px;background:#fff;color:#22314a;font-size:11px;font-weight:720;text-decoration:none}
#businessCardDetailModal .business-card-vcard-btn{background:#102844!important;border-color:#102844!important;color:#fff!important;font-weight:780!important}
#businessCardDetailModal .detail-status-strip{display:flex!important;flex-wrap:wrap;gap:6px;margin:10px 0 12px!important;padding:0;border:0;background:#fff;white-space:normal}
#businessCardDetailModal .detail-status-strip span{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:0 9px!important;border:1px solid #e1eaf3!important;border-radius:999px!important;background:#f8fbff!important;color:#52677f;font-size:11px!important;font-weight:700;line-height:1.1}
#businessCardDetailModal .detail-table-wrap{overflow:visible!important;border:0!important;background:#fff!important}
#businessCardDetailModal .detail-info-table{display:block;width:100%;min-width:0;border:1px solid #d8e4ef;border-radius:0;background:#fff;overflow:hidden}
#businessCardDetailModal .detail-info-table tbody{display:block;width:100%}
#businessCardDetailModal .detail-info-table tr{display:grid!important;grid-template-columns:74px minmax(0,1fr)!important;width:100%;border:0!important;border-bottom:1px solid #e3ebf3!important;background:#fff!important}
#businessCardDetailModal .detail-info-table tr:last-child{border-bottom:0!important}
#businessCardDetailModal .detail-info-table th,
#businessCardDetailModal .detail-info-table td{display:block;height:auto;min-height:35px;padding:8px 9px!important;border:0!important;text-align:left!important;font-size:11px;line-height:1.55}
#businessCardDetailModal .detail-info-table th{background:#f3f7fb!important;color:#52677f!important;font-weight:760}
#businessCardDetailModal .detail-info-table td{min-width:0;color:#172033;font-weight:560;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:keep-all;overflow-wrap:anywhere}
#businessCardDetailModal .detail-info-table td[colspan]{grid-column:2/-1}
#businessCardDetailModal .business-card-memo-box,
#businessCardDetailModal .business-card-image-section{margin:12px 0 0!important;padding:12px!important;border:1px solid #e1eaf3!important;border-radius:14px!important;background:#fff!important}
#businessCardDetailModal .business-card-memo-box h4,
#businessCardDetailModal .business-card-image-section h4{margin:0 0 8px;color:#22314a;font-size:13px;font-weight:760}
#businessCardDetailModal .business-card-memo-box .detail-content{min-height:48px;padding:0;border:0;background:transparent;color:#475569;font-size:13px;line-height:1.65}
#businessCardDetailModal .business-card-image-grid{grid-template-columns:1fr!important}
#businessCardDetailModal .business-card-image-grid img{height:220px;border-radius:10px}
#businessCardDetailModal .business-card-file-upload-row{display:grid;grid-template-columns:1fr;gap:6px;margin-top:9px}
#businessCardDetailModal .business-card-file-upload-row input,
#businessCardDetailModal .business-card-file-upload-row button{width:100%;height:36px;min-height:36px;border-radius:9px}
}
@media(max-width:760px){
#taskDetailModal:not(.hidden){display:grid;place-items:stretch!important;align-items:stretch!important;justify-items:stretch!important;padding:0!important;background:#fff}
#taskDetailModal .modal-backdrop{display:none!important}
#taskDetailModal .task-modal-panel{width:100%!important;height:100dvh!important;max-width:none!important;max-height:none!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
#taskDetailModal .modal-titlebar{height:50px;min-height:50px;padding:0 13px;border-bottom:1px solid #edf2f7;background:#fff;color:#0f172a}
#taskDetailModal .modal-titlebar strong{color:#0f172a;font-size:15px;font-weight:780}
#taskDetailModal .modal-close{width:34px;height:34px;border-color:#d9e4ef;border-radius:999px;background:#fff;color:#22314a;font-size:18px}
#taskDetailModal .work-detail-panel{max-height:none!important;padding:14px 15px 28px;background:#fff;overflow:auto}
#taskDetailModal .detail-head{display:block;padding:0 0 12px;border:0;border-bottom:1px solid #edf2f7;background:#fff}
#taskDetailModal .detail-head h3{margin:0 0 6px;color:#0f172a;font-size:22px;font-weight:820;line-height:1.25;letter-spacing:0}
#taskDetailModal .detail-head p{margin:0;color:#64748b;font-size:12px;font-weight:650;line-height:1.45}
#taskDetailModal .detail-head>.status-badge{display:inline-flex;margin-top:10px;min-height:28px;padding:0 10px;border:1px solid #e1eaf3;border-radius:999px;background:#f8fbff;font-size:11px;font-weight:720;align-items:center}
#taskDetailModal .detail-status-strip{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;border:0;background:#fff;white-space:normal}
#taskDetailModal .detail-status-strip>span{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:0 9px;border:1px solid #e1eaf3;border-radius:999px;background:#f8fbff;color:#52677f;font-size:11px;font-weight:700;line-height:1.1}
#taskDetailModal .detail-status-strip .status-badge,
#taskDetailModal .detail-status-strip .priority-badge{font-size:11px;font-weight:720;line-height:1}
#taskDetailModal .detail-info-wrap{margin:12px 0 0;border:0;background:#fff;overflow:visible}
#taskDetailModal .detail-info-table{display:block;min-width:0;width:100%;border:0;background:#fff}
#taskDetailModal .detail-info-table tbody{display:grid;gap:0;border:1px solid #e1eaf3;border-radius:14px;overflow:hidden;background:#fbfdff}
#taskDetailModal .detail-info-table tr{display:grid;grid-template-columns:78px minmax(0,1fr);gap:0;border-bottom:1px solid #edf2f7;background:transparent}
#taskDetailModal .detail-info-table tr:last-child{border-bottom:0}
#taskDetailModal .detail-info-table th,
#taskDetailModal .detail-info-table td{display:block;height:auto;padding:9px 10px!important;border:0!important;background:transparent!important;text-align:left!important;font-size:11px;line-height:1.35}
#taskDetailModal .detail-info-table th{color:#7890a8!important;font-weight:720}
#taskDetailModal .detail-info-table td{color:#22314a;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#taskDetailModal .detail-info-table th:nth-child(3),
#taskDetailModal .detail-info-table td:nth-child(4){border-top:1px solid #edf2f7!important}
#taskDetailModal .detail-info-table th:nth-child(3){grid-column:1/2}
#taskDetailModal .detail-info-table td:nth-child(4){grid-column:2/3}
#taskDetailModal .detail-content-box{margin:17px 0 0;padding:0;border:0;background:#fff}
#taskDetailModal .detail-content-box h4,
#taskDetailModal .detail-section>h4{display:flex;align-items:center;gap:7px;margin:0 0 9px;color:#22314a;font-size:13px;font-weight:760}
#taskDetailModal .detail-content-box h4::before,
#taskDetailModal .detail-section>h4::before{content:"";display:inline-block;width:4px;height:14px;border-radius:999px;background:linear-gradient(180deg,#9fc3f0,#d8e7fb)}
#taskDetailModal .detail-content{min-height:62px;padding:13px;border:1px solid #e1eaf3;border-radius:15px;background:#fbfdff;color:#172033;font-family:"Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-size:14px;font-weight:500;line-height:1.75;box-shadow:0 6px 16px rgba(15,23,42,.04)}
#taskDetailModal .reject-box{margin:14px 0 0;padding:12px;border-radius:14px;font-size:12px}
#taskDetailModal .detail-section{margin:18px -15px 0;padding:14px 15px 0;border-top:8px solid #f4f7fb;background:#fff}
#taskDetailModal .task-detail-log-section{display:none!important}
#taskDetailModal .detail-file-table,
#taskDetailModal .detail-comment-table{display:block;min-width:0;width:100%;border:0;background:#fff}
#taskDetailModal .detail-file-table thead,
#taskDetailModal .detail-comment-table thead{display:none}
#taskDetailModal .detail-file-table tbody,
#taskDetailModal .detail-comment-table tbody{display:grid;gap:7px}
#taskDetailModal .detail-file-table tr,
#taskDetailModal .detail-comment-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:10px;border:1px solid #e1eaf3;border-radius:12px;background:#fff;box-shadow:0 3px 10px rgba(15,23,42,.03)}
#taskDetailModal .detail-file-table td,
#taskDetailModal .detail-comment-table td{display:block;height:auto;padding:0;border:0!important;background:transparent!important;text-align:left!important;font-size:11px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#taskDetailModal .detail-file-table td:nth-child(1){grid-column:1/2;color:#0f172a;font-size:12px;font-weight:760}
#taskDetailModal .detail-file-table td:nth-child(2),
#taskDetailModal .detail-file-table td:nth-child(4){display:none}
#taskDetailModal .detail-file-table td:nth-child(3){grid-column:1/2;color:#64748b}
#taskDetailModal .detail-file-table td:nth-child(5),
#taskDetailModal .detail-file-table td:nth-child(6){grid-column:2/3;align-self:center}
#taskDetailModal .detail-comment-table td:nth-child(1){grid-column:1/2;color:#0f172a;font-size:12px;font-weight:760}
#taskDetailModal .detail-comment-table td:nth-child(2){grid-column:2/3;justify-self:end;color:#64748b;font-size:10px}
#taskDetailModal .detail-comment-table td:nth-child(3){grid-column:1/-1;color:#334155;white-space:normal}
#taskDetailModal .mobile-detail-section-toggle{display:flex;align-items:center;justify-content:center;width:100%;height:36px;min-height:36px;margin-top:9px;border:1px solid #d6e1ed;border-radius:999px;background:#fff;color:#22314a;font-size:12px;font-weight:720;box-shadow:0 3px 9px rgba(15,23,42,.04)}
#taskDetailModal .mobile-detail-section-toggle[aria-expanded="true"]{border-color:#9fc3f0;background:#f8fbff;color:#0f4f97}
#taskDetailModal .task-detail-toggle-section{display:none;margin-top:8px}
#taskDetailModal .task-detail-toggle-section.open{display:block}
#taskDetailModal .file-upload-row,
#taskDetailModal .comment-input-row{display:grid;grid-template-columns:1fr;gap:7px}
#taskDetailModal .file-upload-row input,
#taskDetailModal .file-upload-row button,
#taskDetailModal .comment-input-row textarea,
#taskDetailModal .comment-input-row button{width:100%;border-radius:10px}
#taskDetailModal .comment-input-row textarea{min-height:92px;font-size:13px}
#taskEditModal:not(.hidden){display:grid;place-items:stretch!important;align-items:stretch!important;justify-items:stretch!important;padding:0!important;background:#fff}
#taskEditModal .modal-backdrop{display:none!important}
#taskEditModal .task-edit-panel{width:100%!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
#taskEditModal .modal-titlebar{height:50px;min-height:50px;padding:0 13px;border-bottom:1px solid #edf2f7;background:#fff;color:#0f172a}
#taskEditModal .modal-titlebar strong{color:#0f172a;font-size:15px;font-weight:780}
#taskEditModal .modal-close{width:34px;height:34px;border-color:#d9e4ef;border-radius:999px;background:#fff;color:#22314a;font-size:18px}
#taskEditModal .detail-panel{max-height:none!important;padding:13px 14px 74px;background:#fff;overflow:auto}
#taskEditModal .form-grid{display:grid;grid-template-columns:1fr;gap:9px;margin:0;padding:0}
#taskEditModal .form-grid label{display:grid;gap:5px;color:#22314a;font-size:12px;font-weight:760}
#taskEditModal .form-grid input,
#taskEditModal .form-grid select,
#taskEditModal .form-grid textarea{width:100%;height:38px;min-height:38px;border:1px solid #d6e1ed;border-radius:10px;background:#fff;color:#172033;font-size:13px;font-weight:650;box-shadow:0 3px 9px rgba(15,23,42,.035)}
#taskEditModal .form-grid textarea{height:auto;min-height:118px;padding:10px;line-height:1.55}
#taskEditModal .locked-field input{background:#f4f7fb;color:#64748b}
#taskEditModal .helper-text{margin:12px 0 0;color:#6b7d92;font-size:11px;font-weight:650;line-height:1.45}
#taskEditModal .modal-button-row{position:fixed;left:0;right:0;bottom:0;z-index:5;display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin:0;padding:10px 14px;background:#fff;border-top:1px solid #edf2f7}
#taskEditModal .modal-button-row button{height:38px;min-height:38px;border-radius:10px;font-size:12px;font-weight:760}
#taskEditModal #saveTaskEditBtn{background:#102844;border-color:#102844;color:#fff}
#taskDeleteConfirmModal,
#taskStatusReasonModal{padding:14px!important;place-items:center!important;background:rgba(15,23,42,.38)}
#taskDeleteConfirmModal .modal-backdrop,
#taskStatusReasonModal .modal-backdrop{display:none!important}
#taskDeleteConfirmModal .reason-modal-panel,
#taskStatusReasonModal .reason-modal-panel{width:100%!important;max-width:420px!important;min-height:0!important;border:1px solid #d8e4f0;border-radius:17px;background:#fff;box-shadow:0 18px 38px rgba(15,23,42,.24);overflow:hidden}
#taskDeleteConfirmModal .modal-titlebar,
#taskStatusReasonModal .modal-titlebar{height:48px;min-height:48px;border-bottom:1px solid #edf2f7;background:#fff;color:#0f172a}
#taskDeleteConfirmModal .modal-titlebar strong,
#taskStatusReasonModal .modal-titlebar strong{color:#0f172a;font-size:15px;font-weight:780}
#taskDeleteConfirmModal .modal-close,
#taskStatusReasonModal .modal-close{width:32px;height:32px;border-color:#d9e4ef;border-radius:999px;background:#fff;color:#22314a;font-size:17px}
#taskStatusReasonModal textarea{min-height:120px;border-radius:12px;font-size:13px;line-height:1.55}
#taskDeleteConfirmModal .modal-button-row,
#taskStatusReasonModal .modal-button-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}
#taskDeleteConfirmModal .modal-button-row button,
#taskStatusReasonModal .modal-button-row button{height:36px;min-height:36px;border-radius:10px;font-size:12px;font-weight:760}
}
@media(max-width:760px){
#libraryFileDetailModal:not(.hidden),
#libraryFileEditModal:not(.hidden),
#taskFileOrganizeModal:not(.hidden),
#fileMoveModal:not(.hidden){display:grid;place-items:stretch!important;align-items:stretch!important;justify-items:stretch!important;padding:0!important;background:#fff}
#libraryFileDetailModal .modal-backdrop,
#libraryFileEditModal .modal-backdrop,
#taskFileOrganizeModal .modal-backdrop,
#fileMoveModal .modal-backdrop{display:none!important}
#libraryFileDetailModal .library-file-panel,
#libraryFileEditModal .form-modal-panel,
#taskFileOrganizeModal .form-modal-panel,
#fileMoveModal .form-modal-panel{width:100%!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
#libraryFileDetailModal .modal-titlebar,
#libraryFileEditModal .modal-titlebar,
#taskFileOrganizeModal .modal-titlebar,
#fileMoveModal .modal-titlebar{height:50px;min-height:50px;padding:0 13px;border-bottom:1px solid #edf2f7;background:#fff;color:#0f172a}
#libraryFileDetailModal .modal-titlebar strong,
#libraryFileEditModal .modal-titlebar strong,
#taskFileOrganizeModal .modal-titlebar strong,
#fileMoveModal .modal-titlebar strong{color:#0f172a;font-size:15px;font-weight:780}
#libraryFileDetailModal .modal-close,
#libraryFileEditModal .modal-close,
#taskFileOrganizeModal .modal-close,
#fileMoveModal .modal-close{width:34px;height:34px;border-color:#d9e4ef;border-radius:999px;background:#fff;color:#22314a;font-size:18px}
#libraryFileDetailModal .detail-panel,
#libraryFileEditModal .detail-panel,
#taskFileOrganizeModal .detail-panel,
#fileMoveModal .detail-panel{max-height:none!important;padding:14px 15px 78px;background:#fff;overflow:auto}
#libraryFileDetailModal .detail-head{display:block;padding:2px 0 13px;border:0;border-bottom:1px solid #edf2f7;background:#fff}
#libraryFileDetailModal .detail-head h3{margin:0 0 6px;color:#0f172a;font-size:21px;font-weight:820;line-height:1.25;letter-spacing:0;word-break:keep-all}
#libraryFileDetailModal .detail-head p{margin:0;color:#64748b;font-size:12px;font-weight:650;line-height:1.45}
#libraryFileDetailModal .detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}
#libraryFileDetailModal .detail-actions button,
#libraryFileDetailModal .detail-actions .button-link{display:inline-flex;align-items:center;justify-content:center;height:34px;min-width:0;padding:0 10px;border:1px solid #d6e1ed;border-radius:999px;background:#fff;color:#22314a;font-size:12px;font-weight:720;text-decoration:none}
#libraryFileDetailModal .detail-actions .button-link{background:#102844;border-color:#102844;color:#fff}
#libraryFileDetailModal .detail-info-wrap{margin:13px 0 0;border:0;background:#fff;overflow:visible}
#libraryFileDetailModal .library-detail-table{display:block;min-width:0;width:100%;border:0;background:#fff}
#libraryFileDetailModal .library-detail-table tbody{display:grid;gap:0;border:1px solid #e1eaf3;border-radius:14px;overflow:hidden;background:#fbfdff}
#libraryFileDetailModal .library-detail-table tr{display:grid;grid-template-columns:82px minmax(0,1fr);gap:0;border-bottom:1px solid #edf2f7;background:transparent}
#libraryFileDetailModal .library-detail-table tr:last-child{border-bottom:0}
#libraryFileDetailModal .library-detail-table th,
#libraryFileDetailModal .library-detail-table td{display:block;height:auto;padding:9px 10px!important;border:0!important;background:transparent!important;text-align:left!important;font-size:11px;line-height:1.4}
#libraryFileDetailModal .library-detail-table th{color:#7890a8!important;font-weight:720}
#libraryFileDetailModal .library-detail-table td{color:#22314a;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#libraryFileDetailModal .library-detail-table th:nth-child(3),
#libraryFileDetailModal .library-detail-table td:nth-child(4){border-top:1px solid #edf2f7!important}
#libraryFileDetailModal .library-detail-table th:nth-child(3){grid-column:1/2}
#libraryFileDetailModal .library-detail-table td:nth-child(4){grid-column:2/3}
#libraryFileDetailModal .library-detail-table td[colspan]{white-space:normal;overflow:visible;line-height:1.6}
#libraryFileEditModal .form-grid,
#taskFileOrganizeModal .form-grid{display:grid;grid-template-columns:1fr;gap:9px;margin:0;padding:0}
#libraryFileEditModal .form-grid label,
#taskFileOrganizeModal .form-grid label{display:grid;gap:5px;color:#22314a;font-size:12px;font-weight:760}
#libraryFileEditModal .form-grid input,
#libraryFileEditModal .form-grid select,
#libraryFileEditModal .form-grid textarea,
#taskFileOrganizeModal .form-grid input,
#taskFileOrganizeModal .form-grid select,
#taskFileOrganizeModal .form-grid textarea{width:100%;height:38px;min-height:38px;border:1px solid #d6e1ed;border-radius:10px;background:#fff;color:#172033;font-size:13px;font-weight:650;box-shadow:0 3px 9px rgba(15,23,42,.035)}
#libraryFileEditModal .form-grid textarea,
#taskFileOrganizeModal .form-grid textarea{height:auto;min-height:126px;padding:10px;line-height:1.55}
#libraryFileEditModal .modal-button-row,
#taskFileOrganizeModal .modal-button-row,
#fileMoveModal .modal-button-row{position:fixed;left:0;right:0;bottom:0;z-index:5;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:10px 14px;background:#fff;border-top:1px solid #edf2f7}
#libraryFileEditModal .modal-button-row button,
#taskFileOrganizeModal .modal-button-row button,
#fileMoveModal .modal-button-row button{height:38px;min-height:38px;border-radius:10px;font-size:12px;font-weight:760}
#libraryFileEditModal #libraryFileSaveBtn,
#taskFileOrganizeModal #taskFileOrganizeSaveBtn,
#fileMoveModal #fileMoveSaveBtn{background:#102844;border-color:#102844;color:#fff}
#fileMoveModal .helper-text,
#taskFileOrganizeModal .helper-text{margin:0 0 10px;color:#64748b;font-size:11px;font-weight:650;line-height:1.45}
#fileMoveModal .folder-choice-tree{display:grid;gap:5px;max-height:none;margin:0 0 11px;padding:9px;border:1px solid #e1eaf3;border-radius:14px;background:#fbfdff;overflow:visible}
#fileMoveModal .folder-choice-item{height:34px;min-height:34px;padding-right:10px;border-radius:9px;background:#fff;color:#22314a;font-size:12px;font-weight:760}
#fileMoveModal .folder-choice-item.active{background:#344458;color:#fff}
#fileMoveModal .library-current-row{margin:0;padding:10px 11px;border:1px solid #dce7f2;border-radius:12px;background:#fff}
#fileMoveModal .library-current-row strong{font-size:12px;color:#7890a8}
#fileMoveModal .library-current-row span{font-size:13px;color:#22314a;font-weight:760}
#checklistsView{padding:12px 10px 18px;background:#fff}
#checklistsView>.section-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;padding:2px 2px 10px;border:0;background:#fff}
#checklistsView>.section-head h2{display:flex;align-items:center;gap:7px;color:#22314a;font-size:20px;font-weight:820;letter-spacing:0}
#checklistsView>.section-head h2::before{content:"";display:inline-block;width:4px;height:15px;border-radius:999px;background:linear-gradient(180deg,#9fc3f0,#d8e7fb)}
#checklistsView>.section-head p{margin-top:3px;color:#52677f;font-size:11px;line-height:1.4}
#checklistsView>.section-head .button-row{justify-self:end;display:flex;gap:6px}
#checklistsView #newChecklistBtn{display:none}
#checklistsView #loadChecklistsBtn{width:32px;min-width:32px;height:32px;min-height:32px;padding:0;border:1px solid #d6e1ed;border-radius:999px;background:#fff;color:#102844;font-size:0;box-shadow:0 4px 10px rgba(15,23,42,.05)}
#checklistsView #loadChecklistsBtn::before{content:"\21bb";font-size:16px;font-weight:900;line-height:1}
#checklistsView .summary-strip{display:flex;gap:7px;margin:0 0 9px;padding:0 2px 7px;border:0;background:#fff;overflow-x:auto;white-space:nowrap}
#checklistsView .summary-strip span{font-size:10px;color:#6b7d92;font-weight:700}
#checklistsView .summary-strip strong{color:#22314a;font-weight:800}
#checklistsView #checklistFilterToggleBtn{display:inline-flex;align-items:center;justify-content:center;width:100%;height:36px;margin:0 0 8px;border:1px solid #d6e1ed;border-radius:10px;background:#fff;color:#22314a;font-size:12px;font-weight:760;box-shadow:0 3px 9px rgba(15,23,42,.04)}
#checklistsView #checklistFilterToggleBtn[aria-expanded="true"]{background:#f8fbff;border-color:#9fc3f0;color:#0f4f97}
#checklistsView .checklist-filter-panel{display:none;margin:0 0 12px;padding:0;border:0;background:#fff}
#checklistsView.checklist-filters-open .checklist-filter-panel{display:block}
#checklistsView .checklist-filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0}
#checklistsView #checklistSearch{grid-column:1/-1}
#checklistsView .checklist-filter-row input,
#checklistsView .checklist-filter-row select,
#checklistsView .checklist-filter-row button{height:34px;min-height:34px;border-radius:9px;font-size:11px}
#checklistsView #checklistAssigneeFilter{grid-column:1/2}
#checklistsView #checklistFilterReset{grid-column:2/3}
#checklistsView #checklistFilterResultText{margin:7px 2px 0;font-size:11px}
#checklistsView .work-section{margin:0 0 18px;border:0;background:#fff}
#checklistsView .work-section.compact{margin-top:20px}
#checklistsView .work-section-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 2px 9px;border:0;background:#fff}
#checklistsView .work-section-head h2{display:flex;align-items:center;gap:7px;color:#22314a;font-size:15px;font-weight:720;letter-spacing:0}
#checklistsView .work-section-head h2::before{content:"";display:inline-block;width:4px;height:15px;border-radius:999px;background:linear-gradient(180deg,#9fc3f0,#d8e7fb)}
#checklistsView .work-section-head p{margin-top:4px;color:#6b7d92;font-size:11px;line-height:1.4}
#checklistsView .work-section-body{padding:0}
#checklistsView .checklist-action-row{justify-content:flex-start;margin:0 0 9px;padding:0}
#checklistsView #deleteSelectedChecklistsBtn{height:32px;min-height:32px;min-width:86px;padding:0 12px;border-radius:999px;background:#fff;color:#d01818;font-size:11px;font-weight:720}
#checklistsView .erp-table-wrap{overflow:visible;border:0;background:#fff}
#checklistsView .checklist-table{display:block;min-width:0;width:100%;border:0;background:#fff}
#checklistsView .checklist-table thead{display:none}
#checklistsView .checklist-table tbody{display:grid;gap:8px}
#checklistsView .checklist-table tr{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:4px 8px;padding:11px;border:1px solid #dce7f2;border-radius:14px;background:#fff;box-shadow:0 4px 12px rgba(15,23,42,.04);cursor:pointer}
#checklistsView .checklist-table tr.selected-row{border-color:#9fc3f0;background:#f8fbff}
#checklistsView .checklist-table td{display:block;height:auto;padding:0;border:0!important;background:transparent!important;text-align:left;color:#475569;font-size:11px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#checklistsView .checklist-table .col-check{grid-column:1/2;grid-row:1/5;align-self:start;padding-top:2px}
#checklistsView .checklist-table .col-check input{width:17px;height:17px}
#checklistsView .checklist-table .col-no{display:none}
#checklistsView .checklist-table .col-title{grid-column:2/3;grid-row:1;min-width:0;color:#0f172a}
#checklistsView .checklist-table .col-title strong{display:block;font-size:14px;font-weight:780;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#checklistsView .checklist-table .col-content{grid-column:2/-1;grid-row:2;color:#64748b}
#checklistsView .checklist-table td:nth-child(5){grid-column:2/3;grid-row:3;color:#64748b}
#checklistsView .checklist-table td:nth-child(5)::before{content:"담당";display:inline-block;min-width:25px;margin-right:6px;color:#94a3b8;font-size:10px;font-weight:650}
#checklistsView .checklist-table td:nth-child(6){grid-column:3/4;grid-row:1;justify-self:end;text-align:right}
#checklistsView .checklist-table td:nth-child(6) .priority-badge{font-size:11px;font-weight:700}
#checklistsView .checklist-table td:nth-child(7){grid-column:3/4;grid-row:3;justify-self:end;text-align:right}
#checklistsView .checklist-table td:nth-child(8){grid-column:2/3;grid-row:4;color:#64748b}
#checklistsView .checklist-table td:nth-child(8)::before{content:"마감";display:inline-block;min-width:25px;margin-right:6px;color:#94a3b8;font-size:10px;font-weight:650}
#checklistsView .checklist-table td:nth-child(9){grid-column:3/4;grid-row:4;justify-self:end;color:#64748b}
#checklistsView .checklist-table td:nth-child(9)::before{content:"첨부";display:inline-block;margin-right:5px;color:#94a3b8;font-size:10px;font-weight:650}
#checklistsView .checklist-table td:nth-child(10),
#checklistsView .checklist-table td:nth-child(11){display:none}
#checklistsView .checklist-status-select{height:28px;min-width:76px;padding:2px 20px 2px 8px;border-radius:999px;background:#fff;font-size:11px;font-weight:700}
#checklistsView .status-badge{font-size:11px;font-weight:700}
#checklistsView .table-empty{padding:20px 10px;border:1px solid #dce7f2;border-radius:12px;background:#fbfdff;color:#52677f;font-size:12px}
#checklistDetailModal:not(.hidden){display:block}
#checklistDetailModal .modal-backdrop{display:none}
#checklistDetailModal .checklist-detail-panel{position:fixed;inset:0;width:100%;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;background:#fff;box-shadow:none;transform:none;overflow:auto;font-family:"Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif}
#checklistDetailModal .modal-titlebar{position:sticky;top:0;z-index:3;height:54px;padding:0 15px;border:0;border-bottom:1px solid #edf2f7;background:#fff;color:#0f172a}
#checklistDetailModal .modal-titlebar strong{font-size:15px;font-weight:760;color:#22314a}
#checklistDetailModal .modal-close{width:36px;height:36px;border:1px solid #e1eaf3;border-radius:50%;background:#fff;color:#0f172a;font-size:22px;line-height:1}
#checklistDetailModal .detail-panel{padding:18px 16px 24px;background:#fff;color:#172033}
#checklistDetailModal .detail-head{display:block;padding:0 0 13px;border-bottom:1px solid #edf2f7;background:#fff}
#checklistDetailModal .detail-head h3{margin:0 0 6px;color:#0f172a;font-size:22px;font-weight:820;line-height:1.25;letter-spacing:0;word-break:break-word}
#checklistDetailModal .detail-head p{margin:0;color:#64748b;font-size:12px;line-height:1.45}
#checklistDetailModal .detail-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
#checklistDetailModal .detail-actions button{height:31px;min-width:0;padding:0 10px;border-radius:999px;background:#fff;color:#22314a;font-size:11px;font-weight:720}
#checklistDetailModal .detail-actions .danger-btn{border-color:#f1b6b6;color:#b91c1c}
#checklistDetailModal .detail-status-strip{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;border:0;background:#fff;white-space:normal}
#checklistDetailModal .detail-status-strip>span{display:inline-flex;align-items:center;justify-content:center;min-width:0;height:30px;min-height:30px;box-sizing:border-box;padding:2px 10px 0;border:1px solid #e1eaf3;border-radius:999px;background:#f8fbff;color:#52677f;font-size:11px;font-weight:700;line-height:1}
#checklistDetailModal .detail-status-strip>span>*{display:inline!important;height:auto!important;min-height:0!important;margin:0 0 0 3px!important;padding:0!important;border:0!important;background:transparent!important;line-height:1!important;vertical-align:middle!important}
#checklistDetailModal .detail-info-wrap{margin:12px 0 0;border:0;background:#fff;overflow:visible}
#checklistDetailModal .detail-info-table{display:grid;min-width:0;border:0;background:#fff}
#checklistDetailModal .detail-info-table tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#checklistDetailModal .detail-info-table tr{display:contents}
#checklistDetailModal .detail-info-table th{display:none}
#checklistDetailModal .detail-info-table td{display:block;height:auto;padding:9px 10px;border:1px solid #e1eaf3!important;border-radius:12px;background:#fbfdff!important;color:#334155;font-size:11px;font-weight:700;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#checklistDetailModal .detail-info-table td:nth-child(2)::before{content:"담당자";display:block;margin-bottom:2px;color:#94a3b8;font-size:10px;font-weight:650}
#checklistDetailModal .detail-info-table td:nth-child(4)::before{content:"시작일";display:block;margin-bottom:2px;color:#94a3b8;font-size:10px;font-weight:650}
#checklistDetailModal .detail-info-table tr:nth-child(2) td:nth-child(2)::before{content:"마감일"}
#checklistDetailModal .detail-info-table tr:nth-child(2) td:nth-child(4)::before{content:"완료일시"}
#checklistDetailModal .detail-info-table tr:nth-child(3) td:nth-child(2)::before{content:"등록자"}
#checklistDetailModal .detail-info-table tr:nth-child(3) td:nth-child(4)::before{content:"수정일시"}
#checklistDetailModal .detail-content-box{margin:17px 0 0;padding:0;border:0;background:#fff}
#checklistDetailModal .detail-content-box h4,
#checklistDetailModal .detail-section h4{margin:0 0 9px;color:#64748b;font-size:12px;font-weight:780}
#checklistDetailModal .detail-content-box .detail-content{min-height:120px;padding:14px;border:1px solid #e1eaf3;border-radius:15px;background:#fbfdff;color:#172033;font-size:15px;font-weight:500;line-height:1.82;letter-spacing:0;box-shadow:0 6px 16px rgba(15,23,42,.04)}
#checklistDetailModal .detail-section{margin:18px -15px 0;padding:14px 15px 0;border-top:8px solid #f4f7fb;background:#fff}
#checklistDetailModal .detail-section:last-child{display:none}
#checklistDetailModal .checklist-file-table{display:block;min-width:0;width:100%;border:0;background:#fff}
#checklistDetailModal .checklist-file-table thead{display:none}
#checklistDetailModal .checklist-file-table tbody{display:grid;gap:7px}
#checklistDetailModal .checklist-file-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:10px;border:1px solid #e1eaf3;border-radius:12px;background:#fff;box-shadow:0 3px 10px rgba(15,23,42,.03)}
#checklistDetailModal .checklist-file-table td{display:block;height:auto;padding:0;border:0!important;background:transparent!important;text-align:left;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#checklistDetailModal .checklist-file-table td:nth-child(1){grid-column:1/2;color:#0f172a;font-size:12px;font-weight:760}
#checklistDetailModal .checklist-file-table td:nth-child(2),
#checklistDetailModal .checklist-file-table td:nth-child(4),
#checklistDetailModal .checklist-file-table td:nth-child(5),
#checklistDetailModal .checklist-file-table td:nth-child(7){display:none}
#checklistDetailModal .checklist-file-table td:nth-child(3){grid-column:1/2;color:#64748b}
#checklistDetailModal .checklist-file-table td:nth-child(6){grid-column:2/3;grid-row:1/3;align-self:center}
#checklistDetailModal .file-upload-row{display:grid;grid-template-columns:1fr;gap:6px;margin-top:9px}
#checklistDetailModal .file-upload-row input,
#checklistDetailModal .file-upload-row button{width:100%;height:36px;min-height:36px}
#partnerDetailModal:not(.hidden),
#productDetailModal:not(.hidden){display:block}
#partnerDetailModal .modal-backdrop,
#productDetailModal .modal-backdrop{display:none}
#partnerDetailModal .product-detail-panel,
#productDetailModal .product-detail-panel{position:fixed;inset:0;width:100%;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;background:#fff;box-shadow:none;transform:none;overflow:auto;font-family:"Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif}
#partnerDetailModal .modal-titlebar,
#productDetailModal .modal-titlebar{position:sticky;top:0;z-index:3;height:54px;padding:0 15px;border:0;border-bottom:1px solid #edf2f7;background:#fff;color:#0f172a}
#partnerDetailModal .modal-titlebar strong,
#productDetailModal .modal-titlebar strong{font-size:15px;font-weight:760;color:#22314a}
#partnerDetailModal .modal-close,
#productDetailModal .modal-close{width:36px;height:36px;border:1px solid #e1eaf3;border-radius:50%;background:#fff;color:#0f172a;font-size:22px;line-height:1}
#partnerDetailModal .detail-panel,
#productDetailModal .detail-panel{padding:18px 16px 24px;background:#fff;color:#172033}
#partnerDetailModal .detail-head,
#productDetailModal .detail-head{display:block;padding:0 0 13px;border-bottom:1px solid #edf2f7;background:#fff}
#partnerDetailModal .detail-head h3,
#productDetailModal .detail-head h3{margin:0 0 6px;color:#0f172a;font-size:22px;font-weight:820;line-height:1.25;letter-spacing:0;word-break:break-word}
#partnerDetailModal .detail-head p,
#productDetailModal .detail-head p{margin:0;color:#64748b;font-size:12px;line-height:1.45}
#partnerDetailModal .detail-actions,
#productDetailModal .detail-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px;margin-top:12px}
#partnerDetailModal .detail-actions button,
#productDetailModal .detail-actions button{height:31px;min-width:0;padding:0 10px;border-radius:999px;background:#fff;color:#22314a;font-size:11px;font-weight:720}
#partnerDetailModal .detail-actions .danger-btn,
#productDetailModal .detail-actions .danger-btn{border-color:#f1b6b6;color:#b91c1c}
#partnerDetailModal .detail-info-wrap,
#productDetailModal .detail-info-wrap{margin:13px 0 0;border:0;background:#fff;overflow:visible}
#partnerDetailModal .detail-info-table,
#productDetailModal .detail-info-table{display:block;min-width:0;width:100%;border:0;background:#fff}
#partnerDetailModal .detail-info-table tbody,
#productDetailModal .detail-info-table tbody{display:grid;gap:7px}
#partnerDetailModal .detail-info-table tr,
#productDetailModal .detail-info-table tr{display:grid;grid-template-columns:78px minmax(0,1fr);border:1px solid #e1eaf3;border-radius:13px;background:#fbfdff;overflow:hidden}
#partnerDetailModal .detail-info-table th,
#partnerDetailModal .detail-info-table td,
#productDetailModal .detail-info-table th,
#productDetailModal .detail-info-table td{display:block;height:auto;min-height:33px;padding:8px 10px!important;border:0!important;border-bottom:1px solid #edf2f7!important;background:transparent!important;text-align:left!important;font-size:11px;line-height:1.45}
#partnerDetailModal .detail-info-table th,
#productDetailModal .detail-info-table th{color:#7890a8!important;font-weight:720}
#partnerDetailModal .detail-info-table td,
#productDetailModal .detail-info-table td{min-width:0;color:#22314a;font-weight:650;white-space:normal;word-break:keep-all;overflow-wrap:anywhere}
#partnerDetailModal .detail-info-table th:nth-last-child(-n+2),
#partnerDetailModal .detail-info-table td:nth-last-child(-n+1),
#productDetailModal .detail-info-table th:nth-last-child(-n+2),
#productDetailModal .detail-info-table td:nth-last-child(-n+1){border-bottom:0!important}
#partnerDetailModal .detail-info-table td[colspan],
#productDetailModal .detail-info-table td[colspan]{grid-column:2/-1}
#partnerDetailModal .detail-section{margin:18px -15px 0;padding:14px 15px 0;border-top:8px solid #f4f7fb;background:#fff}
#partnerDetailModal .detail-section:last-child,
#productDetailModal .detail-section{display:none}
#partnerDetailModal .detail-section-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:0 0 9px}
#partnerDetailModal .detail-section-title-row h4{margin:0;color:#22314a;font-size:14px;font-weight:760}
#partnerDetailModal .detail-section-title-row span{align-self:center;color:#64748b;font-size:11px;font-weight:700}
#partnerDetailModal .partner-product-table{display:block;min-width:0;width:100%;border:0;background:#fff}
#partnerDetailModal .partner-product-table thead{display:none}
#partnerDetailModal .partner-product-table tbody{display:grid;gap:7px}
#partnerDetailModal .partner-product-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:10px;border:1px solid #e1eaf3;border-radius:12px;background:#fff;box-shadow:0 3px 10px rgba(15,23,42,.03)}
#partnerDetailModal .partner-product-table td{display:block;height:auto;padding:0;border:0!important;background:transparent!important;text-align:left;font-size:11px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#partnerDetailModal .partner-product-table td:nth-child(1){grid-column:1/2;color:#0f172a;font-size:12px;font-weight:760}
#partnerDetailModal .partner-product-table td:nth-child(2),
#partnerDetailModal .partner-product-table td:nth-child(3),
#partnerDetailModal .partner-product-table td:nth-child(4){display:none}
#partnerDetailModal .partner-product-table td:nth-child(5){grid-column:1/2;color:#64748b}
#partnerDetailModal .partner-product-table td:nth-child(5)::before{content:"총공급가";display:inline-block;min-width:50px;margin-right:6px;color:#94a3b8;font-size:10px;font-weight:650}
#partnerDetailModal .partner-product-table td:nth-child(6){grid-column:2/3;grid-row:1;justify-self:end;display:inline-flex!important;align-items:center;justify-content:center;min-width:36px;height:24px;padding:0 8px;border:1px solid #dbe6f2!important;border-radius:999px;background:#f8fbff!important;color:#31506f;font-size:11px;font-weight:760;line-height:1}
#partnerDetailModal .partner-product-table td:nth-child(7){grid-column:1/2;color:#64748b}
#partnerDetailModal .partner-product-table td:nth-child(7)::before{content:"메모";display:inline-block;min-width:50px;margin-right:6px;color:#94a3b8;font-size:10px;font-weight:650}
#partnerDetailModal .partner-product-table td:nth-child(8){grid-column:2/3;grid-row:2/4;align-self:center;justify-self:end}
#partnerDetailModal .partner-product-table .small-table-btn{height:29px;min-width:46px;border-radius:999px;font-size:11px}
#productsView{padding:12px 10px 18px;background:#fff}
#productsView>.section-head{display:block!important;padding:2px 2px 10px;border:0;background:#fff}
#productsView>.section-head h2{display:flex;align-items:center;gap:7px;font-size:22px;font-weight:850;color:#0f172a}
#productsView>.section-head h2::before{content:"";display:inline-block;width:4px;height:18px;border-radius:999px;background:linear-gradient(180deg,#9fc3f0,#d8e7fb)}
#productsView>.section-head p{margin-top:3px;font-size:12px;color:#52677f;line-height:1.4}
#productsView .product-tab-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:4px 0 13px;padding:4px;border:1px solid #dce7f2;border-radius:13px;background:#f8fbff}
#productsView .product-tab{height:34px;min-width:0;padding:0 6px;border:0;border-radius:10px;background:transparent;color:#52677f;font-size:11px;font-weight:760;white-space:nowrap}
#productsView .product-tab.active{background:#102844;color:#fff;box-shadow:0 5px 12px rgba(16,40,68,.13)}
#productsView #productInspectionTabBtn{grid-column:auto}
#productsView .product-tab-panel{display:none}
#productsView .product-tab-panel.active{display:block}
#productsView .product-admin-section{margin:0;border:0;background:#fff}
#productsView .work-section-head{position:relative;display:block!important;padding:0 40px 11px 2px;border:0;background:#fff}
#productsView .work-section-head h2{display:flex;align-items:center;gap:7px;color:#22314a;font-size:15px;font-weight:760}
#productsView .work-section-head h2::before{content:"";display:inline-block;width:4px;height:15px;border-radius:999px;background:linear-gradient(180deg,#9fc3f0,#d8e7fb)}
#productsView .work-section-head p{margin-top:4px;color:#6b7d92;font-size:11px;line-height:1.4}
#productsView .work-section-head .button-row{display:flex;justify-content:flex-start;gap:6px;flex-wrap:wrap;margin-top:9px}
#productsView .work-section-head .button-row button{height:32px;min-height:32px;min-width:0;padding:0 10px;border:1px solid #d6e1ed;border-radius:999px;background:#fff;color:#22314a;font-size:11px;font-weight:720;white-space:nowrap;box-shadow:0 3px 8px rgba(15,23,42,.04)}
#productsView #loadPartnersBtn,
#productsView #loadProductsBtn,
#productsView #loadProductInspectionBtn{position:absolute;top:0;right:2px;width:32px;min-width:32px;padding:0;font-size:0}
#productsView #loadPartnersBtn::before,
#productsView #loadProductsBtn::before,
#productsView #loadProductInspectionBtn::before{content:"\21bb";font-size:16px;font-weight:900;line-height:1}
#productsView #newPartnerBtn,
#productsView #newProductBtn{min-width:92px;background:#102844!important;border-color:#102844!important;color:#fff!important}
#productsView #exportSelectedPartnersBtn{min-width:134px;border-color:#c7d8ea;color:#36516d}
#productsView .work-section-body{padding:0}
#productsView .product-filter-toggle{display:inline-flex;align-items:center;justify-content:center;width:100%;height:36px;min-height:36px;margin:0 0 9px;border:1px solid #d6e1ed;border-radius:10px;background:#fff;color:#22314a;font-size:12px;font-weight:760;box-shadow:0 3px 9px rgba(15,23,42,.04)}
#productsView .product-filter-toggle[aria-expanded="true"]{background:#f8fbff;border-color:#9fc3f0;color:#0f4f97}
#productsView .product-filter-toggle::before,
#productsView .product-filter-toggle::after{content:none!important;display:none!important}
#productsView .product-search-row,
#productsView .product-filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 10px;padding:0;border:0;background:#fff}
#productsView #partnersTabPanel .product-search-row,
#productsView #productsTabPanel .product-filter-row{display:none!important}
#productsView.partner-filters-open #partnersTabPanel .product-search-row,
#productsView.product-filters-open #productsTabPanel .product-filter-row{display:grid!important}
#productsView .product-search-row input,
#productsView .product-filter-row input{grid-column:1/-1}
#productsView .product-search-row input,
#productsView .product-search-row select,
#productsView .product-search-row button,
#productsView .product-filter-row input,
#productsView .product-filter-row select,
#productsView .product-filter-row button{height:34px;min-height:34px;border-radius:9px;font-size:11px}
#productsView .list{gap:8px;margin-top:0}
#productsView .erp-table-wrap{overflow:visible;border:0;background:#fff}
#productsView .partner-table,
#productsView .product-table{display:block;min-width:0;width:100%;border:0;background:#fff}
#productsView .partner-table thead,
#productsView .product-table thead{display:none}
#productsView .partner-table tbody,
#productsView .product-table tbody{display:grid;gap:8px}
#productsView .partner-table tr,
#productsView .product-table tr{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:4px 9px;padding:11px;border:1px solid #dce7f2;border-radius:13px;background:#fff;box-shadow:0 4px 12px rgba(15,23,42,.04);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
#productsView .product-table tr{grid-template-columns:minmax(0,1fr) auto}
#productsView .partner-table tr:active,
#productsView .product-table tr:active,
#productsView .partner-table tr.selected-row,
#productsView .product-table tr.selected-row{border-color:#dce7f2;background:#fff}
#productsView .partner-table td,
#productsView .product-table td{display:block;height:auto;padding:0;border:0!important;background:transparent!important;text-align:left;color:#475569;font-size:11px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#productsView .mobile-list-sub{display:block;margin-top:2px;color:#64748b;font-size:10px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#productsView .partner-table .col-check{grid-column:1/2;grid-row:1/4;align-self:start;padding-top:2px}
#productsView .partner-table .col-check input{width:17px;height:17px}
#productsView .partner-table .col-no,
#productsView .product-table .col-no{display:none}
#productsView .partner-table td:nth-child(3){grid-column:2/3;grid-row:1;color:#0f172a;min-width:0}
#productsView .partner-table .admin-title-cell strong,
#productsView .product-table .admin-title-cell strong{display:block;color:#0f172a;font-size:14px;font-weight:820;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#productsView .partner-table td:nth-child(4),
#productsView .partner-table td:nth-child(5),
#productsView .partner-table td:nth-child(9){display:none}
#productsView .partner-table td:nth-child(6){grid-column:2/-1;grid-row:2;color:#64748b}
#productsView .partner-table td:nth-child(6)::before{content:"주소";display:inline-block;min-width:28px;margin-right:6px;color:#94a3b8;font-size:10px;font-weight:650}
#productsView .partner-table td:nth-child(7){grid-column:2/3;grid-row:3;color:#64748b}
#productsView .partner-table td:nth-child(7)::before{content:"상품";display:inline-block;min-width:28px;margin-right:6px;color:#94a3b8;font-size:10px;font-weight:650}
#productsView .partner-table td:nth-child(8){grid-column:3/4;grid-row:1;justify-self:end;display:inline-flex!important;align-items:center;justify-content:center;min-width:38px;height:24px;padding:0 8px;border:1px solid #dbe6f2!important;border-radius:999px;background:#f8fbff!important;color:#31506f;font-size:11px;font-weight:760;line-height:1}
#productsView .product-table td:nth-child(2){grid-column:1/2;grid-row:1;color:#0f172a;min-width:0}
#productsView .product-table td:nth-child(3),
#productsView .product-table td:nth-child(4),
#productsView .product-table td:nth-child(5),
#productsView .product-table td:nth-child(6){display:none}
#productsView .product-table td:nth-child(7){grid-column:1/2;grid-row:2;color:#64748b}
#productsView .product-table td:nth-child(7)::before{content:"총공급가";display:inline-block;min-width:50px;margin-right:6px;color:#94a3b8;font-size:10px;font-weight:650}
#productsView .product-table td:nth-child(8){grid-column:2/3;grid-row:1;justify-self:end;display:inline-flex!important;align-items:center;justify-content:center;min-width:38px;height:24px;padding:0 8px;border:1px solid #dbe6f2!important;border-radius:999px;background:#f8fbff!important;color:#31506f;font-size:11px;font-weight:760;line-height:1}
#productsView .product-table td:nth-child(9){grid-column:1/-1;grid-row:3;color:#64748b}
#productsView .product-table td:nth-child(9)::before{content:"메모";display:inline-block;min-width:28px;margin-right:6px;color:#94a3b8;font-size:10px;font-weight:650}
#productsView .table-empty{padding:20px 10px;border:1px solid #dce7f2;border-radius:12px;background:#fbfdff;color:#52677f;font-size:12px}
#partnerEditModal:not(.hidden),
#productEditModal:not(.hidden){display:block}
#partnerEditModal .modal-backdrop,
#productEditModal .modal-backdrop{display:none}
#partnerEditModal .form-modal-panel,
#productEditModal .form-modal-panel{position:fixed;inset:0;width:100%;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;background:#fff;box-shadow:none;transform:none;overflow:auto;font-family:"Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif}
#partnerEditModal .modal-titlebar,
#productEditModal .modal-titlebar{position:sticky;top:0;z-index:3;height:54px;padding:0 15px;border:0;border-bottom:1px solid #edf2f7;background:#fff;color:#0f172a}
#partnerEditModal .modal-titlebar strong,
#productEditModal .modal-titlebar strong{font-size:15px;font-weight:760;color:#22314a}
#partnerEditModal .modal-close,
#productEditModal .modal-close{width:36px;height:36px;border:1px solid #e1eaf3;border-radius:50%;background:#fff;color:#0f172a;font-size:22px;line-height:1}
#partnerEditModal .detail-panel,
#productEditModal .detail-panel{padding:16px 16px 74px;background:#fff;color:#172033}
#partnerEditModal .partner-form,
#productEditModal .product-form{grid-template-columns:1fr!important;gap:9px}
#partnerEditModal .partner-form label,
#productEditModal .product-form label{display:grid;gap:5px;color:#22314a;font-size:11px;font-weight:760}
#partnerEditModal .partner-form input,
#partnerEditModal .partner-form select,
#partnerEditModal .partner-form textarea,
#productEditModal .product-form input,
#productEditModal .product-form select,
#productEditModal .product-form textarea{width:100%;border-radius:10px;background:#fff;font-size:13px}
#partnerEditModal .partner-form textarea,
#productEditModal .product-form textarea{min-height:82px}
#partnerEditModal .modal-button-row,
#productEditModal .modal-button-row{position:sticky;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px -16px -74px;padding:10px 16px;background:#fff;border-top:1px solid #edf2f7}
#partnerEditModal .modal-button-row button,
#productEditModal .modal-button-row button{height:36px;border-radius:10px;font-size:12px}
#savePartnerBtn,
#saveProductBtn{background:#102844;border-color:#102844;color:#fff;font-weight:800}
#employeesView{padding:12px 10px 18px;background:#fff}
#employeesView>.section-head{position:relative;display:block!important;padding:2px 42px 12px 2px;border:0;background:#fff}
#employeesView>.section-head h2{display:flex;align-items:center;gap:7px;margin:0;color:#0f172a;font-size:22px;font-weight:850;letter-spacing:0}
#employeesView>.section-head h2::before{content:"";display:inline-block;width:4px;height:18px;border-radius:999px;background:linear-gradient(180deg,#9fc3f0,#d8e7fb)}
#employeesView>.section-head .button-row{display:flex;justify-content:flex-start;gap:6px;margin-top:10px}
#employeesView #loadEmployeesBtn{position:absolute;top:1px;right:2px;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;border:1px solid #d6e1ed;border-radius:50%;background:#fff;color:#102844;font-size:0;box-shadow:0 3px 8px rgba(15,23,42,.04)}
#employeesView #loadEmployeesBtn::before{content:"\21bb";font-size:16px;font-weight:900;line-height:1}
#employeesView #newEmployeeBtn{height:33px;min-height:33px;min-width:86px;padding:0 13px;border-color:#102844;border-radius:999px;background:#102844;color:#fff;font-size:12px;font-weight:760;box-shadow:0 5px 12px rgba(16,40,68,.12)}
#employeesView .work-section{margin:0;border:0;background:#fff}
#employeesView .work-section-head{display:block!important;padding:0 2px 11px;border:0;background:#fff}
#employeesView .work-section-head h2{display:flex;align-items:center;gap:7px;margin:0;color:#22314a;font-size:15px;font-weight:760}
#employeesView .work-section-head h2::before{content:"";display:inline-block;width:4px;height:15px;border-radius:999px;background:linear-gradient(180deg,#9fc3f0,#d8e7fb)}
#employeesView .work-section-head p{margin-top:4px;color:#6b7d92;font-size:11px;line-height:1.4}
#employeesView .work-section-body{padding:0}
#employeesView .erp-table-wrap{overflow:visible;border:0;background:#fff}
#employeesView .employee-table{display:block;min-width:0;width:100%;border:0;background:#fff}
#employeesView .employee-table thead{display:none}
#employeesView .employee-table tbody{display:grid;gap:8px}
#employeesView .employee-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 9px;padding:11px;border:1px solid #dce7f2;border-radius:13px;background:#fff;box-shadow:0 4px 12px rgba(15,23,42,.04);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
#employeesView .employee-table tr:active,
#employeesView .employee-table tr.selected-row{border-color:#dce7f2;background:#fff}
#employeesView .employee-table td{display:block;height:auto;padding:0;border:0!important;background:transparent!important;text-align:left;color:#475569;font-size:11px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#employeesView .employee-table .col-no{display:none}
#employeesView .employee-table td:nth-child(2){grid-column:1/2;grid-row:1;min-width:0}
#employeesView .employee-table .admin-title-cell strong{display:block;color:#0f172a;font-size:14px;font-weight:820;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#employeesView .employee-table td:nth-child(3){grid-column:1/2;grid-row:2;color:#64748b}
#employeesView .employee-table td:nth-child(4){grid-column:2/3;grid-row:1;justify-self:end;display:inline-flex!important;align-items:center;justify-content:center;min-width:44px;height:24px;padding:0 9px;border:1px solid #dbe6f2!important;border-radius:999px;background:#f8fbff!important;color:#31506f;font-size:11px;font-weight:760;line-height:1}
#employeesView .employee-table td:nth-child(5){grid-column:1/2;grid-row:3;color:#64748b}
#employeesView .employee-table td:nth-child(5)::before{content:"부서";display:inline-block;min-width:30px;margin-right:6px;color:#94a3b8;font-size:10px;font-weight:650}
#employeesView .employee-table td:nth-child(6){grid-column:1/2;grid-row:4;color:#64748b}
#employeesView .employee-table td:nth-child(6)::before{content:"직책";display:inline-block;min-width:30px;margin-right:6px;color:#94a3b8;font-size:10px;font-weight:650}
#employeesView .employee-table td:nth-child(7){grid-column:2/3;grid-row:2;justify-self:end;display:inline-flex!important;align-items:center;justify-content:center;min-width:34px;height:22px;padding:0 8px;border:1px solid #dbe6f2!important;border-radius:999px;background:#fff!important;color:#31506f;font-size:11px;font-weight:760;line-height:1}
#employeesView .employee-table td:nth-child(8){display:none}
#employeesView .table-empty{padding:20px 10px;border:1px solid #dce7f2;border-radius:12px;background:#fbfdff;color:#52677f;font-size:12px}
#employeeDetailModal:not(.hidden),
#employeeEditModal:not(.hidden){display:block}
#employeeDetailModal .modal-backdrop,
#employeeEditModal .modal-backdrop{display:none}
#employeeDetailModal .employee-detail-panel,
#employeeEditModal .form-modal-panel{position:fixed;inset:0;width:100%;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;background:#fff;box-shadow:none;transform:none;overflow:auto;font-family:"Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif}
#employeeDetailModal .modal-titlebar,
#employeeEditModal .modal-titlebar{position:sticky;top:0;z-index:3;height:54px;padding:0 15px;border:0;border-bottom:1px solid #edf2f7;background:#fff;color:#0f172a}
#employeeDetailModal .modal-titlebar strong,
#employeeEditModal .modal-titlebar strong{font-size:15px;font-weight:760;color:#22314a}
#employeeDetailModal .modal-close,
#employeeEditModal .modal-close{width:36px;height:36px;border:1px solid #e1eaf3;border-radius:50%;background:#fff;color:#0f172a;font-size:22px;line-height:1}
#employeeDetailModal .detail-panel,
#employeeEditModal .detail-panel{padding:18px 16px 24px;background:#fff;color:#172033}
#employeeDetailModal .detail-head{display:block;padding:0 0 13px;border-bottom:1px solid #edf2f7;background:#fff}
#employeeDetailModal .detail-head h3{margin:0 0 6px;color:#0f172a;font-size:22px;font-weight:820;line-height:1.25;letter-spacing:0;word-break:break-word}
#employeeDetailModal .detail-head p{margin:0;color:#64748b;font-size:12px;line-height:1.45}
#employeeDetailModal .detail-actions{display:flex;justify-content:flex-start;gap:6px;margin-top:12px}
#employeeDetailModal .detail-actions button{height:31px;min-width:0;padding:0 12px;border-radius:999px;background:#102844;color:#fff;font-size:11px;font-weight:720}
#employeeDetailModal .detail-info-wrap{margin:13px 0 0;border:0;background:#fff;overflow:visible}
#employeeDetailModal .employee-detail-table{display:block;min-width:0;width:100%;border:0;background:#fff}
#employeeDetailModal .employee-detail-table tbody{display:grid;gap:7px}
#employeeDetailModal .employee-detail-table tr{display:grid;grid-template-columns:76px minmax(0,1fr);border:1px solid #e1eaf3;border-radius:13px;background:#fbfdff;overflow:hidden}
#employeeDetailModal .employee-detail-table th,
#employeeDetailModal .employee-detail-table td{display:block;height:auto;min-height:33px;padding:8px 10px!important;border:0!important;border-bottom:1px solid #edf2f7!important;background:transparent!important;text-align:left!important;font-size:11px;line-height:1.45}
#employeeDetailModal .employee-detail-table th{color:#7890a8!important;font-weight:720}
#employeeDetailModal .employee-detail-table td{min-width:0;color:#22314a;font-weight:650;white-space:normal;word-break:keep-all;overflow-wrap:anywhere}
#employeeDetailModal .employee-detail-table th:nth-last-child(-n+2),
#employeeDetailModal .employee-detail-table td:nth-last-child(-n+1){border-bottom:0!important}
#employeeDetailModal .employee-detail-table td[colspan]{grid-column:2/-1}
#employeeEditModal .employee-form{grid-template-columns:1fr!important;gap:8px}
#employeeEditModal .employee-form label{font-size:11px;font-weight:760;color:#22314a}
#employeeEditModal .employee-form input,
#employeeEditModal .employee-form select{height:36px;border-radius:9px;font-size:12px}
#employeeEditModal .permission-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:12px 0}
#employeeEditModal .permission-row label{min-height:34px;padding:7px 8px;border-radius:10px;background:#fbfdff;font-size:11px;font-weight:700}
#employeeEditModal .permission-row input{width:16px;height:16px}
#employeeEditModal .modal-button-row{position:sticky;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px -16px -24px;padding:10px 16px;background:#fff;border-top:1px solid #edf2f7}
#employeeEditModal .modal-button-row button{height:36px;border-radius:10px;font-size:12px}
}
@media(max-width:760px){
#calculatorView{padding:12px 10px 18px;background:#fff}
#calculatorView>.section-head{position:relative;display:block!important;padding:2px 2px 12px;border:0;background:#fff}
#calculatorView>.section-head h2{display:flex;align-items:center;gap:7px;margin:0;color:#0f172a;font-size:22px;font-weight:850;letter-spacing:0}
#calculatorView>.section-head h2::before{content:"";display:inline-block;width:4px;height:18px;border-radius:999px;background:linear-gradient(180deg,#9fc3f0,#d8e7fb)}
#calculatorView>.section-head p{margin-top:3px;color:#52677f;font-size:12px;line-height:1.45}
#calculatorView .margin-calc-guide{margin:0 0 11px;padding:10px 11px;border:1px solid #dce7f2;border-radius:13px;background:#fbfdff;color:#41556e;font-size:11px;font-weight:650;line-height:1.55}
#calculatorView .margin-calc-box{margin:0 0 13px;border:1px solid #dce7f2;border-radius:14px;background:#fff;box-shadow:0 4px 12px rgba(15,23,42,.04);overflow:hidden}
#calculatorView .margin-calc-box .work-section-head{display:block!important;min-height:0;padding:11px 12px 9px;border-bottom:1px solid #edf2f7;background:#fbfdff}
#calculatorView .margin-calc-box .work-section-head h2{margin:0;color:#22314a;font-size:14px;font-weight:780}
#calculatorView .margin-calc-box .work-section-head p{margin:4px 0 0;color:#6b7d92;font-size:11px;line-height:1.4}
#calculatorView .work-section-body{padding:11px}
#calculatorView .margin-calc-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px;margin:0}
#calculatorView .margin-calc-grid label{gap:4px;color:#52677f;font-size:11px;font-weight:700;line-height:1.25}
#calculatorView .margin-calc-grid label:first-child{grid-column:1/-1}
#calculatorView .margin-calc-grid input{height:36px;min-height:36px;border-color:#d2deeb;border-radius:10px;background:#fff;color:#0f172a;padding:0 10px;font-size:12px;font-weight:720;box-shadow:0 2px 8px rgba(15,23,42,.04)}
#calculatorView .margin-calc-actions{display:flex;justify-content:flex-start;gap:6px;margin-top:10px}
#calculatorView .margin-calc-actions button{width:auto;min-width:94px;height:34px;min-height:34px;padding:0 13px;border-radius:999px;background:#102844;border-color:#102844;color:#fff;font-size:12px;font-weight:720}
#calculatorView .margin-calc-actions.left button:first-child{background:#fff;border-color:#d6e1ed;color:#22314a}
#calculatorView .margin-auto-row{margin-top:0;padding:10px;border:1px solid #e1eaf3;border-radius:13px;background:#fbfdff}
#calculatorView .margin-auto-row+.margin-auto-row{margin-top:9px}
#calculatorView .margin-auto-head{margin-bottom:9px;color:#22314a;font-size:12px;font-weight:760}
#calculatorView .margin-auto-remove{height:28px;min-height:28px;border-radius:999px;font-size:11px;font-weight:700}
#calculatorView .margin-result-summary{margin:10px 0 0;padding:10px;border:1px solid #dce7f2;border-radius:12px;background:#fbfdff;color:#41556e;font-size:11px;line-height:1.55}
#calculatorView .margin-result-wrap{margin-top:10px;border:1px solid #dce7f2;border-radius:12px;background:#fff;overflow-x:auto;-webkit-overflow-scrolling:touch}
#calculatorView .margin-result-table{min-width:760px;font-size:11px}
#calculatorView .margin-result-table th,
#calculatorView .margin-result-table td{height:32px;padding:5px 7px}
#calculatorView .margin-result-note{margin-top:10px;padding:12px;border:1px dashed #d2deeb;border-radius:12px;background:#fbfdff;color:#6b7d92;font-size:12px;font-weight:650;text-align:center}
}
@media(max-width:760px){
#integrationCheckView,
#systemLogsView,
#dbViewerView{padding:12px 10px 18px;background:#fff}
#integrationCheckView>.section-head,
#systemLogsView>.section-head,
#dbViewerView>.section-head{position:relative;display:block!important;padding:2px 42px 12px 2px;border:0;background:#fff}
#integrationCheckView>.section-head h2,
#systemLogsView>.section-head h2,
#dbViewerView>.section-head h2{display:flex;align-items:center;gap:7px;margin:0;color:#0f172a;font-size:22px;font-weight:850;letter-spacing:0}
#integrationCheckView>.section-head h2::before,
#systemLogsView>.section-head h2::before,
#dbViewerView>.section-head h2::before{content:"";display:inline-block;width:4px;height:18px;border-radius:999px;background:linear-gradient(180deg,#9fc3f0,#d8e7fb)}
#integrationCheckView>.section-head p,
#systemLogsView>.section-head p,
#dbViewerView>.section-head p{margin-top:3px;color:#52677f;font-size:12px;line-height:1.4}
#integrationCheckView>.section-head .button-row,
#systemLogsView>.section-head .button-row,
#dbViewerView>.section-head .button-row{display:block;margin:0}
#loadIntegrationCheckBtn,
#loadSystemLogsBtn,
#loadDbTablesBtn{position:absolute;top:1px;right:2px;display:inline-flex;align-items:center;justify-content:center;width:34px;min-width:34px;height:34px;min-height:34px;padding:0;border:1px solid #d6e1ed;border-radius:50%;background:#fff;color:#102844;font-size:0;box-shadow:0 3px 8px rgba(15,23,42,.04)}
#loadIntegrationCheckBtn::before,
#loadSystemLogsBtn::before,
#loadDbTablesBtn::before{content:"\21bb";font-size:16px;font-weight:900;line-height:1}
#integrationCheckView .work-section,
#systemLogsView .work-section,
#dbViewerView .work-section{margin:0 0 18px;border:0;background:#fff}
#integrationCheckView .work-section-head,
#systemLogsView .work-section-head,
#dbViewerView .work-section-head{display:block!important;padding:0 2px 10px;border:0;background:#fff}
#integrationCheckView .work-section-head h2,
#systemLogsView .work-section-head h2,
#dbViewerView .work-section-head h2{display:flex;align-items:center;gap:7px;margin:0;color:#22314a;font-size:15px;font-weight:760}
#integrationCheckView .work-section-head h2::before,
#systemLogsView .work-section-head h2::before,
#dbViewerView .work-section-head h2::before{content:"";display:inline-block;width:4px;height:15px;border-radius:999px;background:linear-gradient(180deg,#9fc3f0,#d8e7fb)}
#integrationCheckView .work-section-head p,
#systemLogsView .work-section-head p,
#dbViewerView .work-section-head p{margin-top:4px;color:#6b7d92;font-size:11px;line-height:1.4}
#integrationCheckView .work-section-body,
#systemLogsView .work-section-body,
#dbViewerView .work-section-body{padding:0}
#integrationCheckView .table-empty,
#systemLogsView .table-empty,
#dbViewerView .table-empty{padding:18px 10px;border:1px solid #dce7f2;border-radius:12px;background:#fbfdff;color:#52677f;font-size:12px}
#integrationCheckView .inspection-beginner-guide,
#dbViewerView .db-viewer-guide{margin:0 0 10px;padding:10px 11px;border:1px solid #dce7f2;border-radius:13px;background:#fbfdff;color:#41556e;font-size:11px;font-weight:650;line-height:1.55}
#integrationCheckView .release-version-panel{padding:11px;border:1px solid #dce7f2;border-radius:13px;box-shadow:0 4px 12px rgba(15,23,42,.04)}
#integrationCheckView .release-version-main{display:block;margin-bottom:9px}
#integrationCheckView .release-version-main strong{display:block;font-size:16px}
#integrationCheckView .release-version-main span{display:block;margin-top:3px;font-size:11px;line-height:1.45}
#integrationCheckView .release-version-grid{grid-template-columns:1fr;gap:6px}
#integrationCheckView .release-version-grid>div{padding:8px 9px;border-radius:10px}
#integrationCheckView .inspection-summary-grid,
#integrationCheckView .inspection-check-grid{grid-template-columns:1fr!important;gap:8px}
#integrationCheckView .feature-check-group,
#integrationCheckView .operation-ready-group{margin:0 0 10px;border:1px solid #dce7f2;border-radius:13px;background:#fff;box-shadow:0 4px 12px rgba(15,23,42,.04);overflow:hidden}
#integrationCheckView .feature-check-group h3,
#integrationCheckView .operation-ready-group h3{padding:10px 11px;border-bottom:1px solid #edf2f7;background:#fbfdff;color:#22314a;font-size:13px;font-weight:780}
#integrationCheckView .erp-table-wrap,
#systemLogsView .erp-table-wrap,
#dbViewerView .erp-table-wrap{overflow:visible;border:0;background:#fff}
#integrationCheckView .feature-check-table,
#integrationCheckView .integration-check-table,
#integrationCheckView .permission-employee-table,
#systemLogsView .system-log-table,
#dbViewerView .db-table-list,
#dbViewerView .db-column-table{display:block;min-width:0;width:100%;border:0;background:#fff}
#integrationCheckView .feature-check-table thead,
#integrationCheckView .integration-check-table thead,
#integrationCheckView .permission-employee-table thead,
#systemLogsView .system-log-table thead,
#dbViewerView .db-table-list thead,
#dbViewerView .db-column-table thead{display:none}
#integrationCheckView .feature-check-table tbody,
#integrationCheckView .integration-check-table tbody,
#integrationCheckView .permission-employee-table tbody,
#systemLogsView .system-log-table tbody,
#dbViewerView .db-table-list tbody,
#dbViewerView .db-column-table tbody{display:grid;gap:8px}
#integrationCheckView .feature-check-table tr,
#integrationCheckView .integration-check-table tr,
#integrationCheckView .permission-employee-table tr,
#systemLogsView .system-log-table tr,
#dbViewerView .db-table-list tr,
#dbViewerView .db-column-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 9px;padding:11px;border:1px solid #dce7f2;border-radius:13px;background:#fff;box-shadow:0 4px 12px rgba(15,23,42,.04);cursor:default}
#integrationCheckView .feature-check-table td,
#integrationCheckView .integration-check-table td,
#integrationCheckView .permission-employee-table td,
#systemLogsView .system-log-table td,
#dbViewerView .db-table-list td,
#dbViewerView .db-column-table td{display:block;height:auto;padding:0!important;border:0!important;background:transparent!important;text-align:left;color:#475569;font-size:11px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#integrationCheckView .col-no,
#systemLogsView .col-no{display:none!important}
#integrationCheckView .inspection-check-status,
#systemLogsView .log-action{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 8px;border-radius:999px;font-size:10px;font-weight:740;line-height:1}
#integrationCheckView .integration-check-table td:nth-child(1),
#integrationCheckView .feature-check-table td:nth-child(1){grid-column:2/3;grid-row:1;justify-self:end}
#integrationCheckView .integration-check-table td:nth-child(2),
#integrationCheckView .feature-check-table td:nth-child(2){grid-column:1/2;grid-row:1;min-width:0}
#integrationCheckView .integration-check-table td:nth-child(2) strong,
#integrationCheckView .feature-check-table td:nth-child(2) strong{display:block;color:#0f172a;font-size:13px;font-weight:780;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#integrationCheckView .integration-check-table td:nth-child(3),
#integrationCheckView .feature-check-table td:nth-child(3){grid-column:1/-1;grid-row:2;color:#64748b;white-space:normal;overflow:visible}
#integrationCheckView .integration-check-table td:nth-child(4),
#integrationCheckView .feature-check-table td:nth-child(4){grid-column:1/-1;grid-row:3;color:#7b8ba1}
#integrationCheckView .permission-employee-table tr{grid-template-columns:minmax(0,1fr) auto}
#integrationCheckView .permission-employee-table td:nth-child(1){display:none}
#integrationCheckView .permission-employee-table td:nth-child(2){grid-column:1/2;grid-row:1;color:#0f172a;font-size:13px;font-weight:780}
#integrationCheckView .permission-employee-table td:nth-child(3){grid-column:2/3;grid-row:1;justify-self:end}
#integrationCheckView .permission-employee-table td:nth-child(4),
#integrationCheckView .permission-employee-table td:nth-child(5),
#integrationCheckView .permission-employee-table td:nth-child(6){grid-column:1/-1;color:#64748b}
#systemLogsView #systemLogFilterToggleBtn{display:inline-flex;align-items:center;justify-content:center;width:100%;height:38px;min-height:38px;margin:0 0 10px;border:1px solid #dbe6f2;border-radius:14px;background:#fff;color:#22314a;font-size:12px;font-weight:720;box-shadow:0 4px 14px rgba(15,23,42,.05)}
#systemLogsView #systemLogFilterToggleBtn[aria-expanded="true"]{background:#f7fbff;border-color:#bfd4ed;color:#0f4f97}
#systemLogsView .system-log-filter-row{display:none!important;grid-template-columns:1fr 1fr!important;gap:7px;margin:0 0 10px;padding:10px;border:1px solid #e1eaf4;border-radius:14px;background:#fbfdff}
#systemLogsView.system-log-filter-open .system-log-filter-row{display:grid!important}
#systemLogsView #systemLogSearch{grid-column:1/-1}
#systemLogsView .system-log-filter-row input,
#systemLogsView .system-log-filter-row select,
#systemLogsView .system-log-filter-row button{height:34px;min-height:34px;border-radius:9px;font-size:11px}
#systemLogsView .filter-result-text{margin:2px 0 8px;color:#52677f;font-size:11px}
#systemLogsView .system-log-table tr{grid-template-columns:minmax(0,1fr) auto}
#systemLogsView .system-log-table td:nth-child(2){grid-column:2/3;grid-row:1;justify-self:end;color:#7b8ba1;font-size:10px}
#systemLogsView .system-log-table td:nth-child(3){grid-column:1/2;grid-row:1;min-width:0}
#systemLogsView .log-user-cell strong{display:block;color:#0f172a;font-size:13px;font-weight:780;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#systemLogsView .log-user-cell span{display:block;margin-top:2px;color:#64748b;font-size:10px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#systemLogsView .system-log-table td:nth-child(4){grid-column:1/2;grid-row:2;color:#64748b}
#systemLogsView .system-log-table td:nth-child(5){grid-column:2/3;grid-row:2;justify-self:end}
#systemLogsView .system-log-table td:nth-child(6){grid-column:1/-1;grid-row:3;color:#475569}
#systemLogsView .system-log-table td:nth-child(7){grid-column:1/-1;grid-row:4;color:#7b8ba1;white-space:normal;overflow:visible}
#dbViewerView .db-view-filter-row{display:grid!important;grid-template-columns:1fr 96px!important;gap:7px;margin:0 0 9px}
#dbViewerView .db-view-filter-row input,
#dbViewerView .db-view-filter-row select{height:34px;min-height:34px;border-radius:9px;font-size:11px}
#dbViewerView .db-viewer-layout{display:block!important}
#dbViewerView .db-table-list-panel,
#dbViewerView .db-table-detail-panel{padding:0;border:0;background:#fff}
#dbViewerView .db-table-detail-panel{margin-top:16px}
#dbViewerView:not(.db-detail-mode) .db-table-detail-panel{display:none!important}
#dbViewerView.db-detail-mode .db-viewer-guide,
#dbViewerView.db-detail-mode .db-view-filter-row,
#dbViewerView.db-detail-mode #dbViewerSummary,
#dbViewerView.db-detail-mode .db-table-list-panel{display:none!important}
#dbViewerView.db-detail-mode .db-table-detail-panel{display:block!important;margin-top:0}
#dbViewerView .db-detail-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 9px}
#dbViewerView .db-detail-panel-head h3{margin:0!important}
#dbViewerView #dbDetailBackToListBtn{display:none}
#dbViewerView.db-detail-mode #dbDetailBackToListBtn{display:inline-flex;align-items:center;justify-content:center;height:29px;min-height:29px;padding:0 10px;border:1px solid #dbe6f2;border-radius:999px;background:#f8fbff;color:#31506f;font-size:11px;font-weight:750;white-space:nowrap}
#dbViewerView .db-table-list-panel h3,
#dbViewerView .db-table-detail-panel h3{display:flex;align-items:center;gap:6px;margin:0 0 8px;color:#22314a;font-size:14px;font-weight:760}
#dbViewerView .db-table-list-panel h3::before,
#dbViewerView .db-table-detail-panel h3::before{content:"";display:inline-block;width:4px;height:14px;border-radius:999px;background:linear-gradient(180deg,#9fc3f0,#d8e7fb)}
#dbViewerView .db-table-list tr{grid-template-columns:minmax(0,1fr) auto;cursor:pointer}
#dbViewerView .db-table-list tr.selected-row{border-color:#9fc3f0;background:#f8fbff}
#dbViewerView .db-table-list td:nth-child(1){grid-column:1/2;grid-row:1/4;min-width:0}
#dbViewerView .db-table-list td:nth-child(2){grid-column:2/3;grid-row:1;justify-self:end;display:inline-flex!important;align-items:center;justify-content:center;min-width:46px;height:22px;padding:0 8px!important;border:1px solid #dbe6f2!important;border-radius:999px;background:#f8fbff!important;color:#31506f;font-size:10px;font-weight:720}
#dbViewerView .db-table-list td:nth-child(3){grid-column:2/3;grid-row:2;justify-self:end;color:#64748b}
#dbViewerView .db-table-list td:nth-child(4){grid-column:2/3;grid-row:3;justify-self:end;color:#64748b}
#dbViewerView .db-table-kor{color:#0f172a;font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dbViewerView .db-table-eng{margin-top:2px;color:#64748b;font-size:10px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dbViewerView .db-table-desc{margin-top:4px;color:#7b8ba1;font-size:10px;font-weight:620;line-height:1.4;white-space:normal;overflow:visible}
#dbViewerView .db-detail-summary{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px;margin:0 0 10px}
#dbViewerView .db-detail-summary>div{min-height:46px;padding:8px 9px;border:1px solid #dce7f2;border-radius:12px;background:#fbfdff}
#dbViewerView .db-detail-summary span{display:block;margin-bottom:3px;color:#7b8ba1;font-size:10px;font-weight:650}
#dbViewerView .db-detail-summary strong{display:block;color:#0f172a;font-size:12px;font-weight:780;line-height:1.35;word-break:keep-all;overflow-wrap:anywhere}
#dbViewerView .db-table-guide{margin:0 0 12px;padding:10px 11px;border:1px solid #dce7f2;border-radius:13px;background:#fbfdff;color:#475569}
#dbViewerView .db-table-guide strong{display:block;margin-bottom:4px;color:#0f172a;font-size:13px;font-weight:800}
#dbViewerView .db-table-guide span{display:block;font-size:11px;line-height:1.55}
#dbViewerView .db-table-detail-panel h4{margin:14px 0 8px;color:#22314a;font-size:14px;font-weight:760}
#dbViewerView .db-column-table tr{grid-template-columns:minmax(0,1fr) auto}
#dbViewerView .db-column-table td:nth-child(1){display:none}
#dbViewerView .db-column-table td:nth-child(2){grid-column:1/2;grid-row:1;color:#0f172a;font-size:13px;font-weight:780}
#dbViewerView .db-column-table td:nth-child(3){grid-column:1/2;grid-row:2;color:#64748b}
#dbViewerView .db-column-table td:nth-child(4){grid-column:1/-1;grid-row:3;color:#475569}
#dbViewerView .db-column-table td:nth-child(5),
#dbViewerView .db-column-table td:nth-child(6){grid-row:1;justify-self:end;display:inline-flex!important;align-items:center;justify-content:center;min-width:36px;height:22px;padding:0 7px!important;border:1px solid #dbe6f2!important;border-radius:999px;background:#fff!important;color:#31506f;font-size:10px;font-weight:720}
#dbViewerView .db-column-table td:nth-child(5){grid-column:2/3}
#dbViewerView .db-column-table td:nth-child(6){display:none!important}
#dbViewerView .db-column-table td:nth-child(7),
#dbViewerView .db-column-table td:nth-child(8){grid-column:1/-1;color:#7b8ba1;white-space:normal;overflow:visible}
#dbViewerView .db-preview-wrap{overflow:auto;border:1px solid #dce7f2;border-radius:12px;background:#fff}
#dbViewerView .db-preview-table{min-width:720px}
#dbViewerView .db-preview-table th,
#dbViewerView .db-preview-table td{font-size:10px}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){
.view.active,
.modal:not(.hidden) .modal-panel,
.modal.mobile-modal-closing .modal-panel{animation:none!important}
}
@media(max-width:760px){
html,
body,
#app,
.app-shell,
.content,
.view.active{background:#fff!important}
.content{min-height:100dvh}
.view.active{min-height:calc(100dvh - 118px)}
body.modal-open .view.active{animation:none!important;transform:none!important}
body.modal-open .content{background:#fff!important}
body.modal-open #noticeDetailModal:not(.hidden),
body.modal-open #checklistDetailModal:not(.hidden),
body.modal-open #dailyNoteDetailModal:not(.hidden),
body.modal-open #writingNoteDetailModal:not(.hidden),
body.modal-open #businessCardDetailModal:not(.hidden),
body.modal-open #scheduleDetailModal:not(.hidden),
body.modal-open #freightDetailModal:not(.hidden),
body.modal-open #taskDetailModal:not(.hidden),
body.modal-open #libraryFileDetailModal:not(.hidden),
body.modal-open #partnerDetailModal:not(.hidden),
body.modal-open #productDetailModal:not(.hidden),
body.modal-open #employeeDetailModal:not(.hidden){position:fixed!important;inset:118px 0 0 0!important;width:100vw!important;height:auto!important;min-height:0!important;padding:0!important;background:#fff!important;overflow:hidden!important;z-index:1000!important}
body.modal-open #noticeDetailModal:not(.hidden) .modal-panel,
body.modal-open #checklistDetailModal:not(.hidden) .modal-panel,
body.modal-open #dailyNoteDetailModal:not(.hidden) .modal-panel,
body.modal-open #writingNoteDetailModal:not(.hidden) .modal-panel,
body.modal-open #businessCardDetailModal:not(.hidden) .modal-panel,
body.modal-open #scheduleDetailModal:not(.hidden) .modal-panel,
body.modal-open #freightDetailModal:not(.hidden) .modal-panel,
body.modal-open #taskDetailModal:not(.hidden) .modal-panel,
body.modal-open #libraryFileDetailModal:not(.hidden) .modal-panel,
body.modal-open #partnerDetailModal:not(.hidden) .modal-panel,
body.modal-open #productDetailModal:not(.hidden) .modal-panel,
body.modal-open #employeeDetailModal:not(.hidden) .modal-panel{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;transform:none!important}
body.modal-open #noticeDetailModal:not(.hidden) .modal-titlebar,
body.modal-open #checklistDetailModal:not(.hidden) .modal-titlebar,
body.modal-open #dailyNoteDetailModal:not(.hidden) .modal-titlebar,
body.modal-open #writingNoteDetailModal:not(.hidden) .modal-titlebar,
body.modal-open #businessCardDetailModal:not(.hidden) .modal-titlebar,
body.modal-open #scheduleDetailModal:not(.hidden) .modal-titlebar,
body.modal-open #freightDetailModal:not(.hidden) .modal-titlebar,
body.modal-open #taskDetailModal:not(.hidden) .modal-titlebar,
body.modal-open #libraryFileDetailModal:not(.hidden) .modal-titlebar,
body.modal-open #partnerDetailModal:not(.hidden) .modal-titlebar,
body.modal-open #productDetailModal:not(.hidden) .modal-titlebar,
body.modal-open #employeeDetailModal:not(.hidden) .modal-titlebar{flex:0 0 50px!important;height:50px!important;min-height:50px!important}
body.modal-open #noticeDetailModal:not(.hidden) .detail-panel,
body.modal-open #checklistDetailModal:not(.hidden) .detail-panel,
body.modal-open #dailyNoteDetailModal:not(.hidden) .detail-panel,
body.modal-open #writingNoteDetailModal:not(.hidden) .detail-panel,
body.modal-open #businessCardDetailModal:not(.hidden) .detail-panel,
body.modal-open #scheduleDetailModal:not(.hidden) .detail-panel,
body.modal-open #freightDetailModal:not(.hidden) .detail-panel,
body.modal-open #taskDetailModal:not(.hidden) .detail-panel,
body.modal-open #libraryFileDetailModal:not(.hidden) .detail-panel,
body.modal-open #partnerDetailModal:not(.hidden) .detail-panel,
body.modal-open #productDetailModal:not(.hidden) .detail-panel,
body.modal-open #employeeDetailModal:not(.hidden) .detail-panel{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;padding-bottom:max(34px,env(safe-area-inset-bottom))!important;background:#fff!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important}
}
@media(max-width:760px){
body.modal-open #messageBoxModal:not(.hidden),
body.modal-open #messageDetailModal:not(.hidden){position:fixed!important;inset:118px 0 0 0!important;width:100vw!important;height:auto!important;min-height:0!important;padding:0!important;background:#fff!important;overflow:hidden!important;z-index:1000!important}
body.modal-open #messageDetailModal:not(.hidden){z-index:1010!important}
body.modal-open #messageBoxModal:not(.hidden) .modal-backdrop,
body.modal-open #messageDetailModal:not(.hidden) .modal-backdrop{display:none!important}
body.modal-open #messageBoxModal:not(.hidden) .message-box-panel,
body.modal-open #messageDetailModal:not(.hidden) .message-modal-panel{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;transform:none!important}
body.modal-open #messageBoxModal:not(.hidden) .modal-titlebar,
body.modal-open #messageDetailModal:not(.hidden) .modal-titlebar{flex:0 0 50px!important;height:50px!important;min-height:50px!important}
body.modal-open #messageBoxModal:not(.hidden) .message-box-body,
body.modal-open #messageDetailModal:not(.hidden) #messageDetail{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;padding:14px 12px max(34px,env(safe-area-inset-bottom))!important;background:#fff!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important}
#messagesView>.section-head{position:relative;display:block!important;padding:0 42px 11px 2px;border:0;background:#fff}
#messagesView>.section-head h2{display:flex;align-items:center;gap:7px;margin:0;color:#0f172a;font-size:22px;font-weight:850;letter-spacing:0}
#messagesView>.section-head h2::before{content:"";display:inline-block;width:4px;height:18px;border-radius:999px;background:linear-gradient(180deg,#9fc3f0,#d8e7fb)}
#messagesView>.section-head p{margin-top:3px;color:#52677f;font-size:12px;line-height:1.4}
#loadMessagesBtn{position:absolute;top:0;right:0;display:inline-flex;align-items:center;justify-content:center;width:34px;min-width:34px;height:34px;min-height:34px;padding:0;border:1px solid #d6e1ed;border-radius:50%;background:#fff;color:#102844;font-size:0;box-shadow:0 3px 8px rgba(15,23,42,.04)}
#loadMessagesBtn::before{content:"\21bb";font-size:16px;font-weight:900;line-height:1}
#messageBoxModal .message-compose-panel{margin:0 0 15px;padding:12px;border:1px solid #dce7f2;border-radius:14px;background:#fbfdff;box-shadow:0 4px 12px rgba(15,23,42,.04)}
#messageBoxModal .message-compose-panel .section-head{display:flex!important;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px;padding:0;border:0;background:transparent}
#messageBoxModal .message-compose-panel .section-head h2{margin:0;color:#22314a;font-size:15px;font-weight:780}
#messageBoxModal #newMessageBtn{height:30px;min-height:30px;padding:0 10px;border-radius:999px;background:#fff;color:#22314a;font-size:11px;font-weight:720}
#messageBoxModal .message-form{display:grid!important;grid-template-columns:1fr!important;gap:8px;margin:0}
#messageBoxModal .message-form label{gap:4px;color:#52677f;font-size:11px;font-weight:700}
#messageBoxModal .message-form input,
#messageBoxModal .message-form select,
#messageBoxModal .message-form textarea{width:100%;border-color:#d2deeb;border-radius:10px;background:#fff;color:#0f172a;font-size:12px;font-weight:650;box-shadow:0 2px 8px rgba(15,23,42,.04)}
#messageBoxModal .message-form textarea{min-height:92px;padding:9px 10px;line-height:1.55}
#messageBoxModal .message-form button{width:100%;height:36px;min-height:36px;border-radius:999px;background:#102844;border-color:#102844;color:#fff;font-size:12px;font-weight:720}
#messageBoxModal .work-section{margin:0;border:0;background:#fff}
#messageBoxModal .message-list-head{display:block!important;padding:0 2px 10px;border:0;background:#fff}
#messageBoxModal .message-list-head h2{display:flex;align-items:center;gap:7px;margin:0;color:#22314a;font-size:15px;font-weight:760}
#messageBoxModal .message-list-head h2::before{content:"";display:inline-block;width:4px;height:15px;border-radius:999px;background:linear-gradient(180deg,#9fc3f0,#d8e7fb)}
#messageBoxModal .message-list-head p{margin-top:4px;color:#6b7d92;font-size:11px;line-height:1.4}
#messageBoxModal .message-tab-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px;padding:4px;border:1px solid #dce7f2;border-radius:13px;background:#f8fbff}
#messageBoxModal .message-tab{height:30px;min-height:30px;min-width:0;border:0;border-radius:10px;background:transparent;color:#64748b;font-size:11px;font-weight:760}
#messageBoxModal .message-tab.active{background:#102844;color:#fff;box-shadow:0 3px 8px rgba(15,23,42,.08)}
#messageBoxModal .work-section-body{padding:0}
#messageBoxModal .erp-table-wrap{border:0;background:#fff;overflow:visible}
#messageBoxModal .message-table{display:block;min-width:0;width:100%;border:0;background:#fff}
#messageBoxModal .message-table thead{display:none}
#messageBoxModal .message-table tbody{display:grid;gap:8px}
#messageBoxModal .message-table tr{display:flex;flex-direction:column;gap:4px;padding:11px;border:1px solid #dce7f2;border-radius:13px;background:#fff;box-shadow:0 4px 12px rgba(15,23,42,.04);cursor:pointer}
#messageBoxModal .message-table tr.selected-row{border-color:#9fc3f0;background:#f8fbff}
#messageBoxModal .message-table td{display:block;height:auto!important;min-height:0;padding:0!important;border:0!important;background:transparent!important;text-align:left!important;color:#334155;font-size:11px;font-weight:650;line-height:1.35}
#messageBoxModal .message-table td.col-no{display:none!important}
#messageBoxModal .message-title-cell{order:1;color:#0f172a!important;font-size:14px!important;font-weight:800!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#messageBoxModal .message-title-cell strong{font-weight:820}
#messageBoxModal .message-title-cell .unread-mark{display:inline-flex;align-items:center;height:18px;margin-right:6px;padding:0 6px;border-radius:999px;background:#fff7ed;color:#c2410c;font-size:10px;font-weight:760}
#messageBoxModal .message-table td:nth-child(2){order:2}
#messageBoxModal .message-table td:nth-child(4){order:3}
#messageBoxModal .message-table td:nth-child(5){order:4;color:#0f4f97;font-weight:760}
#messageBoxModal .message-table td:nth-child(6){order:5;color:#7b8ba1;font-size:10.5px}
#messageBoxModal .message-table td:nth-child(2)::before{content:"상대";display:inline-block;min-width:30px;margin-right:6px;color:#94a3b8;font-size:10px;font-weight:650}
#messageBoxModal .message-table td:nth-child(4)::before{content:"첨부";display:inline-block;min-width:30px;margin-right:6px;color:#94a3b8;font-size:10px;font-weight:650}
#messageBoxModal .message-table td:nth-child(5)::before{content:"상태";display:inline-block;min-width:30px;margin-right:6px;color:#94a3b8;font-size:10px;font-weight:650}
#messageBoxModal .message-table td:nth-child(6)::before{content:"일시";display:inline-block;min-width:30px;margin-right:6px;color:#94a3b8;font-size:10px;font-weight:650}
#messageDetailModal .detail-head{display:block;padding-bottom:12px;border-bottom:1px solid #edf2f7}
#messageDetailModal .detail-head h3{margin:0 0 6px;color:#0f172a;font-size:21px;font-weight:820;line-height:1.25;letter-spacing:0;word-break:break-word}
#messageDetailModal .detail-head p{margin:0;color:#64748b;font-size:12px;font-weight:650;line-height:1.45}
#messageDetailModal .status-badge{display:inline-flex;margin-top:10px;height:26px;align-items:center;padding:0 9px;border-radius:999px;background:#f8fbff;color:#0f4f97;font-size:11px;font-weight:760}
#messageDetailModal .message-detail-meta{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;border:0;background:#fff}
#messageDetailModal .message-detail-meta span{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border:1px solid #e1eaf3;border-radius:999px;background:#f8fbff;color:#52677f;font-size:11px;font-weight:700}
#messageDetailModal .detail-content-box{margin:17px 0 0;padding:0;border:0;background:#fff}
#messageDetailModal .detail-content-box h4,
#messageDetailModal .detail-section h4{display:flex;align-items:center;gap:7px;margin:0 0 9px;color:#22314a;font-size:13px;font-weight:760}
#messageDetailModal .detail-content-box h4::before,
#messageDetailModal .detail-section h4::before{content:"";width:4px;height:15px;border-radius:999px;background:linear-gradient(180deg,#9fc3f0,#d8e7fb)}
#messageDetailModal .detail-content{min-height:96px;padding:13px;border:1px solid #e1eaf3;border-radius:14px;background:#fbfdff;color:#22314a;font-size:13px;font-weight:520;line-height:1.75}
#messageDetailModal .detail-section{margin:18px -12px 0;padding:14px 12px 0;border-top:8px solid #f4f7fb;background:#fff}
#messageDetailModal .detail-file-table{display:block;min-width:0;width:100%;border:0;background:#fff}
#messageDetailModal .detail-file-table thead{display:none}
#messageDetailModal .detail-file-table tbody{display:grid;gap:7px}
#messageDetailModal .detail-file-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:10px;border:1px solid #dce7f2;border-radius:12px;background:#fff}
#messageDetailModal .detail-file-table td{display:block;height:auto!important;padding:0!important;border:0!important;background:transparent!important;text-align:left!important;font-size:11px;color:#64748b}
#messageDetailModal .detail-file-table td:nth-child(1){grid-column:1/2;color:#0f172a;font-size:12px;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#messageDetailModal .detail-file-table td:nth-child(2),
#messageDetailModal .detail-file-table td:nth-child(4),
#messageDetailModal .detail-file-table td:nth-child(5){display:none}
#messageDetailModal .detail-file-table td:nth-child(3){grid-column:1/2}
#messageDetailModal .detail-file-table td:nth-child(6){grid-column:2/3;grid-row:1/3;align-self:center}
#messageDetailModal .modal-button-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:15px}
#messageDetailModal .modal-button-row button{height:36px;border-radius:999px;background:#fff;color:#22314a;font-size:12px;font-weight:720}
#messageDetailModal #messageHideBtn{border-color:#f1b6b6;color:#b91c1c}
}
@media(max-width:760px){
body.modal-open #noticeEditModal:not(.hidden){position:fixed!important;inset:118px 0 0 0!important;width:100vw!important;height:auto!important;min-height:0!important;padding:0!important;background:#fff!important;overflow:hidden!important;z-index:1000!important}
body.modal-open #noticeEditModal:not(.hidden) .modal-backdrop{display:none!important}
body.modal-open #noticeEditModal:not(.hidden) .form-modal-panel{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;transform:none!important}
body.modal-open #noticeEditModal:not(.hidden) .modal-titlebar{flex:0 0 50px!important;height:50px!important;min-height:50px!important}
body.modal-open #noticeEditModal:not(.hidden) .detail-panel{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;padding:14px 13px max(34px,env(safe-area-inset-bottom))!important;background:#fff!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important}
#noticeEditModal .notice-form{display:grid;grid-template-columns:1fr;gap:10px}
#noticeEditModal .notice-form label{display:grid;gap:5px;color:#334155;font-size:12px;font-weight:720}
#noticeEditModal .notice-form input,
#noticeEditModal .notice-form select,
#noticeEditModal .notice-form textarea{width:100%;border-radius:12px;font-size:13px}
#noticeEditModal .notice-form textarea{min-height:170px;line-height:1.55}
#noticeEditModal .modal-button-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
#noticeEditModal .modal-button-row button{height:36px;min-height:36px;border-radius:999px;font-size:12px;font-weight:730}
#noticeEditModal #saveNoticeBtn{background:#102844;border-color:#102844;color:#fff}
#noticeDetailModal .detail-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;padding:2px 0 13px;border:0;border-bottom:1px solid #edf2f7;background:#fff}
#noticeDetailModal .detail-head h3{margin:0;color:#0f172a;font-size:22px;font-weight:840;line-height:1.25;letter-spacing:0;word-break:keep-all}
#noticeDetailModal .detail-head p{margin:6px 0 0;color:#64748b;font-size:11px;font-weight:650;line-height:1.4}
#noticeDetailModal .status-badge{display:inline-flex;align-items:center;justify-content:center;height:24px;min-width:54px;padding:0 9px;border:1px solid #dbe6f2;border-radius:999px;background:#f8fbff;color:#52677f;font-size:11px;font-weight:720}
#noticeDetailModal .detail-content-box{margin-top:14px}
#noticeDetailModal .detail-content-box h4,
#noticeDetailModal .detail-section h4{display:flex;align-items:center;gap:7px;margin:0 0 9px;color:#22314a;font-size:14px;font-weight:760}
#noticeDetailModal .detail-content-box h4::before,
#noticeDetailModal .detail-section h4::before{content:"";display:inline-block;width:4px;height:15px;border-radius:999px;background:linear-gradient(180deg,#9fc3f0,#d8e7fb)}
#noticeDetailModal .detail-content{min-height:110px;padding:13px;border:1px solid #dce7f2;border-radius:15px;background:#fbfdff;color:#22314a;font-size:13px;font-weight:520;line-height:1.65;word-break:break-word}
#noticeDetailModal .detail-section{margin-top:16px}
#noticeDetailModal .notice-file-table{display:block;min-width:0;width:100%;border:0;background:#fff}
#noticeDetailModal .notice-file-table thead{display:none}
#noticeDetailModal .notice-file-table tbody{display:grid;gap:8px}
#noticeDetailModal .notice-file-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 9px;padding:11px;border:1px solid #dce7f2;border-radius:14px;background:#fff;box-shadow:0 5px 14px rgba(15,23,42,.045)}
#noticeDetailModal .notice-file-table td{display:block;height:auto;padding:0;border:0!important;background:transparent!important;text-align:left;color:#64748b;font-size:10px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#noticeDetailModal .notice-file-table td:nth-child(1){grid-column:1/2;grid-row:1;color:#0f172a}
#noticeDetailModal .notice-file-table td:nth-child(1) strong{font-size:13px;font-weight:790}
#noticeDetailModal .notice-file-table td:nth-child(2){grid-column:1/2;grid-row:2}
#noticeDetailModal .notice-file-table td:nth-child(3){grid-column:1/2;grid-row:3}
#noticeDetailModal .notice-file-table td:nth-child(4),
#noticeDetailModal .notice-file-table td:nth-child(5){display:none}
#noticeDetailModal .notice-file-table td:nth-child(6){grid-column:2/3;grid-row:1;justify-self:end}
#noticeDetailModal .notice-file-table td:nth-child(7){grid-column:2/3;grid-row:3;justify-self:end}
#noticeDetailModal .notice-file-table .download-link,
#noticeDetailModal .notice-file-table .mini-btn{display:inline-flex;align-items:center;justify-content:center;height:28px;min-width:48px;padding:0 9px;border:1px solid #c9d8e8;border-radius:999px;background:#f7fbff;color:#0b5fc3;font-size:11px;font-weight:760;text-decoration:none}
#noticeDetailModal .modal-button-row{display:grid;grid-template-columns:1fr;gap:8px;margin-top:15px}
#noticeDetailModal .modal-button-row button{height:35px;border-radius:999px;font-size:12px;font-weight:730}
}
@media(max-width:760px){
#freightsView{padding:14px 10px 22px!important;background:#fff!important}
#freightsView>.section-head{padding:2px 4px 13px!important;border-bottom:1px solid #eef3f8!important}
#freightsView>.section-head h2{font-size:21px!important;font-weight:820!important;letter-spacing:0!important}
#freightsView>.section-head p{max-width:300px;font-size:11px!important;line-height:1.45!important}
#freightsView .work-section{margin-top:16px!important}
#freightsView .work-section-head{padding:0 4px 10px!important}
#freightsView .work-section-head h2{font-size:16px!important;font-weight:760!important}
#freightsView .work-section-head p{max-width:290px;font-size:11px!important}
#freightsView #freightFilterToggleBtn{height:38px!important;margin:4px 0 10px!important;border-color:#dbe6f2!important;border-radius:14px!important;background:#fff!important;font-size:12px!important;font-weight:720!important;box-shadow:0 4px 14px rgba(15,23,42,.05)!important}
#freightsView #freightFilterToggleBtn[aria-expanded="true"]{background:#f7fbff!important;border-color:#bfd4ed!important}
#freightsView .freight-filter-row{gap:7px!important;padding:10px!important;border:1px solid #e1eaf4!important;border-radius:14px!important;background:#fbfdff!important}
#freightsView .freight-filter-row button,
#freightsView .freight-filter-row select,
#freightsView .freight-filter-row input{height:36px!important;border-radius:10px!important;font-size:11px!important}
#freightsView .freight-bulk-row{margin:9px 0 10px!important;padding:10px!important;border-radius:14px!important;background:#fbfdff!important}
#freightsView .freight-summary-strip{gap:6px!important;margin:8px 0 12px!important;padding:0 2px 2px!important}
#freightsView .freight-summary-strip span{height:25px!important;padding:0 9px!important;border-radius:999px!important;font-size:10px!important;line-height:23px!important;background:#f9fbfe!important}
#freightsView .freight-table tbody{gap:11px!important}
#freightsView .freight-table tr{position:relative!important;grid-template-columns:24px minmax(0,1fr) minmax(72px,auto)!important;gap:6px 9px!important;padding:13px 12px 13px 13px!important;border:1px solid #dce8f5!important;border-left:4px solid #bcd7f5!important;border-radius:16px!important;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;box-shadow:0 8px 22px rgba(15,23,42,.06)!important}
#freightsView .freight-table tr.selected-row{border-color:#9fc3f0!important;border-left-color:#5b9ee8!important;background:#f8fbff!important}
#freightsView .freight-table td{line-height:1.45!important}
#freightsView .freight-table .col-check input{width:16px!important;height:16px!important}
#freightsView .freight-table td:nth-child(3){font-size:12px!important;font-weight:760!important;color:#20354d!important}
#freightsView .freight-table td:nth-child(4){grid-column:3/4!important;grid-row:1!important;justify-self:end!important}
#freightsView .freight-table td:nth-child(5),
#freightsView .freight-table td:nth-child(6),
#freightsView .freight-table td:nth-child(7){display:flex!important;align-items:baseline!important;gap:0!important;min-width:0!important;font-size:12px!important;line-height:1.45!important;white-space:nowrap!important}
#freightsView .freight-table td:nth-child(5){margin-top:1px!important}
#freightsView .freight-table td:nth-child(7){padding-bottom:2px!important;border-bottom:1px solid #eef3f8!important}
#freightsView .freight-table td:nth-child(5)::before,
#freightsView .freight-table td:nth-child(6)::before,
#freightsView .freight-table td:nth-child(7)::before{flex:0 0 42px!important;min-width:42px!important;margin-right:6px!important;color:#8aa0b8!important;font-size:10px!important;font-weight:720!important}
#freightsView .freight-table td:nth-child(8),
#freightsView .freight-table td:nth-child(9),
#freightsView .freight-table td:nth-child(10){grid-column:2/3!important;display:flex!important;align-items:center!important;gap:6px!important;font-size:10px!important;color:#66788f!important}
#freightsView .freight-table td:nth-child(8)::before,
#freightsView .freight-table td:nth-child(9)::before,
#freightsView .freight-table td:nth-child(10)::before{flex:0 0 32px!important;color:#9aaec3!important;font-size:10px!important;font-weight:720!important}
#freightsView .freight-table td:nth-child(11){grid-column:3/4!important;grid-row:6!important;justify-self:end!important;align-self:end!important}
#freightsView .freight-status,
#freightsView .freight-payment{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:23px!important;padding:0 8px!important;border-radius:999px!important;font-size:10px!important;font-weight:720!important;line-height:1!important;white-space:nowrap!important}
#freightsView .freight-status-ready{background:#f1f5f9!important;color:#475569!important}
#freightsView .freight-status-assigned{background:#eef6ff!important;color:#1d5fae!important}
#freightsView .freight-status-loaded{background:#fff7ed!important;color:#c26500!important}
#freightsView .freight-status-unloaded{background:#ecfdf5!important;color:#047857!important}
#freightsView .freight-payment-unpaid{background:#fff1f2!important;color:#be123c!important}
#freightsView .freight-payment-paid{background:#eff6ff!important;color:#1d4ed8!important}
#freightsView .freight-status-select,
#freightsView .freight-payment-select{height:30px!important;min-width:76px!important;border-radius:10px!important;background:#fff!important;font-size:10px!important;font-weight:720!important}
#freightDetailModal .freight-mobile-head{padding:4px 0 14px!important}
#freightDetailModal .freight-mobile-head h3{font-size:19px!important;font-weight:780!important;line-height:1.32!important}
#freightDetailModal .freight-mobile-head p{font-size:11px!important;color:#66788f!important}
#freightDetailModal .freight-mobile-head .detail-actions button{height:36px!important;border-radius:999px!important;background:#102844!important;font-weight:720!important}
#freightDetailModal .freight-mobile-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:12px 0 14px!important}
#freightDetailModal .freight-mobile-strip span{display:flex!important;align-items:center!important;gap:5px!important;min-height:36px!important;padding:8px 10px!important;border-radius:14px!important;background:#fbfdff!important;font-size:11px!important;line-height:1.25!important}
#freightDetailModal .freight-mobile-strip .freight-status,
#freightDetailModal .freight-mobile-strip .freight-payment{margin-left:2px!important}
#freightDetailModal .freight-mobile-info .detail-info-table tr{grid-template-columns:92px minmax(0,1fr)!important;border-color:#e2ebf5!important;background:#fff!important}
#freightDetailModal .freight-mobile-info .detail-info-table th,
#freightDetailModal .freight-mobile-info .detail-info-table td{min-height:36px!important;padding:9px 10px!important;font-size:12px!important}
#freightDetailModal .freight-mobile-info .detail-info-table th{background:#f8fbff!important;color:#71849b!important;font-weight:720!important}
#freightDetailModal .freight-mobile-info .detail-info-table td{color:#172033!important;font-weight:560!important}
#freightDetailModal .freight-mobile-memo{padding:13px!important;border-radius:15px!important;background:#fbfdff!important}
#freightDetailModal .freight-mobile-memo h4{font-size:13px!important;font-weight:740!important}
}
.freight-call-button{display:none}
@media(max-width:760px){
#freightsView .freight-driver-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#freightsView .freight-call-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 28px!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;margin-left:2px!important;padding:0!important;border:1px solid #cfe0f3!important;border-radius:999px!important;background:#f8fbff!important;color:#1d5fae!important;box-shadow:0 3px 8px rgba(15,23,42,.05)!important}
#freightsView .freight-call-button:active{transform:scale(.96)}
#freightsView .freight-call-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:16px!important;height:16px!important}
#freightsView .freight-call-icon::before{content:"\260E";display:block!important;color:#1d5fae!important;font-size:15px!important;font-weight:700!important;line-height:1!important}
}
@media(max-width:760px){
#freightsView .freight-table tr{grid-template-columns:24px minmax(0,1fr) auto auto!important;gap:6px 6px!important}
#freightsView .freight-table td:nth-child(4){grid-column:3/4!important;grid-row:1!important;justify-self:end!important;align-self:start!important}
#freightsView .freight-table td:nth-child(11){grid-column:4/5!important;grid-row:1!important;justify-self:end!important;align-self:start!important}
#freightsView .freight-table td:nth-child(5),
#freightsView .freight-table td:nth-child(6),
#freightsView .freight-table td:nth-child(7){grid-column:2/-1!important}
#freightsView .freight-table td:nth-child(8),
#freightsView .freight-table td:nth-child(9),
#freightsView .freight-table td:nth-child(10){grid-column:2/-1!important}
}
@media(max-width:760px){
#freightDetailModal .freight-mobile-head .detail-actions{display:flex!important;justify-content:flex-start!important;margin-top:10px!important}
#freightDetailModal .freight-mobile-head .detail-actions button{width:auto!important;min-width:116px!important;height:34px!important;padding:0 13px!important;border:1px solid #cfe0f3!important;border-radius:999px!important;background:#f8fbff!important;color:#1d4f86!important;box-shadow:none!important}
#freightDetailModal .freight-detail-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#freightDetailModal .freight-detail-strip span:nth-child(1),
#freightDetailModal .freight-detail-strip span:nth-child(2){font-weight:760!important}
#freightDetailModal .freight-detail-phone{display:inline-flex!important;align-items:center!important;gap:7px!important;min-width:0!important}
#freightDetailModal .freight-call-button{display:inline-flex!important;width:auto!important;min-width:58px!important;height:28px!important;min-height:28px!important;padding:0 9px!important;border:1px solid #cfe0f3!important;border-radius:999px!important;background:#f8fbff!important;color:#1d5fae!important;gap:4px!important}
#freightDetailModal .freight-call-label{display:inline!important;color:#1d5fae!important;font-size:11px!important;font-weight:720!important;line-height:1!important}
#freightDetailModal .freight-call-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:13px!important;height:13px!important}
#freightDetailModal .freight-call-icon::before{content:"\260E";display:block!important;color:#1d5fae!important;font-size:13px!important;font-weight:700!important;line-height:1!important}
}
@media(max-width:760px){
#dailyNoteFilterToggleBtn,
#writingNoteFilterToggleBtn,
#businessCardFilterToggleBtn{display:inline-flex;align-items:center;justify-content:center;width:100%;height:36px;min-height:36px;margin:0 0 8px;border:1px solid #d6e1ed;border-radius:10px;background:#fff;color:#22314a;font-size:12px;font-weight:760;box-shadow:0 3px 9px rgba(15,23,42,.04)}
#dailyNoteFilterToggleBtn[aria-expanded="true"],
#writingNoteFilterToggleBtn[aria-expanded="true"],
#businessCardFilterToggleBtn[aria-expanded="true"]{background:#f8fbff;border-color:#9fc3f0;color:#0f4f97}
#dailyNoteFilterToggleBtn::before,
#dailyNoteFilterToggleBtn::after,
#writingNoteFilterToggleBtn::before,
#writingNoteFilterToggleBtn::after,
#businessCardFilterToggleBtn::before,
#businessCardFilterToggleBtn::after{content:none!important;display:none!important}
#dailyNotesView .daily-note-filter-panel,
#writingNotesView .writing-note-filter-panel,
#businessCardsView .business-card-filter-panel{display:none!important}
#dailyNotesView.daily-note-filters-open .daily-note-filter-panel,
#writingNotesView.writing-note-filters-open .writing-note-filter-panel,
#businessCardsView.business-card-filters-open .business-card-filter-panel{display:block!important}
}
@media(max-width:760px){
#noticesView>.section-head,
#employeesView>.section-head{padding-left:4px!important;padding-right:4px!important}
#noticesView>.section-head h2,
#employeesView>.section-head h2{display:flex!important;align-items:center!important;gap:7px!important;font-size:21px!important;font-weight:820!important;letter-spacing:0!important}
#noticesView>.section-head h2::before,
#employeesView>.section-head h2::before{content:"";display:inline-block;width:4px;height:17px;border-radius:999px;background:linear-gradient(180deg,#a8cbf4,#dcecff)}
#noticesView>.section-head p,
#employeesView>.section-head p{font-size:11px!important;color:#52677f!important;line-height:1.45!important}
#noticesView>.section-head .button-row,
#employeesView>.section-head .button-row{gap:7px!important}
#noticesView #newNoticeBtn,
#employeesView #newEmployeeBtn{height:34px!important;min-height:34px!important;border-radius:999px!important;background:#102844!important;border-color:#102844!important;color:#fff!important;font-size:12px!important;font-weight:760!important;box-shadow:0 5px 12px rgba(16,40,68,.12)!important}
#noticesView #loadNoticesBtn,
#employeesView #loadEmployeesBtn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;border-radius:50%!important;background:#fff!important;border-color:#d6e1ed!important;color:#102844!important;box-shadow:0 3px 9px rgba(15,23,42,.04)!important}
#noticesView #noticeList .erp-table-wrap,
#employeesView #employeeList .erp-table-wrap{margin-top:2px!important}
#noticesView .notice-table tr,
#employeesView .employee-table tr{border-color:#dbe7f3!important;border-radius:15px!important;box-shadow:0 5px 16px rgba(15,23,42,.045)!important}
#noticesView .notice-table tr:active,
#employeesView .employee-table tr:active{background:#f8fbff!important;border-color:#bcd6f2!important}
#noticesView .notice-title-cell strong,
#employeesView .employee-table .admin-title-cell strong{font-weight:780!important}
#noticesView .notice-table td:nth-child(3),
#employeesView .employee-table td:nth-child(4),
#employeesView .employee-table td:nth-child(7){height:23px!important;min-height:23px!important;line-height:1!important;font-weight:700!important}
#noticesView .notice-table td:nth-child(8) .mini-btn{height:29px!important;border-radius:999px!important}
body.modal-open #employeeEditModal:not(.hidden){position:fixed!important;inset:118px 0 0 0!important;width:100vw!important;height:auto!important;min-height:0!important;padding:0!important;background:#fff!important;overflow:hidden!important;z-index:1000!important}
body.modal-open #employeeEditModal:not(.hidden) .modal-backdrop{display:none!important}
body.modal-open #employeeEditModal:not(.hidden) .form-modal-panel{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;transform:none!important}
body.modal-open #employeeEditModal:not(.hidden) .modal-titlebar{flex:0 0 50px!important;height:50px!important;min-height:50px!important}
body.modal-open #employeeEditModal:not(.hidden) .detail-panel{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;padding:14px 13px max(34px,env(safe-area-inset-bottom))!important;background:#fff!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important}
#employeeEditModal .employee-form label,
#noticeEditModal .notice-form label{font-size:11px!important;font-weight:730!important;color:#334155!important}
#employeeEditModal .employee-form input,
#employeeEditModal .employee-form select,
#noticeEditModal .notice-form input,
#noticeEditModal .notice-form select,
#noticeEditModal .notice-form textarea{border-color:#d4e0ec!important;border-radius:12px!important;background:#fff!important;box-shadow:0 2px 7px rgba(15,23,42,.035)!important}
#employeeEditModal .permission-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
#employeeEditModal .permission-row label{display:flex!important;align-items:center!important;gap:7px!important;min-height:36px!important;border:1px solid #e1eaf3!important;border-radius:12px!important;background:#fbfdff!important;color:#22314a!important;font-size:11px!important;font-weight:680!important;line-height:1.25!important}
#employeeEditModal .helper-text{margin:10px 0 0!important;padding:10px 11px!important;border:1px solid #e1eaf3!important;border-radius:12px!important;background:#fbfdff!important;color:#52677f!important;font-size:11px!important;line-height:1.45!important}
#employeeDetailModal .detail-head,
#noticeDetailModal .detail-head{padding-top:4px!important}
#employeeDetailModal .detail-head h3,
#noticeDetailModal .detail-head h3{font-size:21px!important;font-weight:800!important;line-height:1.28!important}
#employeeDetailModal .detail-actions button,
#noticeDetailModal .modal-button-row button{height:34px!important;border-radius:999px!important;font-size:12px!important}
#employeeDetailModal .employee-detail-table tr{border-color:#dbe7f3!important;border-radius:14px!important;background:#fbfdff!important;box-shadow:0 3px 10px rgba(15,23,42,.03)!important}
#employeeDetailModal .employee-detail-table th,
#employeeDetailModal .employee-detail-table td{min-height:34px!important;padding:8px 10px!important;line-height:1.45!important}
#employeeDetailModal .employee-detail-table td{font-weight:560!important}
#noticeDetailModal .detail-content{border-color:#dbe7f3!important;border-radius:16px!important;background:#fbfdff!important;font-weight:500!important}
}
@media(max-width:760px){
body.modal-open #checklistEditModal:not(.hidden),
body.modal-open #dailyNoteEditModal:not(.hidden),
body.modal-open #writingNoteEditModal:not(.hidden),
body.modal-open #businessCardEditModal:not(.hidden),
body.modal-open #scheduleEditModal:not(.hidden),
body.modal-open #freightEditModal:not(.hidden),
body.modal-open #taskEditModal:not(.hidden),
body.modal-open #libraryFileEditModal:not(.hidden),
body.modal-open #partnerEditModal:not(.hidden),
body.modal-open #productEditModal:not(.hidden),
body.modal-open #fileMoveModal:not(.hidden),
body.modal-open #taskFileOrganizeModal:not(.hidden){position:fixed!important;inset:118px 0 0 0!important;width:100vw!important;height:auto!important;min-height:0!important;padding:0!important;background:#fff!important;overflow:hidden!important;z-index:1000!important}
body.modal-open #checklistEditModal:not(.hidden) .modal-backdrop,
body.modal-open #dailyNoteEditModal:not(.hidden) .modal-backdrop,
body.modal-open #writingNoteEditModal:not(.hidden) .modal-backdrop,
body.modal-open #businessCardEditModal:not(.hidden) .modal-backdrop,
body.modal-open #scheduleEditModal:not(.hidden) .modal-backdrop,
body.modal-open #freightEditModal:not(.hidden) .modal-backdrop,
body.modal-open #taskEditModal:not(.hidden) .modal-backdrop,
body.modal-open #libraryFileEditModal:not(.hidden) .modal-backdrop,
body.modal-open #partnerEditModal:not(.hidden) .modal-backdrop,
body.modal-open #productEditModal:not(.hidden) .modal-backdrop,
body.modal-open #fileMoveModal:not(.hidden) .modal-backdrop,
body.modal-open #taskFileOrganizeModal:not(.hidden) .modal-backdrop{display:none!important}
body.modal-open #checklistEditModal:not(.hidden) .modal-panel,
body.modal-open #dailyNoteEditModal:not(.hidden) .modal-panel,
body.modal-open #writingNoteEditModal:not(.hidden) .modal-panel,
body.modal-open #businessCardEditModal:not(.hidden) .modal-panel,
body.modal-open #scheduleEditModal:not(.hidden) .modal-panel,
body.modal-open #freightEditModal:not(.hidden) .modal-panel,
body.modal-open #taskEditModal:not(.hidden) .modal-panel,
body.modal-open #libraryFileEditModal:not(.hidden) .modal-panel,
body.modal-open #partnerEditModal:not(.hidden) .modal-panel,
body.modal-open #productEditModal:not(.hidden) .modal-panel,
body.modal-open #fileMoveModal:not(.hidden) .modal-panel,
body.modal-open #taskFileOrganizeModal:not(.hidden) .modal-panel{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;transform:none!important}
body.modal-open #checklistEditModal:not(.hidden) .modal-titlebar,
body.modal-open #dailyNoteEditModal:not(.hidden) .modal-titlebar,
body.modal-open #writingNoteEditModal:not(.hidden) .modal-titlebar,
body.modal-open #businessCardEditModal:not(.hidden) .modal-titlebar,
body.modal-open #scheduleEditModal:not(.hidden) .modal-titlebar,
body.modal-open #freightEditModal:not(.hidden) .modal-titlebar,
body.modal-open #taskEditModal:not(.hidden) .modal-titlebar,
body.modal-open #libraryFileEditModal:not(.hidden) .modal-titlebar,
body.modal-open #partnerEditModal:not(.hidden) .modal-titlebar,
body.modal-open #productEditModal:not(.hidden) .modal-titlebar,
body.modal-open #fileMoveModal:not(.hidden) .modal-titlebar,
body.modal-open #taskFileOrganizeModal:not(.hidden) .modal-titlebar{flex:0 0 50px!important;height:50px!important;min-height:50px!important;border-bottom:1px solid #edf2f7!important;background:#fff!important;color:#0f172a!important}
body.modal-open #checklistEditModal:not(.hidden) .detail-panel,
body.modal-open #dailyNoteEditModal:not(.hidden) .detail-panel,
body.modal-open #writingNoteEditModal:not(.hidden) .detail-panel,
body.modal-open #businessCardEditModal:not(.hidden) .detail-panel,
body.modal-open #scheduleEditModal:not(.hidden) .detail-panel,
body.modal-open #freightEditModal:not(.hidden) .detail-panel,
body.modal-open #taskEditModal:not(.hidden) .detail-panel,
body.modal-open #libraryFileEditModal:not(.hidden) .detail-panel,
body.modal-open #partnerEditModal:not(.hidden) .detail-panel,
body.modal-open #productEditModal:not(.hidden) .detail-panel,
body.modal-open #fileMoveModal:not(.hidden) .detail-panel,
body.modal-open #taskFileOrganizeModal:not(.hidden) .detail-panel{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;padding:14px 13px max(34px,env(safe-area-inset-bottom))!important;background:#fff!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important}
}
@media(max-width:760px){
body.modal-open #messageBoxModal:not(.hidden) .message-box-body,
body.modal-open #messageDetailModal:not(.hidden) #messageDetail,
body.modal-open #employeeDetailModal:not(.hidden) .detail-panel,
body.modal-open #employeeEditModal:not(.hidden) .detail-panel{padding-bottom:max(56px,env(safe-area-inset-bottom))!important}
#messageBoxModal .message-table tr,
#employeesView .employee-table tr{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
#messageBoxModal .message-table tr:active,
#employeesView .employee-table tr:active{background:#fbfdff!important;border-color:#dbe7f3!important}
#employeeDetailModal .employee-detail-table td[colspan],
#employeeEditModal .permission-row label{overflow-wrap:anywhere;word-break:keep-all}
#messageDetailModal .detail-content,
#messageBoxModal .message-form textarea{font-family:"Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif}
}