/* App.css */

/* --- 全局：圓角與陰影優化 --- */
.card {
    border: none !important; /* 拿掉預設邊框 */
    border-radius: 12px !important; /* 更圓潤的邊角 */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important; /* 現代感陰影 */
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    /* 讓卡片按下去有一點回饋感 */
    .card:active {
        transform: scale(0.98);
    }

.btn {
    border-radius: 8px !important; /* 按鈕也圓一點 */
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    font-weight: 500;
}

/* --- 手機版任務卡片專用樣式 --- */
.task-card-mobile {
    position: relative;
    overflow: hidden; /* 確保色條不會跑出圓角 */
    padding-left: 12px; /* 預留左側色條空間 */
}

    /* 左側狀態色條 (偽元素) */
    .task-card-mobile::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 6px; /* 色條寬度 */
        height: 100%;
        background-color: #ccc; /* 預設顏色 */
    }

    /* 狀態對應顏色 */
    .task-card-mobile.type-repair::before {
        background-color: #0d6efd;
    }
    /* 維修: 藍 */
    .task-card-mobile.type-construction::before {
        background-color: #198754;
    }
    /* 施工: 綠 */
    .task-card-mobile.type-urgent::before {
        background-color: #dc3545;
    }
    /* 急件: 紅 */

    /* 調整卡片內部間距 */
    .task-card-mobile .card-body {
        padding: 1.25rem;
    }
@media (orientation: landscape) and (max-height: 600px) {
    .signature-modal .modal-dialog {
        max-width: none;
        width: 100vw;
        height: 100vh;
        margin: 0; /* 移除邊距，確保填滿 */
        /* 在全螢幕模式下，確保 Modal 內容能夠擴展 */
    }

    .signature-modal .modal-content {
        height: 100vh;
        border: none;
        border-radius: 0;
        display: flex; /* 啟用 flex 佈局 */
        flex-direction: column;
    }

    .signature-modal .modal-body {
        /* 讓內容區填滿 Modal-content 剩餘的空間 */
        padding: 0;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }

    .signature-modal .modal-header,
    .signature-modal .modal-footer {
        display: none; /* 隱藏標題和底部按鈕，讓簽名板最大化 */
    }

    /* 確保 SignaturePad 裡面的 Canvas 也能填滿 */
    .signature-modal .signature-pad-component {
        /* 讓簽名組件也最大化 */
        width: 100%;
        height: 100%;
        display: flex;
    }

    /* 如果您想讓「確認簽名」和「清除」按鈕浮動在簽名板上，需要額外的 CSS */
}