/* ========================================
   人員配置ボード - オブジェクトスタイル共通定義
   ======================================== */
/* このファイルは以下のページで共有されています:
   - smart_board_v2.php (配置ボード編集)
   - staffing_read.php (配置ボード閲覧)
*/

.type1 { /*男性*/
    color: black;
    font-weight: bold;
    text-align: center;
    width: 92px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0.08) 100%);
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.1);
}

.type2 { /*女性*/
    color: red;
    font-weight: bold;
    text-align: center;
    width: 92px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0.08) 100%);
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.1);
}

.type3 { /*現場*/
    color: black;
    font-weight: bold;
    text-align: center;
    background-color: #FDEADA;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%);
    width: 158px;
    height: 132px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    border: none;
    border-radius: 20px;
}

.type4 { /*技術者*/
    color: blue;
    font-weight: bold;
    text-align: center;
    writing-mode: vertical-rl;
    text-orientation: upright;
    width: 46px;
    height: 118px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0.08) 100%);
    border: none;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.1);
}

.type5 { /*重機*/
    color: black;
    font-weight: bold;
    text-align: center;
    width: 90px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EBF1DD;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.05) 100%);
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.1);
}

.type6 { /*車両*/
    color: #0000CC;
    font-weight: bold;
    text-align: center;
    width: 90px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FBE5D6;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.05) 100%);
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.1);
}

.type7 { /*人送車*/
    color: black;
    font-weight: bold;
    text-align: center;
    width: 90px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFF2CC;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.05) 100%);
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.1);
}

.type8 { /*男性(新人)*/
    color: black;
    font-weight: bold;
    text-align: center;
    width: 92px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFCC;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.05) 100%);
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.1);
}

.type9 { /*女性(新人)*/
    color: red;
    font-weight: bold;
    text-align: center;
    width: 92px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFCC;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.05) 100%);
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.1);
}

.type10 { /*男性(環境)*/
    color: black;
    font-weight: bold;
    text-align: center;
    width: 92px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #E2F0D9;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.05) 100%);
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.1);
}

.type11 { /*社外*/
    color: #0000CC;
    font-weight: bold;
    text-align: center;
    width: 90px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #DEEBF7;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.05) 100%);
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.1);
}

.type12 { /*重機(借)*/
    color: #0000CC;
    font-weight: bold;
    text-align: center;
    width: 90px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EBF1DD;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.05) 100%);
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.1);
}

.type13 { /*アタッチメント*/
    color: black;
    font-weight: bold;
    text-align: center;
    width: 90px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #DBDBDB;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.05) 100%);
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.1);
}

.type14 { /*車両(協力)*/
    color: #0000CC;
    font-weight: bold;
    text-align: center;
    width: 90px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #DEEBF7;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.05) 100%);
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.1);
}

.type15 { /*予定*/
    color: black;
    font-weight: bold;
    text-align: left;
    width: 420px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: left;
    background-color: #DEEBF7;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.05) 100%);
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.1);
}

.type16 { /*車両(借)*/
    color: #0000CC;
    font-weight: bold;
    text-align: center;
    width: 90px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F2F2F2;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.05) 100%);
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.1);
}