/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 27 2026 | 00:49:44 */
/* 承認管理ページ カードデザイン */
.kanri-saas-wrap .mp-system-card,
.mypage-saas-wrap .mp-system-card {
    border: 2px solid #5c8da8 !important;
    border-radius: 8px !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
    box-shadow: 0 2px 6px rgba(92, 141, 168, 0.3) !important;
    cursor: pointer !important;
}

.kanri-saas-wrap .mp-system-card:hover,
.mypage-saas-wrap .mp-system-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 28px rgba(92, 141, 168, 0.5) !important;
    border-color: #3a6f8f !important;
}


/* 承認フロー：activeステップを角丸の□で囲む */
.mp-flow-step.active {
    font-weight: bold !important;
    border: 2px solid #1e3a5f !important;
    border-radius: 6px !important;
    padding: 2px 8px !important;
    color: #1e3a5f !important;
    background: #e8f0f7 !important;
}

/* 公開済み：3役職名をまとめて大きな□で囲む */
.mp-flow-published {
    border: 2px solid #1a7a5e !important;
    border-radius: 8px !important;
    padding: 4px 10px !important;
    background: #edf7f3 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

/* 公開済み時は個々の□を外す */
.mp-flow-published .mp-flow-step.active {
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: #1a7a5e !important;
}