/* 이 페이지 전용 스타일 */
        body { background-image: url('../images/images.png'); /* 작업 페이지용 배경 */ }
        .container {
            max-width: 950px; /* 👈 콘텐츠의 최대 너비를 설정 (예: 950px) */
            margin: 20px auto; /* 👈 상하 여백은 20px, 좌우 여백은 auto로 설정하여 중앙 정렬 */
            padding: 25px;
            background-color: #34495e;
            border-radius: 8px;
            box-shadow: 0 0 15px rgba(0,0,0,0.3);
        }
        h2, h3 { color: #87CEFA; }
        .info-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 15px 20px;
            margin-bottom: 20px;
        }
        .input-group { display: flex; flex-direction: column; }
        label { margin-bottom: 5px; font-weight: bold; color: #ccc; }
        input, textarea, select {
            width: 100%; padding: 10px; border: 1px solid #555;
            border-radius: 4px; background-color: #333; color: white;
            box-sizing: border-box; font-size: 1em;
        }
        #personnelEntriesTable { width: 100%; border-collapse: collapse; margin-top: 10px; }
        #personnelEntriesTable th, #personnelEntriesTable td {
            border: 1px solid #777; padding: 8px; text-align: center; font-size: 0.9em;
        }
        #personnelEntriesTable th { background-color: #4a617a; }
        #personnelEntriesTable input[type="text"], #personnelEntriesTable input[type="checkbox"] {
            width: 95%; padding: 6px; font-size: 0.9em; margin: 0; box-sizing: border-box;
        }
        #personnelEntriesTable input[type="checkbox"] { width: auto; height: 18px; transform: scale(1.2); }
        .button-group { text-align: right; margin-top: 25px; }
        .button-group button, #addPersonnelRowBtn {
            background-color: #3498db; color: white; border: none; padding: 10px 20px;
            margin-left: 10px; border-radius: 5px; cursor: pointer; font-size: 1em;
        }
        .add-person-btn { background-color: #2ecc71 !important; }
        .clear-btn { background-color: #f39c12 !important; }
        .back-button { float: left; background-color: #6c757d; }
        /* samuk_app.html의 <style> 태그 안에 추가 */
        #samukAppNavBar button, #samukAppNavBar a {
            background-color: #4a617a;
            color: white;
            border: 1px solid #7f8c8d;
            padding: 8px 16px;
            margin: 0 5px;
            border-radius: 5px;
            cursor: pointer;
            font-size: 0.95em;
            transition: background-color 0.2s ease;
        }
        #samukAppNavBar button:hover, #samukAppNavBar a:hover {
            background-color: #5d7691;
        }
        #samukAppNavBar button.active {
            background-color: #3498db;
            border-color: #87CEFA;
            font-weight: bold;
        }
/* ▼▼▼ 사인패드 팝업(모달) 스타일 ▼▼▼ */
.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}
.modal-content {
    background-color: #34495e;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    text-align: center;
}
.modal-content h4 {
    margin-top: 0;
    color: #87CEFA;
}
#signatureCanvas {
    background-color: white;
    border-radius: 4px;
}
#signatureDisplayArea img {
    width: 100%;
    height: 80%;
    object-fit: contain;
}