/* 2026-10-26 会社の画面「現場｜社員」・あなたはどなたですか（Design(現場くん)/11_採用した案 account.html・member.html） */
.hp-directory{font-family:"Hiragino Sans","Yu Gothic UI","Meiryo",sans-serif;color:#1b2b40}
.hp-directory h1{font-size:24px!important;margin-bottom:2px!important}
.hp-company{margin:0 0 14px;text-align:center;font-size:13px;color:#5b6b80}
.hp-seg{display:flex;justify-content:center;margin:0 auto 16px;width:max-content;border:1px solid #c8d2de;border-radius:10px;overflow:hidden;background:#fff}
.hp-seg button{border:0;background:#fff;color:#2b3a4e;font:inherit;font-size:14px;font-weight:800;padding:9px 34px;min-height:40px;cursor:pointer}
.hp-seg button[aria-pressed="true"]{background:#fff4d1;color:#6a4b00}
.hp-alert{text-align:center;color:#c0392b;font-size:13px;margin:0 0 10px}
.hp-gold{border:1.5px solid #c99a1f;background:linear-gradient(#f6d77a,#e3b62f);color:#3a2a00;border-radius:8px;font:inherit;font-size:13px;font-weight:800;padding:6px 12px;min-height:34px;cursor:pointer;white-space:nowrap}
.hp-member-cell{text-align:left}
/* 社員の一覧 */
.hp-staff{max-width:760px;margin:0 auto}
.hp-staff-list{background:#fff;border-radius:10px;overflow:hidden;border:1px solid #e3e8ee}
.hp-staff-head,.hp-staff-row{display:grid;grid-template-columns:1fr 1.4fr auto;align-items:center;gap:10px;padding:0 18px}
.hp-staff-head{background:#eef2f7;font-size:12px;font-weight:800;color:#40546d;height:38px}
.hp-staff-row{min-height:54px;border-top:1px solid #eef1f5;font-size:14px}
.hp-staff-row b{font-weight:800}
.hp-tel{display:inline-flex;align-items:center;gap:8px;color:#0f7a66;text-decoration:none;font-weight:700}
.hp-call{width:30px;height:30px;border-radius:50%;background:#14a38b;display:inline-flex;align-items:center;justify-content:center;font-size:14px;flex:0 0 30px}
.hp-num.is-none{color:#8a97a8}
.hp-staff-row button{border:0;background:none;color:#2f6fd6;font:inherit;font-size:13px;font-weight:700;padding:6px;min-height:32px;cursor:pointer}
.hp-none{padding:18px;text-align:center;color:#6b7c90;margin:0}
.hp-add{display:block;margin:16px auto 0;border:1px solid #8a97a8;background:#fff;border-radius:8px;font:inherit;font-size:14px;font-weight:800;padding:10px 24px;min-height:42px;cursor:pointer}
.hp-msg{text-align:center;color:#c0392b;font-size:13px;min-height:1em}
/* 登録の窓 */
.hp-form{position:fixed;inset:0;z-index:2147482650;display:flex;align-items:center;justify-content:center;font-family:"Hiragino Sans","Yu Gothic UI","Meiryo",sans-serif;color:#1b2b40}
.hp-form *{box-sizing:border-box}
.hp-dim{position:absolute;inset:0;background:rgba(14,26,44,.55)}
.hp-form-panel{position:relative;background:#fff;border-radius:14px;width:400px;max-width:calc(100% - 32px);padding:20px;display:flex;flex-direction:column;gap:10px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.hp-form-panel>b{font-size:18px}
.hp-form-panel label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:800;color:#5b6b80}
.hp-form-panel input{border:2px solid #c8d2de;border-radius:10px;padding:10px 12px;font:inherit;font-size:16px;font-weight:700;color:#1b2b40}
.hp-form-panel input:focus{outline:0;border-color:#e3b62f}
.hp-form-panel small{font-size:11px;color:#6b7c90}
.hp-form-panel [role=alert]{margin:0;color:#c0392b;font-size:13px;min-height:0}
.hp-form-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hp-form-actions button{border-radius:10px;font:inherit;font-size:15px;font-weight:800;min-height:46px;cursor:pointer;border:1px solid #c8d2de;background:#fff;color:#2b3a4e}
.hp-form-actions button[type=submit]{background:#2c5fd0;border-color:#2c5fd0;color:#fff}
.hp-remove{border:0;background:none;color:#c0392b;font:inherit;font-size:13px;font-weight:700;padding:6px;cursor:pointer}
.hp-form.is-sheet{align-items:flex-end}
.hp-form.is-sheet .hp-form-panel{width:100%;max-width:100%;border-radius:16px 16px 0 0;padding-bottom:calc(20px + env(safe-area-inset-bottom))}
/* ホイール（スマホ）・小さい窓（PC） */
.hp-pick{position:fixed;inset:0;z-index:2147482700;font-family:"Hiragino Sans","Yu Gothic UI","Meiryo",sans-serif;color:#1b2b40}
.hp-pick *{box-sizing:border-box}
.hp-pick button{font:inherit;cursor:pointer}
.hp-pick.is-pop .hp-dim{background:transparent}
.hp-pick.is-who .hp-dim{background:transparent}
.hp-panel{position:absolute;background:#fff}
.hp-pick.is-sheet .hp-panel{left:0;right:0;bottom:0;border-radius:16px 16px 0 0;padding:0 0 calc(14px + env(safe-area-inset-bottom))}
.hp-pick.is-pop .hp-panel{width:260px;border:1px solid #c8d2de;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.18);overflow:hidden}
.hp-panel header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #eef1f5}
.hp-panel header b{font-size:16px}
.hp-panel header button{border:0;background:none;color:#8a97a8;font-weight:800;font-size:15px;padding:4px;min-height:32px}
.hp-panel header [data-ok]{color:#2f6fd6}
.hp-wheel{position:relative}
.hp-pick.is-sheet .hp-wheel{height:220px;overflow:hidden}
.hp-band{display:none}
.hp-pick.is-sheet .hp-band{display:block;position:absolute;left:12px;right:12px;top:88px;height:44px;border-radius:10px;background:#eef3fa;border:1.5px solid #c9d8ee;pointer-events:none}
.hp-pick.is-sheet .hp-list{height:220px;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none}
.hp-pick.is-sheet .hp-list::-webkit-scrollbar{display:none}
.hp-pick.is-pop .hp-list{max-height:300px;overflow:auto}
.hp-pad{display:none}
.hp-pick.is-sheet .hp-pad{display:block;height:88px}
.hp-row{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;text-align:left;font-weight:800;color:#1b2b40;position:relative}
.hp-pick.is-sheet .hp-row{height:44px;padding:0 24px;font-size:16px;scroll-snap-align:center;justify-content:flex-start}
.hp-pick.is-sheet:not(:has(.hp-box)) .hp-row{justify-content:center}
.hp-pick.is-sheet .hp-row.is-mid{font-size:18px}
.hp-pick.is-pop .hp-row{padding:9px 14px;font-size:14px;gap:9px;border-bottom:1px solid #f1f3f6}
.hp-pick.is-pop .hp-row:hover{background:#eef5ff}
.hp-box{width:24px;height:24px;border-radius:6px;border:2px solid #b9c4d1;display:flex;align-items:center;justify-content:center;color:transparent;font-size:15px;font-weight:900;flex:0 0 24px}
.hp-pick.is-pop .hp-box{width:18px;height:18px;flex-basis:18px;font-size:12px}
.hp-row[aria-pressed="true"] .hp-box{background:#2f6fd6;border-color:#2f6fd6;color:#fff}
.hp-panel>p{margin:6px 12px 0;text-align:center;font-size:12px;color:#6b7c90}
.hp-pick.is-pop .hp-panel>p{margin:6px 12px 8px}
/* あなたはどなたですか */
.hp-who{position:fixed;inset:0;z-index:2147482600;background:#0e1a2c;color:#fff;font-family:"Hiragino Sans","Yu Gothic UI","Meiryo",sans-serif;overflow:auto}
.hp-who *{box-sizing:border-box}
.hp-who-in{max-width:520px;margin:0 auto;padding:48px 18px 24px;text-align:center}
.hp-who h2{margin:0 0 8px;font-size:22px;font-weight:800}
.hp-who-in>p{margin:0 0 18px;font-size:13px;color:#a9b8cc;line-height:1.5}
.hp-who .hp-gold{font-size:17px;padding:10px 22px;min-height:50px;border-radius:12px}
.hp-who-list{display:flex;flex-direction:column;gap:10px;text-align:left}
.hp-who-list button{display:flex;align-items:center;gap:14px;border:2px solid transparent;background:#fff;color:#1b2b40;border-radius:14px;padding:12px 16px;font:inherit;font-size:18px;font-weight:800;cursor:pointer;min-height:64px}
.hp-who-list button:hover{border-color:#e3b62f}
.hp-avatar{width:40px;height:40px;border-radius:50%;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;flex:0 0 40px}
.hp-who-empty,.hp-who-wait{font-size:15px;line-height:1.7;color:#fff}
.hp-who-in>.hp-who-note{margin:18px 0 0}
.hp-who-close{margin-top:22px;border:1px solid #4a5d78;background:none;color:#c9d6e6;border-radius:10px;font:inherit;font-size:14px;font-weight:700;padding:8px 22px;min-height:40px;cursor:pointer}
/* スマホの会社の画面：表を縦に（名前・工期・担当・メンバー） */
@media (max-width:640px){
 .hp-seg button{padding:9px 28px}
 .hp-staff-head{display:none}
 .hp-staff-row{grid-template-columns:1fr auto;grid-template-areas:"name edit" "tel edit";padding:10px 14px;row-gap:4px}
 .hp-staff-row b{grid-area:name;font-size:15px}
 .hp-staff-row .hp-tel,.hp-staff-row .hp-num.is-none{grid-area:tel;font-size:13px}
 .hp-staff-row button{grid-area:edit}
 .hp-staff-list{border:0;background:none;display:flex;flex-direction:column;gap:8px}
 .hp-staff-row{background:#fff;border-radius:12px;border-top:0}
}
/* 会社の画面はほかの物を隠すので、登録の窓とホイールは出す */
html.genba-auth-directory body>.hp-form.hp-form.hp-form{display:flex!important}
html.genba-auth-directory body>.hp-pick.hp-pick.hp-pick{display:block!important}
.hp-directory.hp-directory table[hidden],.hp-directory.hp-directory>button[hidden],.hp-directory.hp-directory>form[hidden]{display:none!important}
.hp-directory .hp-staff{width:min(100%,760px);align-self:center}
.hp-pick.is-pop .hp-panel{width:300px}
.hp-panel header b{font-size:14px;flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 6px}
.hp-pick.is-sheet .hp-panel header b{font-size:16px}
/* スマホの会社の画面：現場の表は1現場1枚のカード（名前・工期・担当・メンバー） */
@media (max-width:640px){
 .hp-directory.hp-directory .genba-auth-site-list{display:block!important;width:100%;table-layout:auto}
 .hp-directory .genba-auth-site-list thead{display:none}
 .hp-directory .genba-auth-site-list tbody{display:flex;flex-direction:column;gap:8px}
 .hp-directory .genba-auth-site-list tbody tr{display:grid!important;grid-template-columns:1fr auto;grid-template-areas:"name member" "period member" "manager member";background:#fff;border-radius:12px;padding:10px 14px;column-gap:10px;align-items:center}
 .hp-directory .genba-auth-site-list td{height:auto!important;padding:0!important;border:0!important;text-align:left;font-size:13px!important;color:#5b6b80}
 .hp-directory .genba-auth-site-list td[data-label="現場ID"]{display:none}
 .hp-directory .genba-auth-site-list td[data-label="現場名"]{grid-area:name;font-size:15px!important;font-weight:800;color:#1b2b40}
 .hp-directory .genba-auth-site-list td[data-label="工期"]{grid-area:period}
 .hp-directory .genba-auth-site-list td[data-label="現場担当者"]{grid-area:manager}
 .hp-directory .genba-auth-site-list td.hp-member-cell{grid-area:member}
}
.hp-directory .hp-gold.hp-gold{border:1.5px solid #c99a1f!important;background:linear-gradient(#f6d77a,#e3b62f)!important;color:#3a2a00!important;border-radius:8px!important;font-size:13px!important;font-weight:800!important;padding:6px 12px!important;min-height:34px!important;box-shadow:none!important}
.hp-directory.hp-directory>*{flex-shrink:0}
/* 会社の画面の「＋ 現場を登録」：現場名と現場担当者（社員からプルダウン）だけ */
.hp-directory .hp-site-form{display:flex!important;flex-direction:column;gap:10px;background:#fff;border-radius:14px;border:1px solid #e3e8ee;padding:18px;width:min(100%,420px);box-sizing:border-box;align-self:center;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.hp-directory .hp-site-form>b{font-size:17px;font-weight:800;color:#1b2b40}
.hp-directory .hp-site-form label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:800;color:#5b6b80;text-align:left}
.hp-directory .hp-site-form input,.hp-directory .hp-site-form select{border:2px solid #c8d2de;border-radius:10px;padding:10px 12px;font:inherit;font-size:16px;font-weight:700;color:#1b2b40;background:#fff;width:100%;box-sizing:border-box;min-height:46px}
.hp-directory .hp-site-form input:focus,.hp-directory .hp-site-form select:focus{outline:0;border-color:#e3b62f}
.hp-directory .hp-site-form [role=alert]{margin:0;color:#c0392b;font-size:13px}
.hp-directory .hp-site-form .hp-form-actions button{border-radius:10px;font-size:15px;font-weight:800;min-height:46px;border:1px solid #c8d2de;background:#fff;color:#2b3a4e;width:100%}
.hp-directory .hp-site-form .hp-form-actions button[type=submit]{background:#2c5fd0;border-color:#2c5fd0;color:#fff}
.hp-directory.hp-directory .hp-site-form + button{display:none!important}
/* 2026-10-26 ☰ の現場一覧：会社の画面と同じ明るい見た目・「現場｜社員」・登録は現場名と担当者だけ */
#desktopSiteMenu.hp-menu .site-portal{background:#f1f5f9!important;color:#1b2b40!important;font-family:"Hiragino Sans","Yu Gothic UI","Meiryo",sans-serif}
#desktopSiteMenu.hp-menu .site-portal-sidebar{display:none!important}
#desktopSiteMenu.hp-menu .site-portal-main{background:#f1f5f9!important;color:#1b2b40!important}
#desktopSiteMenu.hp-menu .site-portal-tabs{background:transparent!important;border:0!important}
#desktopSiteMenu.hp-menu #closeSiteMenu{background:#fff!important;color:#40546d!important;border:1.5px solid #c8d2de!important;border-radius:9px!important;font-weight:800!important;box-shadow:none!important}
#desktopSiteMenu.hp-menu .site-portal-header{background:transparent!important;border:0!important;color:#1b2b40!important;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#desktopSiteMenu.hp-menu .site-portal-header span{display:none!important}
#desktopSiteMenu.hp-menu .site-portal-header h1{color:#1b2b40!important;font-size:22px!important;font-weight:800!important;margin:0!important;text-shadow:none!important}
#desktopSiteMenu.hp-menu .site-portal-lead,#desktopSiteMenu.hp-menu .site-portal-status{color:#5b6b80!important}
#desktopSiteMenu.hp-menu .site-header-actions{margin-left:auto;display:flex;gap:8px}
#desktopSiteMenu.hp-menu .site-header-actions button{background:#fff!important;color:#1b2b40!important;border:1.5px solid #9fb0c4!important;border-radius:9px!important;font-weight:800!important;box-shadow:none!important;text-shadow:none!important}
#desktopSiteMenu.hp-menu .hp-seg{margin:4px 0 14px}
#desktopSiteMenu.hp-menu .site-table-wrap{background:#fff!important;border:1px solid #e3e8ee!important;border-radius:12px!important;box-shadow:none!important}
#desktopSiteMenu.hp-menu .site-table{background:#fff!important;color:#1b2b40!important}
#desktopSiteMenu.hp-menu .site-table th{background:#e9eef4!important;color:#40546d!important;border-color:#e3e8ee!important;text-shadow:none!important}
#desktopSiteMenu.hp-menu .site-table td{background:#fff!important;color:#1b2b40!important;border-color:#eef1f5!important;text-shadow:none!important}
#desktopSiteMenu.hp-menu .site-table tr.is-current td{background:#fff4d1!important}
#desktopSiteMenu.hp-menu .site-table tr[data-site-id]:hover td{background:#eef5ff!important}
#desktopSiteMenu.hp-menu .site-table tr{box-shadow:none!important;outline:0!important}
#desktopSiteMenu.hp-menu .hp-member-cell{text-align:left}
#desktopSiteMenu.hp-menu .hp-gold.hp-member{border:1.5px solid #c99a1f!important;background:linear-gradient(#f6d77a,#e3b62f)!important;color:#3a2a00!important;border-radius:8px!important;font-size:13px!important;font-weight:800!important;padding:5px 10px!important;min-height:32px!important}
#desktopSiteMenu.hp-menu .hp-staff{max-width:none}
/* 登録：工期とステータスは出さない */
#desktopSiteMenu.hp-menu .site-setting-row:has(#newSiteStart),#desktopSiteMenu.hp-menu .site-setting-row:has(#newSiteStatus){display:none!important}
#desktopSiteMenu.hp-menu .site-settings-form{background:#fff!important;border:1px solid #e3e8ee!important;border-radius:12px!important;color:#1b2b40!important;box-shadow:none!important}
#desktopSiteMenu.hp-menu .site-setting-row{border-color:#eef1f5!important;background:#fff!important}
#desktopSiteMenu.hp-menu .site-setting-row>span,#desktopSiteMenu.hp-menu .site-setting-row>label{background:#f6f8fb!important;color:#40546d!important;text-shadow:none!important}
#desktopSiteMenu.hp-menu .site-setting-row input,#desktopSiteMenu.hp-menu .site-setting-row select{background:#fff!important;color:#1b2b40!important;border:2px solid #c8d2de!important;border-radius:10px!important;font-size:16px!important;font-weight:700!important;min-height:44px}
#desktopSiteMenu.hp-menu #newSiteId{color:#5b6b80!important}
#desktopSiteMenu.hp-menu #siteSubmitButton{background:#2c5fd0!important;color:#fff!important;border:0!important;border-radius:10px!important;font-weight:800!important;box-shadow:none!important}
#desktopSiteMenu.hp-menu .site-settings-actions small{color:#5b6b80!important}
#desktopSiteMenu.hp-menu .hp-back{border:0;background:none;color:#2f6fd6;font-weight:800;font-size:14px;cursor:pointer;padding:0;min-height:0;flex-basis:100%;text-align:left}
#desktopSiteMenu.hp-menu .site-portal{grid-template-columns:minmax(0,1fr)!important}
#desktopSiteMenu.hp-menu .site-portal-main{grid-column:1/-1!important;padding:16px 24px 30px!important}
#desktopSiteMenu.hp-menu .site-portal-view{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;padding:0!important}
#desktopSiteMenu.hp-menu .site-portal-view::before,#desktopSiteMenu.hp-menu .site-portal-view::after{display:none!important}
#desktopSiteMenu.hp-menu .hp-staff-row b{color:#1b2b40!important}
#desktopSiteMenu.hp-menu .hp-staff-head{color:#40546d!important}
#desktopSiteMenu.hp-menu .site-table th:first-child,#desktopSiteMenu.hp-menu .site-table td.site-id-cell{display:none!important}
/* スマホ：1現場1枚のカード（名前・工期・担当・メンバー） */
body.genba-phone #desktopSiteMenu.hp-menu .site-table-wrap{background:none!important;border:0!important;overflow:visible!important}
body.genba-phone #desktopSiteMenu.hp-menu .site-table,body.genba-phone #desktopSiteMenu.hp-menu .site-table tbody{display:block!important;width:100%!important;background:none!important}
body.genba-phone #desktopSiteMenu.hp-menu .site-table thead{display:none!important}
body.genba-phone #desktopSiteMenu.hp-menu .site-table tbody{display:flex!important;flex-direction:column;gap:8px}
body.genba-phone #desktopSiteMenu.hp-menu .site-table tr[data-site-id]{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name member" "period member" "manager member";background:#fff!important;border:1px solid #e3e8ee!important;border-radius:12px;padding:10px 14px;column-gap:10px;align-items:center}
body.genba-phone #desktopSiteMenu.hp-menu .site-table tr.is-current{background:#fff4d1!important;border-color:#e3b62f!important}
body.genba-phone #desktopSiteMenu.hp-menu .site-table td{display:block!important;background:none!important;border:0!important;padding:0!important;font-size:13px!important;color:#5b6b80!important;height:auto!important;text-align:left!important}
body.genba-phone #desktopSiteMenu.hp-menu .site-table td.site-name-cell{grid-area:name;font-size:15px!important;font-weight:800!important;color:#1b2b40!important}
body.genba-phone #desktopSiteMenu.hp-menu .site-table td[data-label="工期"]{grid-area:period}
body.genba-phone #desktopSiteMenu.hp-menu .site-table td[data-label="現場担当者"]{grid-area:manager}
body.genba-phone #desktopSiteMenu.hp-menu .site-table td.hp-member-cell{grid-area:member}
body.genba-phone #desktopSiteMenu.hp-menu .site-portal-main{padding:12px 12px 16px!important}
body.genba-phone #desktopSiteMenu.hp-menu .site-table tr[data-site-id]{min-height:0!important;height:auto!important;row-gap:2px!important;grid-template-rows:auto auto auto!important}body.genba-phone #desktopSiteMenu.hp-menu .site-table td{line-height:1.45!important;min-height:0!important}
/* 2026-10-26 ☰ 現場一覧のポップアップ：閉じるは右上の同じ段、高さは中身に合わせる。スマホは左に切れない・下の段も明るく */
body:not(.genba-phone) #desktopSiteMenu.hp-menu{height:auto!important;max-height:calc(100vh - 80px)!important;overflow:auto!important}
body:not(.genba-phone) #desktopSiteMenu.hp-menu .site-portal{min-height:0!important;height:auto!important}
body:not(.genba-phone) #desktopSiteMenu.hp-menu .site-portal-main{position:relative}
body:not(.genba-phone) #desktopSiteMenu.hp-menu .site-portal-tabs{position:absolute!important;top:18px;right:24px;padding:0!important;margin:0!important;z-index:2;height:auto!important}
body:not(.genba-phone) #desktopSiteMenu.hp-menu .site-portal-header{padding-right:120px!important;margin-top:4px!important}
body.genba-phone #desktopSiteMenu.hp-menu{left:0!important;right:0!important;width:100%!important;max-width:100%!important}
body.genba-phone #desktopSiteMenu.hp-menu .site-portal-tabs{background:#f1f5f9!important;border-top:1px solid #dfe5ec!important;box-shadow:none!important;height:auto!important;padding:10px 12px!important}
body.genba-phone #desktopSiteMenu.hp-menu .site-portal-tabs #openSettings{background:#fff!important;color:#40546d!important;border:1.5px solid #c8d2de!important;box-shadow:none!important}
#desktopSiteMenu.hp-menu{background:#f1f5f9!important;border:1px solid #c8d2de!important}
#desktopSiteMenu.hp-menu>span{display:inline-block;margin:0 10px 18px 24px;color:#5b6b80;font-size:13px;font-weight:700}
#desktopSiteMenu.hp-menu>.genba-auth-menu-logout{display:inline-block!important;width:auto!important;margin:0 0 18px!important;padding:6px 14px!important;background:#fff!important;color:#40546d!important;border:1.5px solid #c8d2de!important;border-radius:8px!important;font-size:13px!important;font-weight:800!important;min-height:0!important}
body.genba-phone #desktopSiteMenu.hp-menu>span,body.genba-phone #desktopSiteMenu.hp-menu>.genba-auth-menu-logout{margin-left:12px!important}
/* 2026-10-26 仁見さん：会社の画面も、弊社の管理画面と同じ形・同じ色（Hakobu+ の近未来の青）。上の Hakobu+・会社名・現場｜社員はそのまま */
.genba-auth-directory-screen.hp-directory{background:radial-gradient(1200px 600px at 20% -10%,#17305a 0%,transparent 60%),linear-gradient(160deg,#0b1628,#121a33 60%,#160f2b)!important;color:#e7eef8!important}
.hp-directory h1{color:#fff!important;text-shadow:0 0 12px rgba(79,216,238,.35)}
.hp-directory .hp-company{color:#8fb3d3!important}
.hp-directory .hp-seg{background:#0b1424!important;border-color:#2c6f86!important}
.hp-directory .hp-seg button{background:#0b1424!important;color:#c9d6e6!important}
.hp-directory .hp-seg button[aria-pressed="true"]{background:rgba(227,182,47,.16)!important;color:#f6d77a!important;box-shadow:inset 0 -2px 0 #e3b62f}
/* 現場の表 */
.hp-directory.hp-directory .genba-auth-site-list{width:min(100%,1100px)!important;border-collapse:separate!important;border-spacing:0;background:rgba(11,20,36,.92)!important;border:1px solid rgba(79,216,238,.45)!important;border-radius:14px!important;overflow:hidden;box-shadow:0 0 24px rgba(79,216,238,.10),0 10px 30px rgba(0,0,0,.35)!important;table-layout:fixed}
.hp-directory .genba-auth-site-list thead th{background:#0f1d33!important;color:#8fb3d3!important;font-size:12px!important;font-weight:800!important;height:40px;border-bottom:1px solid #1e3352!important;text-align:center!important;padding:0 8px!important}
.hp-directory .genba-auth-site-list thead th:nth-child(1){width:80px}
.hp-directory .genba-auth-site-list thead th:nth-child(2){width:300px;text-align:left!important}
.hp-directory .genba-auth-site-list thead th:nth-child(3){width:210px}
.hp-directory .genba-auth-site-list thead th:nth-child(4){width:140px}
.hp-directory .genba-auth-site-list td{background:transparent!important;color:#e7eef8!important;border-top:1px solid #1e3352!important;font-size:14px!important;height:54px!important;text-align:center!important;padding:0 8px!important}
.hp-directory .genba-auth-site-list td[data-label="現場名"]{text-align:left!important;font-weight:800!important;color:#fff!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hp-directory .genba-auth-site-list tbody tr:hover td{background:rgba(79,216,238,.06)!important}
.hp-directory .genba-auth-site-list td.hp-member-cell{text-align:left!important;white-space:nowrap}
.hp-directory .hp-gold.hp-gold{margin-right:6px}
.hp-open{border:1px solid #4f8ff0!important;background:linear-gradient(#2f6fd6,#1f4fb0)!important;color:#fff!important;border-radius:8px!important;font-size:13px!important;font-weight:800!important;padding:5px 12px!important;min-height:34px!important;min-width:0!important;cursor:pointer}
.hp-open i{font-style:normal;margin-left:6px}
/* ＋ 現場を登録（金）・登録の窓・社員・下の段 */
.hp-directory>button:not(.hp-open){background:linear-gradient(#f6d77a,#e3b62f)!important;border:1.5px solid #c99a1f!important;color:#3a2a00!important;border-radius:9px!important;font-weight:800!important;font-size:14px!important}
.hp-directory .hp-site-form{background:#0f1a2e!important;border:1px solid rgba(79,216,238,.45)!important;color:#e7eef8!important}
.hp-directory .hp-site-form>b{color:#fff!important}
.hp-directory .hp-site-form label{color:#8fb3d3!important}
.hp-directory .hp-site-form input,.hp-directory .hp-site-form select{background:#0b1424!important;color:#fff!important;border:1px solid #2c6f86!important}
.hp-directory .hp-site-form .hp-form-actions button{background:#0b1424!important;border:1px solid #2c6f86!important;color:#e7eef8!important}
.hp-directory .hp-site-form .hp-form-actions button[type=submit]{background:linear-gradient(#2f6fd6,#1f4fb0)!important;border-color:#4f8ff0!important}
.hp-directory .hp-staff-list{background:rgba(11,20,36,.92)!important;border:1px solid rgba(79,216,238,.45)!important;border-radius:14px!important}
.hp-directory .hp-staff-head{background:#0f1d33!important;color:#8fb3d3!important}
.hp-directory .hp-staff-row{border-top:1px solid #1e3352!important;background:transparent!important}
.hp-directory .hp-staff-row b{color:#fff!important}
.hp-directory .hp-tel{color:#7fe3f4!important}
.hp-directory .hp-staff-row button{background:#0b1424!important;border:1px solid #2c6f86!important;border-radius:8px!important;color:#e7eef8!important;padding:4px 12px!important}
.hp-directory .hp-add{background:linear-gradient(#f6d77a,#e3b62f)!important;border:1.5px solid #c99a1f!important;color:#3a2a00!important}
.hp-directory .hp-none{color:#8fa3bd!important}
.hp-directory footer span{color:#8fb3d3!important}
.hp-directory footer button{background:#0b1424!important;border:1px solid #2c6f86!important;color:#e7eef8!important;border-radius:8px!important}
.hp-directory .hp-staff{width:min(100%,1100px)!important}
.hp-directory .genba-auth-site-list td[colspan]{color:#8fa3bd!important}
@media (max-width:640px){.hp-directory .genba-auth-site-list tbody tr[data-site-id],.hp-directory .genba-auth-site-list tbody tr{background:rgba(11,20,36,.92)!important;border:1px solid rgba(79,216,238,.35)!important}.hp-directory.hp-directory .genba-auth-site-list{background:none!important;border:0!important;box-shadow:none!important}.hp-directory .hp-staff-list{background:none!important;border:0!important}.hp-directory .hp-staff-row{background:rgba(11,20,36,.92)!important;border:1px solid rgba(79,216,238,.35)!important}}
/* 2026-10-26 仁見さん：工期は一旦出さない（現場ID・現場名・現場担当者）。お客さんの画面に「管理画面に戻る」は出さない */
.hp-directory .genba-auth-site-list th:nth-child(3),.hp-directory .genba-auth-site-list td[data-label="工期"]{display:none!important}
.hp-directory .genba-auth-site-list thead th:nth-child(4){width:200px}
#desktopSiteMenu.hp-menu .site-table th:nth-child(3),#desktopSiteMenu.hp-menu .site-table td[data-label="工期"]{display:none!important}
@media (max-width:640px){
 .hp-directory .genba-auth-site-list td[data-label="現場名"]{white-space:normal!important;overflow:visible!important}
 .hp-directory .genba-auth-site-list tbody tr{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"name name" "manager member"!important;row-gap:8px!important}
}
body.genba-phone #desktopSiteMenu.hp-menu .site-table tr[data-site-id]{grid-template-areas:"name name" "manager member"!important;row-gap:6px!important}
body.genba-phone #desktopSiteMenu.hp-menu .site-table td.site-name-cell{white-space:normal!important}
.hp-directory .genba-auth-site-list thead th.hp-member-th{text-align:left!important;padding-left:14px!important}
.hp-directory .genba-auth-site-list td.hp-member-cell{padding-left:14px!important}
@media (max-width:640px){.hp-directory .genba-auth-site-list td{border-top:0!important}}

/* 2026-10-26 ☰ をやめ、現場名から会社の画面へ。PC・iPad は左下の現場名の箱、スマホは右下の「⇄ 現場」 */
html body:not(.genba-phone) #desktopSiteMenuToggle{display:none!important}
#openDesktopSiteList[data-hp-switch]{border:1.5px solid #4fd8ee!important;box-shadow:0 0 12px rgba(79,216,238,.45)!important}
#openDesktopSiteList[data-hp-switch] small{display:flex!important;justify-content:space-between;align-items:center;color:#7fe3f4!important}
#openDesktopSiteList .hp-switch-mark{color:#4fd8ee;font-size:15px;margin-left:6px}
#openDesktopSiteList[data-hp-switch]:hover{background:rgba(79,216,238,.10)!important}
html body.genba-phone #desktopSiteMenuToggle#desktopSiteMenuToggle#desktopSiteMenuToggle#desktopSiteMenuToggle.hp-site-switch{flex-direction:column!important;gap:1px!important;font-size:12px!important;line-height:1.1!important;font-weight:900!important;color:#bfefff!important;white-space:nowrap!important;box-shadow:0 0 12px rgba(79,216,238,.45)!important}
html body.genba-phone #desktopSiteMenuToggle.hp-site-switch .hp-sw-a{font-size:16px;line-height:1;color:#4fd8ee}
html body.genba-phone #desktopSiteMenuToggle.hp-site-switch .hp-sw-b{font-size:12px;line-height:1}
html body:not(.genba-phone) #desktopSiteMenuToggle#desktopSiteMenuToggle#desktopSiteMenuToggle.hp-site-switch{display:none!important}

/* 2026-10-26 仁見さん：会社の画面の表は左揃え（現場ID・現場名・現場担当者）。「開く」はメンバーより左。メンバーは名前を並べる（多くても「開く」は動かない） */
.hp-directory .genba-auth-site-list thead th{text-align:left!important}
.hp-directory .genba-auth-site-list td{text-align:left!important}
.hp-directory .genba-auth-site-list thead th:nth-child(1){width:70px!important;padding-left:18px!important}
.hp-directory .genba-auth-site-list td[data-label="現場ID"]{padding-left:18px!important;color:#8fb3d3!important}
.hp-directory .genba-auth-site-list thead th:nth-child(2){width:280px!important}
.hp-directory .genba-auth-site-list thead th:nth-child(4){width:150px!important}
.hp-directory .genba-auth-site-list thead th.hp-open-th{width:96px!important}
.hp-directory .genba-auth-site-list tbody tr.hp-no-row-open,.hp-directory .genba-auth-site-list tbody tr.hp-no-row-open td{cursor:default!important}
.hp-directory .genba-auth-site-list td.hp-member-cell{white-space:normal!important;padding-top:10px!important;padding-bottom:10px!important}
.hp-directory .hp-member-cell{display:table-cell}
.hp-directory .hp-member-cell .hp-member{vertical-align:middle}
.hp-directory .hp-names{display:inline-flex;flex-wrap:wrap;gap:6px;vertical-align:middle;max-width:100%}
.hp-directory .hp-names span{display:inline-block;padding:3px 10px;border-radius:999px;background:rgba(79,216,238,.12);border:1px solid rgba(79,216,238,.4);color:#cfeff8;font-size:12px;font-weight:700;line-height:18px}
@media (max-width:640px){
 .hp-directory .genba-auth-site-list tbody tr{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"name open" "manager open" "member member"!important;row-gap:8px!important}
 .hp-directory .genba-auth-site-list td.hp-open-cell{grid-area:open;align-self:center}
 .hp-directory .genba-auth-site-list td.hp-member-cell{padding:0!important}
}
@media (max-width:640px){.hp-directory.hp-directory .genba-auth-site-list td{height:auto!important;min-height:0!important}}

/* 2026-10-26 現場の編集・削除（削除は2段階） */
.hp-directory .genba-auth-site-list thead th.hp-open-th{width:170px!important}
.hp-directory .genba-auth-site-list td.hp-open-cell{white-space:nowrap}
.hp-edit{margin-left:6px;border:1px solid #2c6f86!important;background:#0b1424!important;color:#e7eef8!important;border-radius:8px!important;font-size:13px!important;font-weight:800!important;padding:5px 12px!important;min-height:34px!important;cursor:pointer}
.hp-site-edit .hp-form-panel select{border:2px solid #c8d2de;border-radius:10px;padding:10px 12px;font:inherit;font-size:16px;font-weight:700;color:#1b2b40;background:#fff;min-height:46px}
.hp-site-edit .hp-remove{align-self:center;margin-top:4px}
.hp-site-edit .hp-confirm{border:2px solid #f0b5ad;background:#fff4f2;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px}
.hp-site-edit .hp-confirm[hidden]{display:none}
.hp-site-edit .hp-confirm p{margin:0;font-size:15px;font-weight:800;color:#8a2318;text-align:center;line-height:1.5}
.hp-site-edit .hp-confirm small{font-size:12px;font-weight:700;color:#8a5a52}
.hp-site-edit .hp-danger{background:#c0392b!important;border-color:#c0392b!important;color:#fff!important}
@media (max-width:640px){.hp-directory .genba-auth-site-list td.hp-open-cell{display:flex!important;flex-direction:column;gap:6px;align-items:stretch}.hp-edit{margin-left:0}}

/* 2026-10-26 仁見さん：PC・iPad はマイクを一旦出さない（朝礼・QR・印刷がその場所へ）。現場名の下に開いている人の名前 */
html body:not(.genba-phone) .genba-voice-main.genba-voice-main.genba-voice-main.genba-voice-main.genba-voice-main.genba-voice-main.genba-voice-main.genba-voice-main{display:none!important}
html body.genba-touch:not(.genba-phone):not(.genba-compact-alert) #morningCard#morningCard#morningCard#morningCard{grid-template-rows:44px!important;height:44px!important;min-height:44px!important}
html body.genba-touch:not(.genba-phone) #morningCard#morningCard#morningCard#morningCard>*{grid-row:1!important}
#openDesktopSiteList .hp-me{display:block;font-style:normal;font-size:12px;font-weight:800;color:#f6d77a;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#openDesktopSiteList .hp-me.is-none{color:#ff9b8f}
#openDesktopSiteList[data-hp-switch]{flex-wrap:wrap!important;height:auto!important;min-height:51px!important}

/* 2026-10-26 現場のステータス（稼働中・停止中）。弊社の管理画面と同じ形 */
.hp-directory .genba-auth-site-list thead th.hp-status-th{width:110px!important}
.hp-st{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}
.hp-st::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.hp-st.is-on{color:#3ddc84;background:rgba(61,220,132,.12);border:1px solid rgba(61,220,132,.45)}
.hp-st.is-off{color:#ff9b8f;background:rgba(255,120,100,.10);border:1px solid rgba(255,120,100,.45)}
.hp-directory .genba-auth-site-list tbody tr.is-off td[data-label="現場名"]{color:#9fb0c6!important}
@media (max-width:640px){
 .hp-directory .genba-auth-site-list tbody tr{grid-template-areas:"name open" "manager open" "status open" "member member"!important}
 .hp-directory .genba-auth-site-list td.hp-status-cell{grid-area:status}
}

/* 2026-10-26 仁見さん：「現場を切り替える ⇄」の字はいらない（現場名の箱を押すと会社の画面へ移るのはそのまま） */
#openDesktopSiteList[data-hp-switch] small{display:none!important}

/* 2026-10-26 仁見さん：PC・iPad は予定の窓の作業内容・メモのマイクを出さない（開いたら打った方が早い） */
html body:not(.genba-phone) #taskDialog #taskSpeech,html body:not(.genba-phone) #taskDialog #taskNoteSpeech{display:none!important}
html body:not(.genba-phone) #taskDialog :has(> #taskSpeech),html body:not(.genba-phone) #taskDialog :has(> #taskNoteSpeech){grid-template-columns:minmax(0,1fr)!important;display:grid!important}
html body:not(.genba-phone) #taskDialog :has(> #taskSpeech)>:not(#taskSpeech),html body:not(.genba-phone) #taskDialog :has(> #taskNoteSpeech)>:not(#taskNoteSpeech){width:100%!important;max-width:none!important}
/* 2026-10-26 仁見さん：PC・iPad のゴミ箱の下のお問い合わせ先は、薄い灰色で目立たせない */
html body .desktop-contact,html body .desktop-contact span{color:#7d8a9c!important;font-weight:500!important;text-shadow:none!important}
html body .desktop-contact span:first-child{white-space:nowrap!important;font-size:11px!important;letter-spacing:0!important}


/* 2026-10-26 仁見さん：対応の帯は3段階 */
/* 今日が期限：今までの光り方（黄色く光る・大きめ） */
html body #calendarWideAlert .wide-alert-events>button.is-due-today,html body #calendarGlobalAlert .compact-alert-event.is-due-today{font-size:20px!important;text-shadow:0 0 8px #ffe066;animation:genba-alert-text-yellow 1.5s ease-in-out infinite alternate!important}
html body.genba-phone #calendarGlobalAlert .compact-alert-event.is-due-today{font-size:12px!important}
/* 期限切れ：赤い地で、字が白と黄色で点滅（大げさに） */
@keyframes hp-overdue-blink{0%,49%{color:#fff;box-shadow:0 0 6px rgba(255,40,40,.8)}50%,100%{color:#ffe14d;box-shadow:0 0 16px rgba(255,40,40,1)}}
html body #calendarWideAlert .wide-alert-events>button.is-overdue,html body #calendarGlobalAlert .compact-alert-event.is-overdue{background:#d0021b!important;color:#fff!important;border-radius:6px!important;padding:0 10px!important;text-shadow:none!important;font-weight:900!important;animation:hp-overdue-blink 1s linear infinite!important}
html body #calendarGlobalAlert .compact-alert-event.is-overdue{display:inline-block!important;max-width:100%}
/* 先の物・期限なし：光らせない */
html body #calendarWideAlert .wide-alert-events>button:not(.is-overdue):not(.is-due-today),html body #calendarGlobalAlert .compact-alert-event:not(.is-overdue):not(.is-due-today){animation:none!important;text-shadow:none!important}
/* 社員の一覧の電話番号も、縦に大きく押しやすく */
.hp-tel{display:inline-flex!important;align-items:center;min-height:40px}
html body.genba-phone #calendarGlobalAlert .compact-alert-event.is-overdue{line-height:20px!important;margin-top:2px!important;vertical-align:middle}

/* 2026-10-26 社員の一覧の「現場を開く ▾」（その人がメンバーの現場だけ） */
.hp-staff-head.has-open,.hp-staff-row.has-open{grid-template-columns:1fr 1.2fr 1.3fr auto!important}
.hp-directory .hp-open-as{min-height:38px;max-width:100%;border-radius:8px;border:1px solid #4f8ff0;background:linear-gradient(#2f6fd6,#1f4fb0);color:#fff;font-weight:800;font-size:14px;padding:0 10px;cursor:pointer}
.hp-directory .hp-open-as option{background:#fff;color:#1b2b40}
.hp-directory .hp-open-none{font-size:12px;color:#8fa3bd}
.hp-directory .genba-auth-site-list thead th.hp-open-th{width:90px!important}
@media (max-width:640px){.hp-staff-row.has-open{grid-template-columns:1fr auto!important;grid-template-areas:"name edit" "tel edit" "open open"!important}.hp-staff-row.has-open .hp-open-as,.hp-staff-row.has-open .hp-open-none{grid-area:open;width:100%}}

/* 2026-10-27 仁見さん：スマホの右下「⇄ 現場」は、左の「横画面」と同じ楕円（高さ44・丸み22）。右の角で欠けないように */
html body.genba-phone #desktopSiteMenuToggle#desktopSiteMenuToggle#desktopSiteMenuToggle#desktopSiteMenuToggle#desktopSiteMenuToggle.hp-site-switch{flex-direction:row!important;gap:4px!important;width:84px!important;min-width:84px!important;max-width:84px!important;height:44px!important;min-height:44px!important;max-height:44px!important;border-radius:22px!important;padding:0 10px!important;justify-self:end!important;font-size:14px!important;line-height:1!important;box-sizing:border-box!important}
html body.genba-phone #desktopSiteMenuToggle.hp-site-switch .hp-sw-a{font-size:16px!important}
html body.genba-phone #desktopSiteMenuToggle.hp-site-switch .hp-sw-b{font-size:14px!important}

/* 2026-10-27 対応の一覧（「対応（n件）」を押すと出る。✓ で終わり） */
.hp-alert-list{position:fixed;inset:0;z-index:2147482800;font-family:"Hiragino Sans","Yu Gothic UI","Meiryo",sans-serif}
.hp-al-dim{position:absolute;inset:0;background:rgba(5,10,20,.55)}
.hp-al-panel{position:absolute;left:50%;top:70px;transform:translateX(-50%);width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 110px);display:flex;flex-direction:column;background:#0f1d33;border:1px solid #e3b62f;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.45);color:#fff;overflow:hidden}
.hp-alert-list.is-sheet .hp-al-panel{left:0;right:0;top:auto;bottom:0;transform:none;width:auto;max-height:80vh;border-radius:18px 18px 0 0}
.hp-al-panel header{display:flex;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(227,182,47,.35)}
.hp-al-panel header b{font-size:17px;color:#f6d77a;margin-right:auto}
.hp-al-close{width:38px;height:38px;border-radius:50%;border:1px solid rgba(79,216,238,.45);background:#13233d;color:#bfefff;font-size:18px}
.hp-al-body{overflow:auto;padding:8px 10px 14px}
.hp-al-row{display:flex;align-items:center;gap:10px;padding:8px 6px;border-bottom:1px solid rgba(79,216,238,.12)}
.hp-al-done{flex:none;width:44px;height:44px;border-radius:12px;border:2px solid #4fd8ee;background:transparent;color:#4fd8ee;font-size:22px;font-weight:900}
.hp-al-done:active{background:#4fd8ee;color:#0b1424}
.hp-al-go{flex:1;min-width:0;text-align:left;border:0;background:transparent;color:#e7eef8;font-size:15px;font-weight:700;line-height:1.4;padding:4px 0;display:flex;align-items:center;gap:8px}
.hp-al-tag{flex:none;font-size:11px;font-weight:900;border-radius:6px;padding:2px 7px;background:#2b3a52;color:#c9d6e6}
.hp-al-row.is-overdue .hp-al-tag{background:#d0021b;color:#fff}
.hp-al-row.is-due-today .hp-al-tag{background:#e3b62f;color:#3a2a00}
.hp-al-row.is-overdue .hp-al-go{color:#ffd1d1}
.hp-al-none{color:#8fb3d3;text-align:center;padding:20px 0}
#calendarWideAlert .wide-alert-open{cursor:pointer;text-decoration:underline;text-underline-offset:3px}

/* 2026-10-27 左下：名前の右に「（ログアウト）」（小さめ・少し離す。押す所は別） */
#openDesktopSiteList .hp-me{display:flex!important;align-items:center;gap:6px;white-space:nowrap}
#openDesktopSiteList .hp-me-name{overflow:hidden;text-overflow:ellipsis;min-width:0}
#openDesktopSiteList .hp-logout{flex:none;margin-left:auto;border:0;background:transparent;color:#8fb3d3;font-size:11px;font-weight:700;padding:6px 2px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
#openDesktopSiteList .hp-logout:hover{color:#fff}
#openDesktopSiteList .hp-logout[hidden]{display:none}
#openDesktopSiteList .hp-me{flex-wrap:wrap!important;row-gap:0}
#openDesktopSiteList .hp-me-name{flex:1 1 auto;min-width:72px}
#openDesktopSiteList .hp-logout{padding:3px 0!important}

/* 2026-10-27 会社の画面：最初は社員。☰ で現場の一覧 */
.hp-directory.hp-staff-first .hp-seg{display:none!important}
.hp-directory .hp-site-menu-btn{align-self:center;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:10px;border:1px solid rgba(79,216,238,.55)!important;background:#0b1424!important;color:#bfefff!important;font-size:14px!important;font-weight:800!important;cursor:pointer;margin:4px 0 6px}
.hp-directory .hp-site-menu-btn span{font-size:18px;line-height:1}
.hp-directory.hp-sites-open .hp-site-menu-btn{border-color:#e3b62f!important;color:#f6d77a!important}

/* 2026-10-27 スマホ：下のタブは5つ。ツールは2段目の「⇄ 現場」の左の楕円 */
body.hakobu-phone-tools-pill #globalNavigation.global-navigation{grid-template-columns:repeat(5,minmax(0,1fr))!important}
body.hakobu-phone-tools-pill #globalNavigation [data-nav-label="ツール"]{display:none!important}
#phoneToolsPill{border:1px solid #5dd7ef;background:#0b1424;color:#fff;cursor:pointer}
#phoneToolsPill.is-active{border-color:#4fd8ee;background:#123049;box-shadow:0 0 10px rgba(79,216,238,.6);color:#bff4ff}
#phoneToolsPill svg{flex:none}

/* 2026-10-27 スマホ：右下は「その他」（ツール・ログアウト）。横画面は朝礼・フォルダだけ、マイクはカレンダーだけ */
html body.genba-phone.hk-hide-mic:not(.genba-phone-app-landscape) button.genba-voice-main.genba-voice-main.genba-voice-main.genba-voice-main.genba-voice-main.genba-voice-main{display:none!important}
html body.genba-phone.hk-hide-orient:not(.genba-phone-app-landscape) button#phoneAppOrientation#phoneAppOrientation#phoneAppOrientation#phoneAppOrientation{display:none!important}
.hk-more-menu{position:fixed;z-index:2147482000;min-width:180px;display:flex;flex-direction:column;background:#0f1d33;border:1.5px solid #4fd8ee;border-radius:14px;box-shadow:0 10px 28px rgba(0,0,0,.5);overflow:hidden;font-family:"Hiragino Sans","Yu Gothic UI","Meiryo",sans-serif}
.hk-more-menu button{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 18px;border:0;background:transparent;color:#fff;font-size:16px;font-weight:800;text-align:left}
.hk-more-menu button+button{border-top:1px solid rgba(79,216,238,.25)}
.hk-more-menu button svg{color:#4fd8ee;flex:none}
.hk-more-menu button:active{background:rgba(79,216,238,.18)}

/* 2026-10-27 仁見さん：対応の帯の色は4つ。背景を赤にするのはやめる */
@keyframes hp-red-glow{0%{text-shadow:0 0 3px rgba(255,60,80,.6);color:#ff5a6a}100%{text-shadow:0 0 12px rgba(255,60,80,1),0 0 22px rgba(255,60,80,.7);color:#ff7a88}}
html body #calendarWideAlert .wide-alert-events>button.is-overdue.is-overdue,html body #calendarGlobalAlert .compact-alert-event.is-overdue.is-overdue{background:transparent!important;color:#ff5a6a!important;box-shadow:none!important;padding:0 4px!important;font-weight:900!important;animation:hp-red-glow 1s ease-in-out infinite alternate!important}
html body #calendarWideAlert .wide-alert-events>button.is-due-today.is-due-today,html body #calendarGlobalAlert .compact-alert-event.is-due-today.is-due-today{background:transparent!important;color:#ffe14d!important}
html body #calendarWideAlert .wide-alert-events>button.is-remind.is-remind,html body #calendarGlobalAlert .compact-alert-event.is-remind.is-remind{background:transparent!important;color:#3ee07a!important;text-shadow:0 0 8px rgba(62,224,122,.75)!important;animation:none!important;font-weight:800!important}
html body #calendarWideAlert .wide-alert-events>button:not(.is-overdue):not(.is-due-today):not(.is-remind),html body #calendarGlobalAlert .compact-alert-event:not(.is-overdue):not(.is-due-today):not(.is-remind){color:#fff!important;background:transparent!important}
.hp-al-row.is-remind .hp-al-tag{background:#1f9d55;color:#fff}
.hp-al-row.is-remind .hp-al-go{color:#bff5d3}
.hp-al-row.is-overdue .hp-al-tag{background:transparent!important;color:#ff5a6a!important;border:1px solid #ff5a6a}
/* PC・iPad：右のメニューの場所はもう無いので、帯を右まで伸ばす */
html body:not(.genba-phone):not(.genba-sub) #wideContextRow#wideContextRow#wideContextRow.sp45-wide-menu-space{padding-right:6px!important}
html body:not(.genba-phone) .sp24-phone-menu-host.sp45-wide-menu-host{display:none!important}
html body:not(.genba-phone) #calendarWideAlert .wide-alert-events>button.is-remind.is-remind{font-size:18px!important}

/* 2026-10-27 仁見さん：会社の画面の上の帯。左に Hakobu+ と会社名、右に「☰ 現場の一覧」 */
html body .hp-directory .hp-dir-bar{align-self:stretch;display:flex;align-items:center;justify-content:space-between;gap:12px;width:auto;margin:0 0 20px;padding:14px 24px;border-bottom:1px solid rgba(79,216,238,.25);box-sizing:border-box}
html body .hp-directory .hp-dir-brand{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
html body .hp-directory .hp-dir-brand h1{margin:0!important;font-size:24px!important;line-height:1.2;text-align:left!important}
html body .hp-directory .hp-dir-brand .hp-company{margin:0!important;font-size:14px!important;text-align:left!important;color:#9fd8ff}
html body .hp-directory .hp-dir-bar .hp-site-menu-btn{margin:0!important;align-self:center;flex:none}
html body.genba-phone .hp-directory .hp-dir-bar{padding:10px 14px}
html body.genba-phone .hp-directory .hp-dir-brand h1{font-size:20px!important}
html body.genba-phone .hp-directory .hp-dir-brand .hp-company{font-size:12px!important}

/* 2026-10-27 仁見さん：「対応（n件）」は全部の端末で下線（押せると分かる）。押すと題名の行のすぐ下に一覧がずらっと出る */
html body #calendarWideAlert .wide-alert-open,html body #calendarGlobalAlert .compact-alert-open{text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:4px!important;cursor:pointer}
.hp-alert-list.is-drop .hp-al-dim{background:rgba(5,10,20,.3)}
.hp-alert-list.is-drop .hp-al-panel{position:absolute;border-radius:0 0 12px 12px;border-top-width:2px}
.hp-alert-list.is-drop .hp-al-row{padding:6px 8px}

/* 2026-10-27 フォルダの「URLを追加」 */
.hk-url-dialog{position:fixed;inset:0;z-index:2147482900;font-family:"Hiragino Sans","Yu Gothic UI","Meiryo",sans-serif}
.hk-url-dim{position:absolute;inset:0;background:rgba(5,10,20,.45)}
.hk-url-box{position:absolute;left:50%;top:18%;transform:translateX(-50%);width:min(440px,calc(100vw - 24px));background:#fff;border-radius:14px;padding:16px 16px 14px;box-shadow:0 12px 32px rgba(0,0,0,.4);display:flex;flex-direction:column;gap:10px;color:#1b2b40}
.hk-url-box b{font-size:17px}
.hk-url-box label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700;color:#40546d}
.hk-url-box input{font-size:16px;padding:10px 12px;border:1.5px solid #c8d2de;border-radius:10px;color:#1b2b40}
.hk-url-box input:focus{outline:0;border-color:#2f6fd6}
.hk-url-msg{margin:0;min-height:1em;color:#c0392b;font-size:13px}
.hk-url-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hk-url-btns button{min-height:44px;border-radius:10px;border:1px solid #c8d2de;background:#fff;font-size:15px;font-weight:800;color:#24364c}
.hk-url-btns button[type=submit]{background:#2f6fd6;border-color:#2f6fd6;color:#fff}
.explorer-file-icon.URL,.explorer-item [class*="explorer-file-icon"]:is(.url){background:#2f6fd6!important;color:#fff!important}

/* 2026-10-27 仁見さん：会社の画面の「☰ 現場の一覧」は左。現場の「メンバー」はやめる */
html body .hp-directory .hp-dir-bar{justify-content:flex-start!important;gap:16px!important}
html body .hp-directory .hp-member,html body .hp-directory .hp-names{display:none!important}
html body .hp-directory table:not(:has(.hp-open)) .hp-member-th,html body .hp-directory td.hp-member-cell:not(:has(.hp-open)){display:none!important}

/* 2026-10-27 仁見さん：左のメニューの印刷ボタンはいらない（どの端末も出さない） */
html body .navigation-deck #morningCard#morningCard #printMorning#printMorning#printMorning,html body #printMorning#printMorning#printMorning#printMorning{display:none!important}
.morning-qr-dialog .morning-qr-company{margin:10px 0 0;font-size:18px;font-weight:800;color:#1b2b40;text-align:center}
.morning-qr-dialog .morning-qr-company+.morning-qr-site{margin-top:4px}

/* 2026-10-27 仁見さん：対応の一覧の「期限切れ・今日・これから」などの札はやめる。スマホは字を小さく1行に */
.hp-alert-list .hp-al-tag{display:none!important}
.hp-alert-list .hp-al-row.is-overdue .hp-al-go{color:#ff7a88}
.hp-alert-list .hp-al-row.is-due-today .hp-al-go{color:#ffe14d}
.hp-alert-list .hp-al-row.is-remind .hp-al-go{color:#5fe89a}
html body.genba-phone .hp-alert-list .hp-al-panel header b{font-size:15px}
html body.genba-phone .hp-alert-list .hp-al-row{padding:4px 4px;gap:8px}
html body.genba-phone .hp-alert-list .hp-al-done{width:34px;height:34px;border-radius:9px;font-size:17px}
html body.genba-phone .hp-alert-list .hp-al-go{font-size:13px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}

/* 2026-10-27 仁見さん：スマホの下のタブにも、PC・iPad と同じ絵（朝礼・カレンダー・チャット・フォルダ・工事写真） */
html body.genba-phone #globalNavigation#globalNavigation .global-nav-button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important}
html body.genba-phone #globalNavigation#globalNavigation .global-nav-button .hp-rail-ico{display:block!important;width:19px!important;height:19px!important;flex:none!important}
html body.genba-phone.genba-phone-app-landscape #globalNavigation#globalNavigation .global-nav-button .hp-rail-ico{width:16px!important;height:16px!important}

/* 2026-10-27 仁見さん：会社の画面の上。左に Hakobu+・会社名、その下に「現場一覧」のボタン。右上に小さく「＋ 社員を登録」。下のログアウトはなし */
html body .hp-directory .hp-dir-bar{justify-content:space-between!important;align-items:flex-start!important}
html body .hp-directory .hp-dir-left{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}
html body .hp-directory .hp-dir-left .hp-site-menu-btn{min-height:38px!important;padding:0 16px!important;border-radius:10px!important;font-size:14px!important}
html body .hp-directory .hp-dir-add{flex:none;align-self:flex-start;min-height:34px;padding:0 14px;border-radius:9px;border:1px solid rgba(79,216,238,.55);background:#0b1424;color:#bfefff;font-size:13px;font-weight:800;cursor:pointer}
html body .hp-directory.hp-sites-open .hp-dir-add{display:none!important}
html body .hp-directory .hp-staff .hp-add{display:none!important}
html body .hp-directory>footer{display:none!important}
html body .hp-directory .hp-dir-left .hp-site-menu-btn{margin:0!important;align-self:flex-start!important}