.hc-unread{position:absolute;right:5px;top:3px;min-width:18px;height:18px;border-radius:12px;background:#e24b4a;color:#fff;font-size:11px;line-height:18px;text-align:center;padding:0 4px;z-index:2}
body.hc-active .workspace-head{display:none!important}body.hc-active #workspaceBody.hc-host{padding:0!important;margin:0;background:#fff;overflow:hidden;min-height:0}.hc-shell,.hc-name,.hc-sheet{font-family:"Hiragino Sans","Yu Gothic UI","Meiryo",sans-serif;color:#1b2b40}.hc-shell *,.hc-sheet *{box-sizing:border-box}.hc-shell button,.hc-sheet button{cursor:pointer;font:inherit}.hc-shell{display:grid;grid-template-columns:300px minmax(0,1fr) 280px;overflow:hidden;background:#fff;font-size:14px;min-height:0}.hc-shell button{color:#2b3a4e;background:#fff;border:1px solid #dfe5ec;border-radius:6px;padding:5px 8px;min-height:32px}.hc-rooms{min-width:0;display:flex;flex-direction:column;border-right:1px solid #dfe5ec;min-height:0}.hc-rooms>header{height:52px;flex:0 0 52px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #dfe5ec;color:#2f6fd6}.hc-rooms select{border:0;background:white;color:#2f6fd6;font-weight:800;font-size:14px;max-width:240px}.hc-rooms>header button{width:34px;height:34px;border-radius:50%;background:#f2f5f8;border:0;font-size:22px}.hc-search{margin:12px;border:0;border-radius:18px;background:#f1f3f6;padding:10px 14px;font-size:14px;color:#1b2b40;min-width:0}.hc-room-list{overflow:auto;min-height:0;flex:1}.hc-room-row{display:flex;align-items:center;min-height:66px;padding:6px 8px;border-bottom:1px solid #f0f2f5}.hc-room-row.is-active{background:#e6eef8;outline:2px solid #2f6fd6;outline-offset:-2px}.hc-shell .hc-room-select{display:flex;align-items:center;gap:10px;text-align:left;flex:1;min-width:0;border:0;background:transparent;padding:4px}.hc-room-select>span:not(.hc-avatar){flex:1;min-width:0}.hc-room-select b,.hc-room-select small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hc-room-select small{font-size:11px;color:#8a97a8;margin-top:4px}.hc-avatar{width:36px;height:36px;border-radius:50%;flex:0 0 36px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:800}.hc-count{background:#e24b4a;color:#fff;font-size:11px;border-radius:10px;padding:1px 6px;font-style:normal}.hc-shell .hc-pin{border:0;background:transparent;color:#9aa7b9;padding:4px}.hc-shell .hc-pin.is-on{color:#e34a77}.hc-conversation{display:flex;flex-direction:column;min-width:0;min-height:0}.hc-chat-head{height:62px;flex:0 0 62px;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid #dfe5ec}.hc-chat-head>strong{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.hc-shell .hc-back{display:none}.hc-switch{display:flex;white-space:nowrap}.hc-shell .hc-switch button{font-size:12px;border-radius:0;padding:5px 10px}.hc-shell .hc-switch .is-active{background:#fff3cf}.hc-messages{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background:#f4f6f9;padding:0 0 14px}.hc-day{text-align:center;color:#8a97a8;font-size:12px;padding:14px 0 4px}.hc-message{display:flex;gap:8px;padding:10px 16px;align-items:flex-start}.hc-message.is-mine{justify-content:flex-end}.hc-message-main{max-width:min(84%,620px);min-width:0}.hc-author{display:block;color:#1d4f7a;font-size:12px;margin-bottom:4px}.hc-bubble{border:1px solid #dfe5ec;background:#fff;padding:9px 12px;border-radius:10px;overflow-wrap:anywhere}.is-mine .hc-bubble{background:#e3f5ee;border-color:#c7e9df}.hc-text{white-space:pre-wrap;line-height:1.6;font-size:14px}.hc-message time{display:block;font-size:11px;color:#8a97a8;margin:3px 1px}.is-mine time{text-align:right}.hc-shell .hc-reply-reference{display:block;text-align:left;border:0;border-bottom:1px solid #c8d2de;border-radius:0;background:transparent;color:#6b7c90;font-size:12px;max-width:100%;padding:0 0 5px;margin-bottom:5px;overflow-wrap:anywhere}.hc-reply-reference b{background:#14a38b;color:white;padding:1px 3px}.hc-reactions{display:flex;gap:5px;flex-wrap:wrap}.hc-shell .hc-reactions button{font-size:11px;min-height:25px;padding:1px 6px;border-color:#c8d7ea;background:#eef5ff}.hc-shell .hc-reactions [aria-pressed=true]{border-color:#2f6fd6}.hc-shell .hc-attachment{display:block;max-width:240px;background:transparent;text-align:left;margin-top:6px;padding:0;overflow:hidden}.hc-attachment img{display:block;max-width:100%;width:220px;max-height:160px;object-fit:contain}.hc-attachment small{display:block;padding-top:8px}.hc-shell .hc-drawing{padding:16px;background:#fff;min-width:170px}.hc-composer{flex:0 0 auto;padding:10px 16px;border-top:1px solid #dfe5ec;background:#fff}.hc-input{resize:none;width:100%;min-height:64px;max-height:150px;border:1px solid #b9c4d1;border-radius:6px;color:#1b2b40;background:#fff;padding:8px 10px;font:inherit;line-height:1.5}.hc-compose-tools{display:flex;align-items:center;gap:7px;margin-top:6px}.hc-shell .hc-compose-tools>button{border:0;min-width:28px;padding:3px;font-weight:700;font-size:18px}.hc-enter{margin-left:auto;font-size:11px;white-space:nowrap;display:flex;align-items:center;gap:4px}.hc-enter input{width:14px;height:14px;margin:0}.hc-shell .hc-send,.hc-primary{margin-left:auto;background:#2c5fd0;color:#fff;border:0;border-radius:6px;font-weight:800;min-height:36px;padding:7px 16px}.hc-composer-meta>span{display:block;background:#eef5ff;padding:4px 8px;margin-bottom:5px;font-size:12px}.hc-composer-meta button{min-height:24px}.hc-aside{width:280px;border-left:1px solid #dfe5ec;background:#f4f6f9;padding:14px;overflow:auto}.hc-card{background:#fff;border:1px solid #dfe5ec;border-radius:8px;padding:12px;margin-bottom:12px}.hc-card h3{font-size:14px;margin:0 0 8px;display:flex;align-items:center;justify-content:space-between}.hc-card h3 button{font-size:12px}.hc-description{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;margin:0}.hc-empty{padding:16px;color:#8a97a8;font-size:13px}.hc-name{padding:24px;max-width:460px;margin:20px auto}.hc-name label,.hc-sheet form>label{display:block;margin:12px 0}.hc-name input,.hc-sheet input:not([type=checkbox]),.hc-sheet textarea{display:block;width:100%;box-sizing:border-box;background:white;color:#1b2b40;border:1px solid #b9c4d1;border-radius:6px;font-size:16px;padding:10px}.hc-name button{margin-top:12px;background:#2c5fd0;color:white;border:0;border-radius:6px;padding:10px 20px;font-size:16px}.hc-sheet{border:0;border-radius:14px;padding:0;max-width:580px;width:calc(100% - 24px);max-height:85dvh;background:white;box-shadow:0 12px 40px #0005}.hc-sheet::backdrop{background:#12223866}.hc-sheet>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dfe5ec;padding:12px 16px}.hc-sheet>header button{border:0;background:#f2f5f8;border-radius:50%;width:32px;height:32px;font-size:20px}.hc-sheet-content{padding:14px 16px;overflow:auto}.hc-sheet fieldset{border:1px solid #dfe5ec;border-radius:6px}.hc-sheet fieldset label{display:block;padding:6px}.hc-file{display:block;text-align:left;background:#fff;border:1px solid #dfe5ec;border-radius:6px;width:100%;padding:12px;margin-bottom:8px}.hc-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hc-photo-grid button{background:#fff;border:1px solid #dfe5ec;border-radius:6px;padding:4px;overflow:hidden}.hc-photo-grid img{width:100%;height:90px;object-fit:cover}.hc-photo-grid span{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hc-emoji{display:flex;gap:10px;flex-wrap:wrap}.hc-emoji button{font-size:24px;background:#fff;border:1px solid #dfe5ec;border-radius:6px;padding:8px}.hc-highlight .hc-bubble{outline:2px solid #e0a424}
@media(max-width:1100px){.hc-shell{grid-template-columns:270px minmax(0,1fr)}.hc-aside{display:none}}
.hc-message .hc-bubble{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}.hc-radial{position:fixed;width:0;height:0;z-index:90000;pointer-events:none;font-family:"Hiragino Sans","Yu Gothic",sans-serif}.hc-ring{position:absolute;left:-118px;top:-118px;width:236px;height:236px;border-radius:50%;background:rgba(15,27,45,.55);transform:scale(.4);opacity:0;transition:transform .12s ease-out,opacity .12s}.hc-radial button{position:absolute;width:54px;height:54px;margin:-27px 0 0 -27px;border:0;border-radius:50%;background:#fff;color:#14304f;font-size:10px;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 6px #0006;transform:scale(.4);opacity:0;transition:transform .12s ease-out,opacity .12s,background .08s;padding:3px}.hc-radial button b{font-size:19px;line-height:21px}.hc-radial button span{font-size:9px;line-height:11px;max-width:48px}.hc-radial.show .hc-ring,.hc-radial.show button{transform:scale(1);opacity:1}.hc-radial button.hot{background:#14a38b;color:#fff;transform:scale(1.18)}.hc-radial .hc-center{width:52px;height:52px;margin:-26px 0 0 -26px;background:#e8b931;color:#3a2a00;font-size:11px}.hc-radial .hc-center.hot{background:#fff}.hc-radial.is-context{pointer-events:auto}
.hc-to-label{display:inline-block;border-radius:4px;background:#2f6fd6;color:#fff;padding:1px 5px;font-size:11px;font-weight:800;margin-bottom:4px}.hc-receipts{color:#8b6a1e;font-size:11px;line-height:1.6;background:#fff3cf;border:1px solid #e8c76a;border-radius:8px;padding:5px 8px;margin-top:6px}.hc-receipts button{margin-left:5px;color:#13795b;border:1px solid #b8e0d0;border-radius:5px;padding:4px 8px;background:#e3f5ee;font:inherit;min-height:30px}.hc-done{color:#13795b;margin-left:5px}.hc-to-targets{max-height:250px;overflow:auto}.hc-deadlines{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.hc-sheet .hc-deadlines label{display:flex;align-items:center;gap:4px;padding:8px;min-height:40px;border:1px solid #dfe5ec;border-radius:7px}.hc-sheet input[type=checkbox],.hc-sheet input[type=radio]{width:18px;height:18px;margin-right:7px;vertical-align:middle}.hc-to-targets label{min-height:40px}.hc-note{font-size:12px;color:#6b7c90;line-height:1.6}.hc-todo{display:flex;gap:6px;border-top:1px solid #eef1f5;padding:7px 0}.hc-shell .hc-todo>button:first-child{flex:1;text-align:left;font-size:13px;border:0;padding:0;min-width:0;overflow-wrap:anywhere;background:transparent}.hc-todo small{display:block;color:#8a97a8;padding-top:3px}.hc-todo.is-done{text-decoration:line-through;color:#8a97a8}
.hc-shell [hidden]{display:none!important}.hc-shell.hc-show-topics{grid-template-columns:240px minmax(0,1fr)}.hc-show-topics .hc-aside{display:none}.hc-topic-pane{display:flex;flex:1;min-height:0;flex-direction:column;background:#f4f6f9;overflow:hidden}.hc-topic-search{margin:10px 16px;border:0;border-radius:20px;background:#e9edf2;padding:10px 14px;color:#1b2b40;font-size:14px;min-height:38px}.hc-place-chips{display:none;overflow:auto;white-space:nowrap;padding:4px 10px 10px;gap:6px;flex:0 0 auto}.hc-shell .hc-place-chips button{border-radius:20px;font-size:12px;min-height:30px;padding:5px 12px;border:1px solid #b9c8dc;background:white}.hc-shell .hc-place-chips .is-active{border-color:#2f6fd6;color:#2f6fd6;background:#e6eef8}.hc-topic-board{display:flex;gap:12px;padding:4px 16px 16px;overflow:auto;flex:1;min-height:0}.hc-place-column{flex:1;min-width:200px;background:#eaeef3;border-radius:10px;padding:0 8px}.hc-place-column h2{color:#1d4f7a;font-size:15px;font-weight:800;padding:12px 4px 8px;margin:0}.hc-place-column h2 span{font-size:11px;background:#e2e8f0;padding:1px 7px;border-radius:10px;color:#6b7c90}.hc-topic-card{background:white;border:1px solid #d5dde7;border-radius:10px;padding:11px 12px;margin-bottom:10px;box-shadow:0 1px 2px #0000000d}.hc-topic-card h3{margin:0;display:flex;align-items:center;gap:8px;font-size:15px}.hc-shell .hc-topic-card h3>button{border:0;background:transparent;text-align:left;padding:0;flex:1;font-weight:700;overflow-wrap:anywhere;color:#14304f}.hc-topic-card h3>span{font-size:11px;color:#6b7c90;white-space:nowrap}.hc-decision{margin-top:7px;background:#fff8e1;border-left:4px solid #e3b62f;border-radius:4px;padding:6px 8px;font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.hc-decision b{display:block;font-size:11px;color:#8b6a1e}.hc-topic-meta{display:flex;gap:10px;margin-top:7px}.hc-shell .hc-topic-meta button{border:0;background:transparent;color:#2f6fd6;font-size:12px;padding:0;min-height:25px;text-align:left}.hc-candidate{margin-top:7px;border:2px dashed #e3b62f;border-radius:6px;padding:6px 8px;font-size:13px;background:#fffdf3;white-space:pre-wrap;overflow-wrap:anywhere}.hc-candidate>b{display:block;color:#8b6a1e;font-size:11px}.hc-shell .hc-candidate button{display:block;margin-top:6px;background:#e3b62f;border:0;border-radius:14px;padding:4px 10px;color:#3a2a00;font-size:12px;font-weight:800}.hc-auto{display:flex;align-items:center;gap:3px;margin-top:5px;font-size:11px;color:#40546d;background:#eef2f7;border-radius:12px;padding:3px 7px;flex-wrap:wrap}.hc-shell .hc-auto button{background:transparent;border:0;font-size:11px;padding:0;color:#1d4f9a;min-height:25px;font-weight:800}.hc-shell .hc-auto [data-reject-topic]{color:#e24b4a}.hc-message-pin,.hc-decided-label{font-size:11px;color:#8b6a1e;margin-top:5px}.hc-topic-detail-head{display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 10px;border-bottom:1px solid #dfe5ec;background:white;flex:0 0 auto}.hc-topic-detail-head>strong{font-size:14px;overflow-wrap:anywhere}.hc-shell .hc-topic-detail-head>button{font-size:22px;min-width:34px;border-radius:50%;border:0;background:#f1f3f6}.hc-topic-pane>.hc-decision{margin:8px 10px}.hc-unassigned p{color:#8a97a8;font-size:12px;line-height:1.6}.hc-board-overlay{position:absolute;inset:0;pointer-events:none;z-index:110}.hc-board-pin{position:absolute;transform:translate(-50%,-50%);border:2px solid white;border-radius:50% 50% 50% 4px;background:#2f6fd6;color:white;width:30px;height:30px;pointer-events:auto;cursor:pointer;font-size:12px;font-weight:800;line-height:24px;padding:0;box-shadow:0 2px 5px #0005}.hc-board-pop{position:fixed;z-index:95000;width:min(340px,calc(100vw - 16px));background:white;border:2px solid #2f6fd6;border-radius:12px;padding:10px 12px;color:#1b2b40;box-shadow:0 6px 16px #0004;font-family:inherit;box-sizing:border-box}.hc-board-pop>strong{font-size:14px}.hc-board-pop>small{display:block;color:#6b7c90;padding-top:5px}.hc-board-pop>button{display:block;margin:8px 0 0 auto;color:#2f6fd6;background:white;border:0;font-weight:800;cursor:pointer}.hc-board-pop>.hc-pop-close{float:right;margin:0;font-size:18px}
body.genba-phone .hc-place-chips{display:flex}body.genba-phone .hc-topic-board{display:block;padding:4px 10px 14px}body.genba-phone .hc-place-column{background:transparent;padding:0;min-width:0}body.genba-phone .hc-place-column>h2{display:none}body.genba-phone .hc-topic-search{margin:8px 10px;font-size:16px}body.genba-phone .hc-topic-card{padding:10px 12px}body.genba-phone .hc-topic-card h3{font-size:14px}
.hc-calendar-teams{display:flex;gap:6px;overflow-x:auto;white-space:nowrap;padding:0 8px 6px;min-height:32px;box-sizing:border-box;flex-wrap:nowrap}.hc-calendar-teams button{flex:0 0 auto;border:1px solid #c8d2de;border-radius:18px;background:white;color:#40546d;padding:4px 10px;font-size:12px;font-weight:700;min-height:28px;cursor:pointer}.hc-calendar-teams button::before{content:"●";color:var(--hc-team-color);padding-right:4px}.hc-calendar-teams [aria-pressed=true]{border-color:var(--hc-team-color);color:var(--hc-team-color);background:color-mix(in srgb,var(--hc-team-color) 12%,white)}#taskTeamField:not([hidden]){display:flex;flex-direction:column;gap:5px;grid-column:1/-1;margin-top:10px;box-sizing:border-box;width:100%}#taskTeamField select{width:100%;min-height:36px;font-size:16px}
.hc-memo-scope{display:flex;flex:none;min-height:38px;margin:0 0 8px;border:1px solid #c8d2de;border-radius:9px;overflow:hidden;box-sizing:border-box}.hc-memo-scope button{flex:1;min-width:0;min-height:38px;border:0;border-radius:0;background:white;color:#40546d;font-size:14px;font-weight:800;padding:6px 10px;cursor:pointer}.hc-memo-scope [aria-pressed=true]{background:#fff4d1;color:#6a4b00}.hc-memo-row{display:flex;align-items:center;gap:8px;border:1px solid #d5dde7;border-radius:9px;margin:0 0 8px;padding:8px 10px;background:#fff}.hc-memo-row .hc-memo-open{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0;border:0;background:transparent;color:#1b2b40;text-align:left;padding:0;min-height:40px;cursor:pointer}.hc-memo-open strong{overflow-wrap:anywhere;font-size:14px}.hc-memo-open time{font-size:11px;color:#8a97a8;margin-top:4px}.hc-memo-row .hc-memo-share{flex:0 0 auto;border:0;border-radius:15px;background:#2c5fd0;color:white;font-size:12px;font-weight:800;padding:6px 10px;min-height:30px;cursor:pointer}
.camera-workspace .hc-board-font{position:absolute;left:0;top:-34px;display:flex;align-items:center;justify-content:flex-end;gap:5px;box-sizing:border-box;min-width:220px;width:100%;height:32px;line-height:1;background:#0b2032;color:white;z-index:30;font:12px/1.2 sans-serif;white-space:nowrap;padding:2px 4px;touch-action:manipulation}.camera-workspace .hc-board-font>span{margin-right:auto}.camera-workspace .hc-board-font button{position:static!important;flex:none!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:28px!important;min-height:28px!important;max-height:28px!important;padding:0!important;margin:0!important;border:1px solid #dba824!important;border-radius:4px!important;background:#132b3e!important;color:#fff!important;font:700 13px sans-serif!important;transform:none!important}.camera-workspace .hc-board-font [aria-pressed=true]{background:#e8b931!important;color:#3a2a00!important}.camera-workspace .hc-board-font.is-large{position:relative;top:auto;left:auto;min-width:0}.camera-workspace .hc-font-panel{width:min(calc(100% - 20px),calc((var(--camera-board-space) - 34px - 2px)*var(--camera-board-ratio) + 2px))!important}
body.genba-phone .hc-shell{display:block}body.genba-phone .hc-rooms{height:100%;border:0}body.genba-phone .hc-conversation,body.genba-phone .hc-aside{display:none}body.genba-phone.hc-room-open .hc-rooms{display:none}body.genba-phone.hc-room-open .hc-conversation{display:flex;height:100%}body.genba-phone.hc-room-open .navigation-deck,body.genba-phone.hc-room-open #phoneAppOrientation,body.genba-phone.hc-room-open .genba-voice-main{display:none!important}body.genba-phone .hc-shell .hc-back{display:block;border:0;background:#f1f4f7;border-radius:50%;font-size:24px;width:32px;height:32px;padding:0}body.genba-phone .hc-chat-head{height:46px;flex-basis:46px;padding:0 10px;gap:8px}body.genba-phone .hc-chat-head>strong{font-size:14px;text-align:center}body.genba-phone .hc-message{padding:8px 10px;gap:6px}body.genba-phone .hc-avatar{width:28px;height:28px;flex-basis:28px;font-size:12px}body.genba-phone .hc-composer{padding:8px 10px max(8px,env(safe-area-inset-bottom))}body.genba-phone .hc-enter{display:none}body.genba-phone .hc-input{font-size:16px;min-height:48px}body.genba-phone .hc-sheet{position:fixed;top:auto;bottom:0;margin:0;width:100%;max-width:none;border-radius:16px 16px 0 0;max-height:85dvh}

/* 160: A readable first-name card, scoped to the chat screen. */
.hc-name{box-sizing:border-box;width:calc(100% - 24px);max-width:460px;background:#fff;color:#1b2b40;border:1px solid #dfe5ec;border-radius:12px;padding:24px;margin:20px auto}.hc-name h2{color:#1b2b40;font-size:22px;margin:0 0 12px}.hc-name p{color:#40546d;font-size:14px;line-height:1.7}.hc-name label{color:#1b2b40;font-weight:700}.hc-name input::placeholder{color:#93a1b2;opacity:1}.hc-name button{color:#fff;background:#2c5fd0}

/* 161: The phone chat deck has orientation, microphone and menu only. */


/* 163: Chat markers keep their own blue bubble appearance inside the drawing tool. */
.fg-paper .hc-board-overlay>button.hc-board-pin{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:1px!important;width:34px!important;height:30px!important;min-width:34px!important;min-height:30px!important;padding:2px!important;border:2px solid #fff!important;border-radius:50%!important;background:#2f6fd6!important;color:#fff!important;font-size:11px!important;line-height:1!important;box-shadow:0 2px 5px #0005!important}.hc-board-pin svg{width:16px;height:16px;flex:none}.hc-board-pin span{color:inherit;font:inherit}

/* 165: reference chat presentation, scoped to chat UI. */
.hc-message-main{position:relative}.hc-message-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:18px;margin-bottom:4px}.hc-message-heading .hc-author,.hc-message-heading time{margin:0}.hc-message-heading time{margin-left:auto}.hc-quick-actions{display:none;position:absolute;right:0;top:-14px;gap:2px;z-index:2;background:#fff;box-shadow:0 2px 8px #0002;border-radius:6px}.hc-shell .hc-quick-actions button{font-size:11px;min-height:24px;padding:2px 5px}.hc-reactions:empty{display:none}.hc-reactions{justify-content:flex-end;margin-top:3px}.hc-shell .hc-topic-hint{display:block;margin-left:auto;border:0;background:transparent;min-height:20px;padding:0 3px;font-size:12px}.hc-topic-auto-note{display:block;color:#8a97a8;font-size:10px;margin-bottom:5px}.hc-composer{display:flex;flex-direction:column;gap:8px}.hc-compose-tools{order:1;margin:0}.hc-composer-meta{order:0}.hc-input{order:2;height:76px;min-height:76px;max-height:150px}.hc-input::placeholder{color:#93a1b2}.hc-shell .hc-compose-tools svg{width:20px;height:20px;display:block}.hc-shell [data-format]{display:none}.hc-large-input{font-size:20px!important}.hc-member-head{display:flex;align-items:center;gap:0;flex:none}.hc-member-head .hc-avatar{width:29px;height:29px;flex-basis:29px;border:1px solid white;margin-left:-5px;font-size:12px}.hc-member-more{border-radius:50%;background:#5e6d84;color:#fff;width:29px;height:29px;display:grid;place-items:center;font-size:11px}.hc-member-head button{margin-left:8px;font-size:12px}.hc-room-overview{display:none}.hc-shell .hc-pin svg{width:20px;height:20px}.hc-shell .hc-pin.is-on{color:#2f6fd6}.hc-shell .hc-pin.is-on svg{fill:#dceaff}.hc-shell .hc-count{background:#e24b4a;color:white}.hc-chat-head{gap:10px}.hc-room-avatar .hc-avatar{width:36px;height:36px}
@media(hover:hover) and (pointer:fine){.hc-message:hover .hc-quick-actions,.hc-message:focus-within .hc-quick-actions{display:flex}}
body.genba-phone .hc-room-avatar,body.genba-phone .hc-member-head{display:none}body.genba-phone .hc-room-overview:not([hidden]){display:block;flex:none;background:#fff8df;border-bottom:1px solid #eddda9;padding:10px 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}body.genba-phone .hc-composer{padding:8px 10px;gap:7px}body.genba-phone .hc-input{order:1;height:42px;min-height:42px;max-height:42px;border:2px solid #e4b725;padding:8px 10px;line-height:22px;font-size:16px}body.genba-phone .hc-compose-tools{order:2;justify-content:space-between;gap:2px}body.genba-phone .hc-shell [data-format]{display:block;font-size:16px}body.genba-phone .hc-enter{display:none}body.genba-phone .hc-shell .hc-send{background:transparent;color:#2f6fd6;margin-left:0;padding:3px;font-size:16px;min-width:44px}body.genba-phone .hc-shell .hc-quick-actions{display:none!important}body.genba-phone .hc-compose-tools svg{width:22px;height:22px}body.genba-phone .hc-message{padding:10px 12px}
/* The alert text only: retain the approved band geometry and colors. */
#calendarGlobalAlert .calendar-alert-text,#calendarWideAlert .calendar-alert-text,#calendarGlobalAlert .calendar-alert-item,#calendarWideAlert .calendar-alert-item{color:#fff!important;font-weight:700!important}

#calendarGlobalAlert .compact-alert-event,#calendarWideAlert .wide-alert-item{color:#fff!important;font-weight:700!important;text-shadow:none!important}.hc-shell .hc-quick-actions{top:0;transform:translateY(-100%)}.hc-shell .hc-compose-tools>.hc-send{font-size:14px;min-width:72px;padding:7px 16px}body.genba-phone .hc-shell .hc-compose-tools>.hc-send{font-size:16px;min-width:44px;padding:3px}

#calendarWideAlert .wide-alert-events>button{color:#fff!important;font-weight:700!important;text-shadow:none!important}

/* ===== 2026-10-26 Claude Code：採用した案（Design(現場くん)/11_採用した案）に合わせた見た目 ===== */
/* 押しても並びは動かさない：まとめでも右の欄（概要・対応）はそのまま */
body .hc-shell.hc-show-topics{grid-template-columns:inherit}
body:not(.genba-phone) .hc-show-topics .hc-aside{display:block}
/* 話：TO・期限・対応 */
body .hc-shell .hc-message{position:relative}
body .hc-shell .hc-quick-actions{display:none!important}
body .hc-shell .hc-reactions:empty{display:none}
body .hc-shell .hc-reactions button{border:1px solid #9ec0ee;background:#eef5ff;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700;color:#2b4a7a;min-height:0}
body .hc-shell .hc-to-label{display:none}
.hc-to-line{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:4px;font-size:14px}
.hc-to-tag{display:inline-flex;align-items:center;background:#2f6fd6;color:#fff;border-radius:4px;font-size:11px;font-weight:800;padding:1px 5px;line-height:1.4}
.hc-to-name{color:#1b2b40;margin-right:2px}
.hc-due{display:inline-flex;align-items:center;gap:3px;background:#fff4d1;color:#6a4b00;border:1px solid #e3b62f;border-radius:10px;font-size:11px;font-weight:800;padding:1px 7px;margin-left:2px}
body .hc-shell .hc-receipts{font-size:11px;color:#6b7c90;margin-top:3px;background:none;border:0;padding:0}
body .hc-shell .hc-receipts>div{display:flex;gap:8px;align-items:center;justify-content:flex-end;background:none;padding:0}
body .hc-shell .hc-message:not(.is-mine) .hc-receipts>div{justify-content:flex-start}
body .hc-shell .hc-receipts button{border:1px solid #14a38b;color:#0f7a66;background:#fff;border-radius:6px;padding:1px 8px;font-size:12px;font-weight:800;min-height:24px}
/* PC：マウスを乗せると右上に「返信・リアクション・引用・⋯」 */
.hc-hover{display:none;position:absolute;right:16px;top:-6px;background:#fff;border:1px solid #c8d2de;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.12);overflow:hidden;z-index:3}
body:not(.genba-phone) .hc-shell .hc-message:hover{background:#f3f7fc}
body:not(.genba-phone) .hc-shell .hc-message:hover>.hc-hover{display:flex}
body .hc-shell .hc-hover button{border:0;border-right:1px solid #eef1f5;background:#fff;padding:6px 12px;font-size:13px;font-weight:700;color:#2b3a4e;min-height:0;border-radius:0}
body .hc-shell .hc-hover button:last-child{border-right:0}
body .hc-shell .hc-hover button:hover{background:#eef5ff}
/* 入れる欄：PC は道具の段が上・欄が下。道具は TO・Enterで送信・送信だけ */
body .hc-shell .hc-composer{display:flex;flex-direction:column;gap:8px}
body .hc-shell .hc-compose-tools{margin:0;gap:14px}
body .hc-shell .hc-compose-tools>[data-to]{border:0;background:none;font-size:16px;font-weight:800;color:#2b3a4e;padding:2px 6px;border-radius:5px;min-height:32px}
body .hc-shell .hc-compose-tools>[data-to]:hover{background:#eef5ff}
body .hc-shell .hc-enter{margin-left:auto;font-size:12px;font-weight:400;display:flex;align-items:center;gap:4px}
body .hc-shell .hc-send{background:#2c5fd0!important;color:#fff!important;border:0!important;border-radius:6px!important;padding:6px 18px!important;font-size:13px!important;font-weight:800!important;min-height:32px}
.hc-input-box{border:1px solid #b9c4d1;border-radius:6px;background:#fff;padding:6px 10px}
body .hc-shell .hc-input-box .hc-input{border:0!important;outline:0;box-shadow:none!important;width:100%;resize:none;min-height:46px;padding:4px 0!important;margin:0;background:none;font-size:14px}
body .hc-shell .hc-composer-meta{margin:0 0 4px}
body .hc-shell .hc-composer-meta button{border:0;background:none;color:#6b7c90;font-size:14px;min-height:0;padding:0 4px;margin-left:auto}
.hc-reply-line{display:flex;align-items:center;gap:6px;background:#eef5ff;border-left:3px solid #2f6fd6;padding:5px 8px;font-size:12px;color:#40546d;border-radius:4px;margin-bottom:4px}
.hc-to-draft{margin:0}
/* スマホ：欄が上（金色の枠）、その下に TO（左）と 送信（右・青い字） */
body.genba-phone .hc-shell .hc-composer{padding:8px 10px 12px}
body.genba-phone .hc-shell .hc-input-box{order:1;border:2px solid #e3b62f;border-radius:6px}
body.genba-phone .hc-shell .hc-input-box .hc-input{min-height:24px;font-size:15px}
body.genba-phone .hc-shell .hc-compose-tools{order:2;justify-content:space-between;padding:0 6px}
body.genba-phone .hc-shell .hc-enter{display:none}
body.genba-phone .hc-shell .hc-send{background:none!important;color:#2f6fd6!important;padding:2px 4px!important;font-size:16px!important}
/* TO の小さい窓・リアクションの小さい窓 */
.hc-pop{position:fixed;z-index:30000;background:#fff;border:1px solid #c8d2de;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.18);font-family:"Hiragino Sans","Yu Gothic UI","Meiryo",sans-serif;color:#1b2b40;overflow:hidden}
.hc-pop *{box-sizing:border-box}
.hc-pop button{font:inherit;cursor:pointer}
.hc-to-pop{width:250px}
.hc-to-search{display:block;width:calc(100% - 16px);margin:8px;height:32px;border-radius:16px;border:0;background:#f1f3f6;padding:0 12px;font-size:13px}
.hc-to-list{max-height:260px;overflow:auto}
.hc-to-list button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:#fff;padding:7px 12px;font-size:14px;text-align:left}
.hc-to-list button:hover{background:#e6eef8}
.hc-to-list button[hidden]{display:none}
.hc-to-list .hc-avatar{width:30px!important;height:30px!important;font-size:12px!important;flex:0 0 30px}
.hc-to-list i{margin-left:auto;color:#2f6fd6;font-style:normal;font-weight:800}
.hc-to-due{border-top:1px solid #eef1f5;display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px;color:#40546d;flex-wrap:wrap}
.hc-to-due select{margin-left:auto;border:1px solid #c8d2de;border-radius:6px;padding:3px 6px;font-size:13px;font-weight:700;background:#fff}
.hc-to-due input{width:100%;border:1px solid #c8d2de;border-radius:6px;padding:4px 6px}
.hc-react-row{display:flex;gap:6px;padding:6px 8px}
.hc-react-row button{border:1px solid #dfe5ec;border-radius:8px;padding:5px 9px;background:#fff;font-size:13px;font-weight:800}
.hc-react-row button:hover{background:#eef5ff}
.hc-more-list{display:flex;flex-direction:column;min-width:190px}
.hc-more-list button{border:0;border-bottom:1px solid #f1f3f6;background:#fff;padding:10px 14px;text-align:left;font-size:14px;font-weight:700}
.hc-more-list button:hover{background:#eef5ff}
/* スマホ：長押しで下から（Chatwork と同じ） */
.hc-sheet.hc-actions{margin:auto auto 0;border-radius:16px 16px 0 0;width:100%;max-width:100%;padding-bottom:14px}
.hc-sheet.hc-actions>header{display:none}
.hc-react-circles{display:flex;justify-content:space-around;padding:14px 10px 12px;border-bottom:1px solid #eef1f5}
.hc-react-circles button{width:56px;height:56px;border-radius:50%;border:0;background:#f1f3f6;display:flex;flex-direction:column;align-items:center;justify-content:center}
.hc-react-circles b{font-size:20px;line-height:1}
.hc-react-circles small{font-size:10px;font-weight:800;color:#40546d}
.hc-action-list{display:flex;flex-direction:column}
.hc-action-list button{border:0;border-bottom:1px solid #f1f3f6;background:#fff;padding:14px 20px;text-align:left;font-size:16px;font-weight:700}
/* 部屋の一覧：ピン留めは青い 📌 */
body .hc-shell .hc-pin.is-on{color:#2f6fd6;font-size:15px;opacity:1}
body .hc-shell .hc-pin:not(.is-on){opacity:.35}
/* まとめ：施工要領と同じ見た目 */
body .hc-shell .hc-topic-pane{background:#dfe9f5}
.hc-mt{flex:1;min-height:0;overflow:auto;padding:10px 14px 20px;background:#dfe9f5}
.hc-mt-big{font-size:22px;font-weight:800;margin:4px 2px 10px;color:#1b2b40}
body .hc-shell .hc-mt .hc-topic-search{display:block;width:100%;margin:0 0 12px;height:40px;border-radius:10px;background:#fff;border:1.5px solid #b9c4d1;padding:0 12px;font-size:14px}
.hc-mt-sec{background:#1f3a5c;color:#fff;font-weight:800;font-size:17px;border-radius:8px;padding:9px 14px;margin:12px 0 8px}
.hc-mt-sec.is-gray{background:#5b6b80}
.hc-mt-item{margin:0 2px 12px}
body .hc-shell .hc-mt-title{display:block;border:0;background:none;padding:0;margin-bottom:5px;font-weight:800;font-size:15px;color:#1b2b40;text-align:left;min-height:0}
.hc-mt-row{display:flex;gap:8px;align-items:stretch;margin-bottom:6px}
body .hc-shell .hc-mt-value{flex:1;background:#fff;border:1.5px solid #b9c4d1;border-radius:8px;padding:8px 10px;font-size:14px;line-height:1.45;font-weight:700;color:#1b2b40;text-align:left;min-height:0}
.hc-mt-value.is-big{font-size:15px}
.hc-mt-value small{display:block;font-size:11px;color:#8b6a1e;font-weight:800}
.hc-mt-value small.is-none{color:#6b7c90;font-weight:600}
.hc-mt-value small.is-who{color:#6b7c90;font-weight:600;margin-top:4px}
body .hc-shell .hc-mt-chip{background:#7a4fa3;color:#fff;border:0;border-radius:6px;min-width:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;font-size:13px;padding:4px 6px;min-height:0}
body .hc-shell .hc-mt-chip.is-drawing{background:#2f6fd6}
body .hc-shell .hc-mt-chip.is-event{background:#14a38b}
.hc-mt-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}
body .hc-shell .hc-mt-head button{width:36px;height:36px;border-radius:50%;border:0;background:#fff;font-size:18px;min-height:0}
.hc-mt-head strong{font-size:16px}
body .hc-shell .hc-mt .hc-topic-talk{background:none;padding:0;overflow:visible}
body:not(.genba-phone) .hc-shell .hc-compose-tools{order:0}
body:not(.genba-phone) .hc-shell .hc-input-box{order:1}
body .hc-shell .hc-mt .hc-topic-board{display:block;grid-template-columns:none;overflow:visible;padding:0;gap:0}
/* カレンダー：上に名前を並べない。「表示 ▾」→ スマホはホイール、PC は小さい窓（2026-10-26 採用 cal.html ?v=4 5） */
body .hc-cal-show{margin-left:auto;border:2px solid #2f6fd6;color:#1d4f9a;border-radius:10px;padding:6px 10px;font-weight:800;font-size:13px;background:#eef5ff;min-height:36px;white-space:nowrap;cursor:pointer;flex:0 0 auto}
body .hc-cal-show.is-many{background:linear-gradient(#f6d77a,#e3b62f);border-color:#e3b62f;color:#3a2a00}
.hc-cal-pick{position:fixed;inset:0;z-index:30000;font-family:"Hiragino Sans","Yu Gothic UI","Meiryo",sans-serif;color:#1b2b40}
.hc-cal-pick *{box-sizing:border-box}
.hc-cal-pick button{font:inherit;cursor:pointer}
.hc-cal-dim{position:absolute;inset:0;background:rgba(14,26,44,.55)}
.hc-cal-pick.is-pop .hc-cal-dim{background:transparent}
.hc-cal-panel{position:absolute;background:#fff}
.hc-cal-pick.is-sheet .hc-cal-panel{left:0;right:0;bottom:0;border-radius:16px 16px 0 0;padding:0 0 calc(18px + env(safe-area-inset-bottom))}
.hc-cal-pick.is-pop .hc-cal-panel{width:260px;border:1px solid #c8d2de;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.18);overflow:hidden}
.hc-cal-panel header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #eef1f5}
.hc-cal-panel header b{font-size:16px}
.hc-cal-panel header button{border:0;background:none;color:#8a97a8;font-weight:800;font-size:15px;padding:4px;min-height:32px}
.hc-cal-panel header [data-cal-ok]{color:#2f6fd6}
.hc-cal-wheel{position:relative}
.hc-cal-pick.is-sheet .hc-cal-wheel{height:250px;overflow:hidden}
.hc-cal-band{display:none}
.hc-cal-pick.is-sheet .hc-cal-band{display:block;position:absolute;left:12px;right:12px;top:103px;height:44px;border-radius:10px;background:#eef3fa;border:1.5px solid #c9d8ee;pointer-events:none}
.hc-cal-list{position:relative}
.hc-cal-pick.is-sheet .hc-cal-list{height:250px;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none}
.hc-cal-pick.is-sheet .hc-cal-list::-webkit-scrollbar{display:none}
.hc-cal-pad{display:none}
.hc-cal-pick.is-sheet .hc-cal-pad{display:block;height:103px}
.hc-cal-row{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;text-align:left;font-weight:800;color:#1b2b40}
.hc-cal-pick.is-sheet .hc-cal-row{height:44px;padding:0 24px;font-size:16px;scroll-snap-align:center}
.hc-cal-pick.is-sheet .hc-cal-row.is-mid{font-size:18px}
.hc-cal-pick.is-pop .hc-cal-row{padding:9px 14px;font-size:14px;gap:9px;border-bottom:1px solid #f1f3f6}
.hc-cal-pick.is-pop .hc-cal-row:hover{background:#eef5ff}
.hc-cal-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}
.hc-cal-pick.is-pop .hc-cal-box{width:18px;height:18px;flex-basis:18px;font-size:12px}
.hc-cal-row[aria-pressed="true"] .hc-cal-box{background:#2f6fd6;border-color:#2f6fd6;color:#fff}
.hc-cal-sw{width:12px;height:12px;border-radius:3px;flex:0 0 12px}
.hc-cal-panel p{margin:6px 0 0;text-align:center;font-size:12px;color:#6b7c90}
.hc-cal-pick.is-pop .hc-cal-panel p{display:none}
body.genba-phone .calendar-toolbar:has(>.hc-cal-show){grid-template-columns:max-content auto auto!important;justify-content:space-between!important;column-gap:4px!important;container-type:inline-size}
@container (max-width:370px){body.genba-phone .calendar-toolbar .month-title{font-size:19px!important}}
body.genba-phone .calendar-toolbar>.hc-cal-show{grid-area:1/3;align-self:center;margin:0 4px 0 0;padding:6px 3px;letter-spacing:-.02em}
body.genba-phone .calendar-toolbar:has(>.hc-cal-show)>#todayMonth{grid-area:1/2;justify-self:end;margin:0}

/* 2026-10-26 チャット一覧の上：「🔍 チャット名を検索」と「＋」だけ（Chatwork と同じ並び） */
body .hc-shell .hc-rooms>header.hc-rooms-head{display:flex;align-items:center;gap:8px;padding:8px 10px}
.hc-search-row{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:0 10px;height:38px;border:1.5px solid #c8d2de;border-radius:8px;background:#fff;color:#6b7c90}
.hc-search-icon{display:inline-flex;flex:0 0 auto}
body .hc-shell .hc-search-row .hc-search{flex:1;min-width:0;border:0!important;outline:0;background:none!important;margin:0!important;padding:0!important;height:100%;font-size:14px;box-shadow:none!important;border-radius:0!important}
body .hc-shell .hc-rooms-head [data-new-room]{flex:0 0 38px;width:38px;height:38px;border-radius:50%;min-height:0;padding:0}
/* チャットを作る：メンバーは金色のプルダウン */
.hc-new-members{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 4px;font-weight:800;font-size:14px;color:#40546d}
.hc-gold-pick{border:1.5px solid #c99a1f;background:linear-gradient(#f6d77a,#e3b62f);color:#3a2a00;border-radius:9px;font:inherit;font-size:14px;font-weight:800;padding:7px 14px;min-height:38px;cursor:pointer}
.hc-new-members small{flex-basis:100%;font-size:13px;font-weight:600;color:#1b2b40}
/* 2026-10-26 チャットの時は右上の「名称と項目を設定」を出さない（全画面表示も出さない：app.js） */
body:has(.hc-shell) #openSettings{display:none!important}
html body:not(.genba-phone):has(.hc-shell) .navigation-actions #openSettings.navigation-settings.icon-button{display:none!important}
/* 2026-10-26 対応の期限：月・日・時刻のホイール（年は出さない） */
.hc-to-due .hc-gold-pick{margin-left:auto;padding:5px 12px;min-height:32px;font-size:13px}
.hc-due-wheel{position:fixed;inset:0;z-index:30010;font-family:"Hiragino Sans","Yu Gothic UI","Meiryo",sans-serif;color:#1b2b40}
.hc-due-wheel *{box-sizing:border-box}
.hc-dw-dim{position:absolute;inset:0;background:rgba(14,26,44,.45)}
.hc-due-wheel.is-pop .hc-dw-dim{background:transparent}
.hc-dw-panel{position:absolute;background:#fff}
.hc-due-wheel.is-sheet .hc-dw-panel{left:0;right:0;bottom:0;border-radius:16px 16px 0 0;padding-bottom:calc(12px + env(safe-area-inset-bottom))}
.hc-due-wheel.is-pop .hc-dw-panel{width:320px;border:1px solid #c8d2de;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.2);overflow:hidden;padding-bottom:8px}
.hc-dw-panel header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #eef1f5}
.hc-dw-panel header b{font-size:16px}
.hc-dw-panel header button{border:0;background:none;font:inherit;font-size:15px;font-weight:800;color:#8a97a8;cursor:pointer;padding:4px;min-height:32px}
.hc-dw-panel header [data-dw-ok]{color:#2f6fd6}
.hc-dw-body{position:relative;display:grid;grid-template-columns:1fr 1fr 1.3fr;height:200px}
.hc-dw-band{position:absolute;left:10px;right:10px;top:80px;height:40px;border-radius:9px;background:#eef3fa;border:1.5px solid #c9d8ee;pointer-events:none}
.hc-dw-col{position:relative;height:200px;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;text-align:center}
.hc-dw-col::-webkit-scrollbar{display:none}
.hc-dw-pad{height:80px}
.hc-dw-item{height:40px;line-height:40px;scroll-snap-align:center;font-size:16px;font-weight:700;color:#8a97a8;cursor:pointer}
.hc-dw-item.is-mid{color:#1b2b40;font-size:18px;font-weight:800}
.hc-dw-panel p{margin:6px 0 0;text-align:center;font-size:13px;font-weight:800;color:#6a4b00}
/* 2026-10-26 「Enterで送信」のチェックは出さない（Shift＋Enter か 送信ボタンで送る） */
body .hc-shell .hc-enter{display:none!important}
/* 2026-10-26 仁見さん：PC と iPad は、上の並びに「朝礼」を出さない（マイクの下・QR の左の「朝礼」から開く）。iPhone だけ朝礼のタブがある */
html body:not(.genba-phone) .global-nav-button[data-nav-label="朝礼"]{display:none!important}

/* 2026-10-26 TO はすぐ名前のホイール。下に「🔔 対応の期限」 */
.hc-tw-body{grid-template-columns:1fr!important}
.hc-to-wheel .hc-dw-item{font-size:16px}
.hc-tw-due{display:flex;align-items:center;gap:8px;padding:10px 16px 4px;font-size:14px;font-weight:800;color:#40546d;border-top:1px solid #eef1f5}
.hc-tw-due .hc-gold-pick{margin-left:auto;padding:5px 12px;min-height:32px;font-size:13px}
.hc-due-wheel.is-over{z-index:30020}
html body .hc-shell .hc-chat-head .hc-switch.hc-switch{display:none!important}

/* 2026-10-26 名前の右の電話番号（スマホだけ。押すと電話） */
.hc-message-heading .hc-who{display:inline-flex;align-items:center;gap:8px;min-width:0}
.hc-message-heading .hc-tel{display:inline-flex;align-items:center;gap:3px;padding:2px 9px;border-radius:999px;border:1px solid #9fd8b0;background:#eefaf1;color:#147a3a;font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap;line-height:18px}
.hc-message-heading .hc-tel:active{background:#d6f3df}

/* 2026-10-26 仁見さん：チャットの設定の概要を広く（PC・iPad） */
body:not(.genba-phone) .hc-sheet.hc-room-settings{width:min(820px,calc(100vw - 48px))!important;max-width:none!important}
.hc-sheet.hc-room-settings textarea[name=description]{min-height:220px!important;font-size:15px!important;line-height:1.6!important}

/* 2026-10-26 スマホの部屋の上：🔍・⋯。入れる欄の「＋」 */
.hc-phone-tools{display:none}
body.genba-phone .hc-phone-tools{display:flex;gap:6px;margin-left:auto;flex:none}
body.genba-phone .hc-phone-tools button{width:40px;height:40px;border-radius:50%;border:1px solid #dbe3ec;background:#f4f7fa;color:#24364c;font-size:18px;font-weight:900;line-height:1;display:flex;align-items:center;justify-content:center;padding:0}
.hc-room-find{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #e3e8ee;background:#fff}
.hc-room-find[hidden]{display:none}
.hc-room-find input{flex:1;min-width:0;border:2px solid #c8d2de;border-radius:10px;padding:8px 10px;font-size:16px}
.hc-room-find span{font-size:13px;font-weight:800;color:#5b6b80;white-space:nowrap}
.hc-room-find button{border:1px solid #c8d2de;background:#fff;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:700}
.hc-messages .hc-message[hidden]{display:none!important}
.hc-shell .hc-compose-tools>.hc-attach{font-size:22px;font-weight:900;color:#24364c;min-width:36px}
body.genba-phone .hc-compose-tools{justify-content:flex-start!important;gap:10px!important}
body.genba-phone .hc-shell .hc-compose-tools>.hc-send{margin-left:auto}
.hc-attach-menu{display:flex;flex-direction:column;gap:10px}
.hc-attach-menu button{min-height:52px;border:1px solid #c8d2de;border-radius:12px;background:#fff;font-size:16px;font-weight:800;color:#1b2b40;text-align:left;padding:0 16px}
.hc-more h4{margin:4px 0 6px;font-size:13px;color:#5b6b80}
.hc-more-desc{margin:0 0 12px;white-space:pre-wrap;font-size:15px;line-height:1.6;color:#1b2b40}
.hc-more-desc span{color:#8fa3bd}
.hc-more-members{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.hc-more-members span{padding:4px 10px;border-radius:999px;background:#eef3f8;font-size:13px;font-weight:700}
.hc-more .hc-primary{width:100%;min-height:48px}

/* 2026-10-26 チャットの設定：メンバーのチェックボックス */
.hc-member-checks{border:1px solid #dbe3ec;border-radius:12px;padding:10px 12px;margin:4px 0 8px;display:flex;flex-wrap:wrap;gap:8px 16px}
.hc-member-checks legend{font-size:13px;font-weight:800;color:#5b6b80;padding:0 4px}
.hc-member-checks label{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:6px;font-size:15px;font-weight:700;color:#1b2b40;min-height:36px}
.hc-member-checks input{width:20px;height:20px;accent-color:#2c5fd0;margin:0}
.hc-member-checks p{margin:0;font-size:13px;color:#8fa3bd}

/* 2026-10-26 仁見さん：TO の名前は Slack・Chatwork のメンションのように青い印で塗る */
.hc-to-line .hc-to-name{display:inline-flex;align-items:center;background:#dbe9ff;color:#1f5fd0;font-weight:800;border-radius:4px;padding:1px 7px;margin-right:4px;line-height:1.5}
.hc-message.is-mine .hc-to-line .hc-to-name{background:#cfe0ff}
/* 電話番号は青い字（スマホは押すと電話。PC・iPad は字だけ） */
.hc-message-heading .hc-tel{border:0!important;background:none!important;color:#1f6fd6!important;padding:0 2px!important;font-weight:800}
.hc-message-heading a.hc-tel{text-decoration:underline;text-underline-offset:2px}
.hc-message-heading .hc-tel.is-text{cursor:text;user-select:text}

/* 2026-10-26 iPhone で入力中は画面全体を動かさない */
html.hc-typing,html.hc-typing body{overflow:hidden!important;overscroll-behavior:none}
.hc-member-checks .is-me span{color:#5b6b80}

/* 2026-10-26 仁見さん：話の後ろは本当に薄い青（Chatwork より少し濃い）。話は白。字は大きく見やすく */
.hc-shell .hc-messages{background:#e4eef8!important}
.hc-shell .hc-bubble{border:1px solid #d5e1ee!important;background:#fff!important;box-shadow:0 1px 2px rgba(15,42,68,.06)}
.hc-shell .is-mine .hc-bubble{background:#fff!important;border:1px solid #9cc7ee!important;box-shadow:0 1px 2px rgba(15,42,68,.06)!important}
.hc-shell .hc-text{font-size:16px!important;line-height:1.6!important;color:#111c27!important}
body.genba-phone .hc-shell .hc-text{font-size:17px!important}
.hc-shell .hc-day{color:#5b6b80!important;font-weight:700;text-shadow:none}
.hc-shell .hc-message-heading time{color:#6b7c90!important;text-shadow:none}
.hc-shell .hc-message-heading .hc-author{color:#1b2b40!important;font-weight:800}
.hc-shell .hc-message-heading .hc-tel{background:none!important;padding:0 2px!important}

/* 2026-10-26 仁見さん：PC は部屋の一覧を細く・「チャット名を検索」はなし・概要を広く。部屋の上の真ん中に、この部屋の検索 */
.hc-shell .hc-search{display:none!important}
@media(min-width:1101px){body:not(.genba-phone) .hc-shell{grid-template-columns:210px minmax(0,1fr) 360px!important}body:not(.genba-phone) .hc-shell .hc-aside{width:360px!important}}
.hc-head-find{display:none}
body:not(.genba-phone) .hc-head-find{display:flex;align-items:center;gap:6px;margin:0 auto;flex:0 1 320px;min-width:140px;border:1px solid #c8d2de;border-radius:999px;padding:4px 12px;background:#f7f9fb}
body:not(.genba-phone) .hc-head-find input{border:0;background:none;outline:0;font-size:14px;flex:1;min-width:0}
body:not(.genba-phone) .hc-head-find em{font-style:normal;font-size:12px;font-weight:800;color:#5b6b80;white-space:nowrap}

/* 自分の話の編集 */
.hc-edit-form{display:flex;flex-direction:column;gap:10px}
.hc-edit-form textarea{border:2px solid #c8d2de;border-radius:10px;padding:10px;font:inherit;font-size:16px;line-height:1.6;min-height:160px}
.hc-shell .hc-edited{color:#6b7c90;font-size:11px;margin-left:auto;margin-right:6px}

/* 2026-10-26 リンクを押せる・概要の ✏️ */
.hc-link{color:#1f5fd0;text-decoration:underline;word-break:break-all}
.hc-card h3{display:flex;align-items:center;justify-content:space-between}
.hc-desc-edit{border:1px solid #c8d2de;background:#fff;border-radius:8px;width:32px;height:32px;font-size:15px;cursor:pointer;padding:0}
.hc-description{white-space:pre-wrap;line-height:1.6;font-size:14px}
.hc-desc-none{color:#8fa3bd;font-size:13px}
.hc-more-edit{width:100%;min-height:44px;border:1px solid #c8d2de;border-radius:10px;background:#fff;font-size:15px;font-weight:800;margin:0 0 12px}

/* 左の一覧の検索の枠は出さない。部屋の上の名前は切らない */
.hc-shell .hc-search-row .hc-search-icon{display:none!important}
.hc-shell .hc-search-row{border:0!important;background:none!important;box-shadow:none!important}
body:not(.genba-phone) .hc-chat-head>strong{flex:0 0 auto;max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body:not(.genba-phone) .hc-head-find{flex:1 1 200px!important;max-width:300px}
/* 話にマウスを乗せた時の行は、水色の上で薄い白 */
.hc-shell .hc-messages .hc-message:hover{background:rgba(47,111,214,.05)!important}

/* 入力中の TO・RE の行の青い印（入力の欄の後ろの層） */
.hc-input-box{position:relative}
.hc-input-mirror{position:absolute;margin:0;overflow:hidden;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;color:transparent;border-style:solid;border-color:transparent;pointer-events:none;z-index:0;background:#fff;border-radius:inherit}
.hc-input-mirror mark{background:#dbe9ff;color:transparent;border-radius:4px;box-shadow:0 0 0 2px #dbe9ff}
.hc-input-box textarea.hc-input{position:relative;z-index:1;background:transparent!important}



/* 2026-10-26 仁見さん：TO・ALL の印は Slack のメンションの色（蛍光ペンのような薄い水色に青い字） */
.hc-shell .hc-to-line .hc-to-tag,.hc-shell .hc-to-line .hc-to-name,.hc-shell .is-mine .hc-to-line .hc-to-name{background:#e1f2fa!important;color:#1264a3!important;font-weight:700!important;border-radius:4px!important;box-shadow:none!important}
.hc-shell .hc-to-line .hc-to-tag{padding:1px 0 1px 6px!important;margin-right:0!important;border-radius:4px 0 0 4px!important;font-size:inherit!important;line-height:1.5!important}
.hc-shell .hc-to-line .hc-to-name{padding:1px 6px 1px 4px!important;border-radius:0 4px 4px 0!important;margin-right:6px!important}
.hc-input-mirror mark{background:#e1f2fa!important;box-shadow:0 0 0 2px #e1f2fa!important}

/* スマホの ⋯：右から出る概要の窓。上の「📌 概要」の帯は出さない */
.hc-drawer{position:fixed;inset:0;z-index:2147482700}
.hc-drawer-dim{position:absolute;inset:0;background:rgba(15,25,40,.35);opacity:0;transition:opacity .2s}
.hc-drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(86vw,380px);background:#fff;box-shadow:-8px 0 24px rgba(15,42,68,.2);transform:translateX(100%);transition:transform .22s ease;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}
.hc-drawer.is-open .hc-drawer-dim{opacity:1}
.hc-drawer.is-open .hc-drawer-panel{transform:none}
.hc-drawer-panel header{display:flex;align-items:center;gap:8px;padding:14px 14px 10px;border-bottom:1px solid #e3e8ee}
.hc-drawer-panel header b{font-size:17px;margin-right:auto;color:#1b2b40}
.hc-drawer-panel header button{width:40px;height:40px;border-radius:50%;border:1px solid #d5e1ee;background:#f4f7fa;font-size:17px}
.hc-drawer-body{padding:14px 16px;overflow:auto;white-space:pre-wrap;font-size:16px;line-height:1.7;color:#1b2b40}
body.genba-phone .hc-shell .hc-room-overview{display:none!important}
/* 吹き出しを押しやすく（指で動かすのを止めない） */
.hc-shell .hc-message .hc-bubble{touch-action:manipulation!important}

@media(max-width:1300px){body:not(.genba-phone) .hc-shell .hc-head-find{flex:0 1 150px!important;min-width:110px!important}}

/* 2026-10-26 iPhone・iPad の長押しの窓（LINE と同じ大きさ・形） */
.hc-lpop{position:fixed;inset:0;z-index:2147482600}
.hc-lpop-dim{position:absolute;inset:0;background:transparent}
.hc-lpop-box{position:absolute;width:min(292px,calc(100vw - 16px));background:rgba(38,42,50,.97);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.35);padding:8px 6px;color:#fff}
.hc-lpop-react{display:flex;justify-content:space-around;padding:2px 2px 8px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:6px}
.hc-lpop-react button{width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.08);font-size:20px;line-height:1;color:#fff;padding:0}
.hc-lpop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
.hc-lpop-grid button{border:0;background:none;color:#fff;display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 2px 7px;border-radius:8px;min-height:60px}
.hc-lpop-grid button:active{background:rgba(255,255,255,.12)}
.hc-lpop-grid b{font-size:20px;line-height:1;font-weight:400;filter:grayscale(1) brightness(2.2)}
.hc-lpop-grid small{font-size:11px;font-weight:600;color:#e6e9ee;white-space:nowrap}
.hc-shell .hc-bubble.is-pressed{filter:brightness(.92)}
.hc-shell .hc-compose-tools>.hc-attach svg{display:block}

/* 2026-10-26 仁見さん：チャットの色は案B。まわり（左の一覧・上・入力の周り・概要の外側）は左のメニューと同じ紺、真ん中の話の欄は薄い青、概要は白い板 */
.hc-shell .hc-rooms,.hc-shell .hc-aside,.hc-shell .hc-chat-head,.hc-shell .hc-composer{background:#0f1d33!important;color:#e7eef8}
.hc-shell .hc-rooms{border-right:1px solid rgba(79,216,238,.25)!important}
.hc-shell .hc-aside{border-left:1px solid rgba(79,216,238,.25)!important}
.hc-shell .hc-chat-head{border-bottom:1px solid rgba(79,216,238,.25)!important}
.hc-shell .hc-composer{border-top:1px solid rgba(79,216,238,.25)!important}
.hc-shell .hc-rooms-head{background:transparent!important;border-color:rgba(79,216,238,.18)!important}
.hc-shell .hc-room-row{background:transparent!important;border-color:rgba(79,216,238,.10)!important}
.hc-shell .hc-room-row b,.hc-shell .hc-chat-head strong{color:#fff!important}
.hc-shell .hc-room-row small{color:#8fb3d3!important}
.hc-shell .hc-room-row.is-active{background:rgba(79,216,238,.14)!important;outline:0!important;box-shadow:inset 3px 0 0 #4fd8ee!important}
.hc-shell .hc-messages{background:#dbe8f5!important}
.hc-shell .hc-compose-tools>button:not(.hc-send){color:#bfefff!important;background:transparent!important}
.hc-shell .hc-aside .hc-card{background:#fff!important;border:1px solid #4fd8ee!important;color:#1b2b40!important;box-shadow:0 0 16px rgba(79,216,238,.18)!important}
.hc-shell .hc-aside .hc-card *{color:#1b2b40}
.hc-shell .hc-aside .hc-card a{color:#1f5fd0!important}
.hc-shell .hc-chat-head .hc-back,.hc-shell .hc-phone-tools button,.hc-shell .hc-rooms-head button{background:#13233d!important;border:1px solid rgba(79,216,238,.45)!important;color:#bfefff!important}
body:not(.genba-phone) .hc-shell .hc-head-find{background:#0b1424!important;border-color:rgba(79,216,238,.45)!important}
body:not(.genba-phone) .hc-shell .hc-head-find input{color:#e7eef8}
.hc-shell .hc-room-find{background:#0f1d33!important;border-color:rgba(79,216,238,.25)!important}

/* 2026-10-26 仁見さん：名前の右の電話番号は、横はそのままで縦に大きく（押しやすく） */
.hc-shell .hc-message-heading .hc-tel{display:inline-flex!important;align-items:center;min-height:34px;padding:6px 12px!important;background:#fff!important;border:1px solid #bcd3ea!important;border-radius:999px!important;box-sizing:border-box}
.hc-shell .hc-message-heading{min-height:36px}

/* 2026-10-27 仁見さん：戻るの「く」は丸のちょうど真ん中（字ではなく線の矢印） */
body.genba-phone .hc-shell .hc-chat-head .hc-back{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;padding:0!important;line-height:0!important;flex:none}
body.genba-phone .hc-shell .hc-chat-head .hc-back svg{display:block;margin-left:-2px}

/* 2026-10-27 仁見さん：スマホで入力中は、上の黄色いアラートの帯を消す（キーボードを閉じると戻る） */
/* （入力中も帯は残すことになった 2026-10-27） */

/* 2026-10-27 スマホの入力の欄：最初は1行分（高さ44px）、5行まで伸びる */
body.genba-phone .hc-shell textarea.hc-input{min-height:44px!important;max-height:132px!important;height:44px;line-height:22px!important;padding:10px 12px!important;resize:none!important;overflow-y:auto}

/* 2026-10-27 仁見さん：スマホの入力の欄は Chatwork と同じ大きさ（1行で高さ36px・細い線・角は少し丸い）。5行まで伸びる */
body.genba-phone .hc-shell textarea.hc-input{min-height:36px!important;height:36px;max-height:124px!important;line-height:20px!important;padding:7px 10px!important;border-width:1.5px!important;border-radius:6px!important;font-size:16px!important}
body.genba-phone .hc-shell .hc-composer{padding-top:8px!important;padding-bottom:6px!important}
body.genba-phone .hc-shell .hc-input-box{padding:0!important;border-width:1.5px!important;border-radius:6px!important;overflow:hidden}
body.genba-phone .hc-shell textarea.hc-input{display:block!important;border:0!important;border-radius:0!important;margin:0!important}

/* 2026-10-27 仁見さん：スマホの入力は Slack と同じく、入力の欄と TO・写真・送信を1つの枠にまとめて低く（キーボードの上を広く） */
html body.genba-phone .hc-shell form.hc-composer{display:flex!important;flex-direction:column!important;margin:6px 8px 8px!important;padding:0!important;background:#fff!important;border:1.5px solid #e3b62f!important;border-radius:14px!important;overflow:hidden;gap:0!important}
html body.genba-phone .hc-shell form.hc-composer .hc-input-box{order:1;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;background:#fff!important}
html body.genba-phone .hc-shell form.hc-composer textarea.hc-input{padding:8px 12px 2px!important;min-height:34px!important;height:34px}
html body.genba-phone .hc-shell form.hc-composer .hc-compose-tools{order:2;display:flex!important;align-items:center!important;gap:16px!important;padding:0 6px 4px 10px!important;margin:0!important;min-height:36px;background:#fff!important}
html body.genba-phone .hc-shell form.hc-composer .hc-compose-tools>button:not(.hc-send){color:#24364c!important;background:transparent!important;font-size:16px!important;min-width:28px!important;padding:2px!important}
html body.genba-phone .hc-shell form.hc-composer .hc-compose-tools>.hc-attach svg{width:21px;height:21px}
html body.genba-phone .hc-shell form.hc-composer .hc-compose-tools>.hc-send{margin-left:auto!important;font-size:0!important;width:40px!important;min-width:40px!important;height:32px!important;padding:0!important;border:0!important;border-radius:8px!important;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232f6fd6'%3E%3Cpath d='M3.4 20.4 21 12 3.4 3.6 3.4 10l12.6 2-12.6 2z'/%3E%3C/svg%3E") center/24px no-repeat!important}

/* 2026-10-27 仁見さん：トークの文字は一段小さく（スマホ 17→16px、PC 16→15px）。入力の欄は iPhone の拡大を防ぐため 16px のまま */
.hc-shell .hc-text{font-size:15px!important}
body.genba-phone .hc-shell .hc-text{font-size:16px!important}

/* 2026-10-27 仁見さん（案2）：チャット｜メモ の切り替えとメモ */
.hc-shell .hc-list-tabs{display:flex;margin:6px 10px 6px;border:1px solid rgba(79,216,238,.5);border-radius:10px;overflow:hidden;flex:none}
.hc-shell .hc-list-tabs button{flex:1;border:0;background:transparent;color:#c9d6e6;font-weight:800;font-size:14px;padding:8px 0;min-height:36px}
.hc-shell .hc-list-tabs button[aria-pressed="true"]{background:rgba(227,182,47,.18);color:#f6d77a;box-shadow:inset 0 -2px 0 #e3b62f}
.hc-shell .hc-memo-count{display:inline-block;background:#d0021b;color:#fff;border-radius:9px;font-size:11px;font-style:normal;padding:0 6px;margin-left:4px;line-height:17px}
.hc-shell .hc-memo-count[hidden]{display:none}
.hc-shell .hc-memo-pane{overflow:auto;flex:1;min-height:0;padding:0 0 10px}
.hc-shell .hc-memo-pane[hidden]{display:none}
.hc-memo-chips{display:flex;gap:6px;margin:2px 10px 6px}
.hc-memo-chips button{border:1px solid rgba(79,216,238,.45);background:transparent;color:#bfefff;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:800}
.hc-memo-chips button[aria-pressed="true"]{background:#4fd8ee;color:#0b1424}
.hc-memo-card{display:block;width:calc(100% - 20px);margin:6px 10px;text-align:left;background:#fff;border:0;border-left:4px solid #4fd8ee;border-radius:10px;padding:9px 12px;color:#1b2b40;font-size:14px;line-height:1.45;cursor:pointer}
.hc-memo-card.is-personal{border-left-color:#e3b62f}
.hc-memo-card b{display:block;font-size:14px}
.hc-memo-text{display:block;white-space:pre-wrap;overflow-wrap:anywhere}
.hc-memo-card small{display:block;color:#6b7c90;font-size:11px;margin-top:3px}
.hc-memo-tags{display:flex;gap:6px;align-items:center;margin-bottom:3px}
.hc-memo-tags i{font-style:normal;font-size:11px;font-weight:800;border-radius:6px;padding:1px 7px}
.hc-memo-tags .is-p{background:#fff4d6;color:#8a5a00}.hc-memo-tags .is-t{background:#e1f2fa;color:#1264a3}.hc-memo-tags .is-a{background:#ffe3e3;color:#c0392b}
.hc-memo-tags .is-new{margin-left:auto;background:#d0021b;color:#fff;font-weight:900;padding:0 5px}
.hc-memo-add{display:block;width:calc(100% - 20px);margin:6px 10px;border:1.5px dashed rgba(79,216,238,.6);background:transparent;border-radius:10px;padding:10px;color:#bfefff;font-weight:800;font-size:14px}
.hc-memo-form{display:flex;flex-direction:column;gap:8px}
.hc-memo-form input[name=title]{border:1.5px solid #c8d2de;border-radius:10px;padding:9px 10px;font-size:16px}
.hc-memo-form textarea{border:1.5px solid #e3b62f;border-radius:10px;padding:10px;font-size:16px;line-height:1.55;min-height:130px}
.hc-memo-lab{font-size:12px;font-weight:800;color:#5b6b80;margin-top:4px}
.hc-memo-seg{display:flex;border:1px solid #c8d2de;border-radius:10px;overflow:hidden}
.hc-memo-seg button{flex:1;border:0;background:#fff;padding:10px 0;font-weight:800;font-size:14px;color:#40546d}
.hc-memo-seg button[aria-pressed="true"]{background:#2f6fd6;color:#fff}
.hc-memo-alert{display:flex;align-items:center;gap:8px;font-weight:800;font-size:14px;margin-top:4px}
.hc-memo-alert input{width:20px;height:20px;accent-color:#2f6fd6}
.hc-memo-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
.hc-memo-btns button{min-height:44px;border-radius:10px;font-weight:800;font-size:15px;border:1px solid #c8d2de;background:#fff}
.hc-memo-del{align-self:center;border:0;background:none;color:#c0392b;font-weight:700;font-size:13px;padding:6px}
/* スマホは一番上に「チャット・メモを検索」を出す（一覧が少し下がって押しやすい） */
body.genba-phone .hc-shell .hc-search{display:block!important}
body.genba-phone .hc-shell .hc-search-row{display:flex!important;align-items:center;gap:8px;height:40px;border-radius:20px!important;background:#0b1424!important;border:1px solid rgba(79,216,238,.5)!important;padding:0 12px!important;flex:1}
body.genba-phone .hc-shell .hc-search-row .hc-search-icon{display:inline-flex!important;color:#8fb3d3}
body.genba-phone .hc-shell .hc-search{background:transparent!important;border:0!important;color:#e7eef8!important;font-size:16px!important;flex:1;min-width:0;outline:0}
body.genba-phone .hc-shell .hc-rooms-head{display:flex!important;align-items:center;gap:8px;padding:10px 10px 4px!important}

.hc-shell .hc-memo-add,body .hc-shell .hc-memo-pane .hc-memo-add{background:transparent!important;border:1.5px dashed rgba(79,216,238,.6)!important;color:#bfefff!important}
.hc-sheet .hc-memo-btns button.hc-primary{background:#2f6fd6!important;border-color:#2f6fd6!important;color:#fff!important}

/* 2026-10-27 仁見さん：概要はなくす。PC・iPad は左の一覧を広く（右の欄なし） */
body .hc-shell .hc-aside{display:none!important}
@media(min-width:1101px){body:not(.genba-phone) .hc-shell{grid-template-columns:320px minmax(0,1fr)!important}}
@media(max-width:1100px){body:not(.genba-phone) .hc-shell{grid-template-columns:300px minmax(0,1fr)!important}}
body .hc-shell .hc-room-overview{display:none!important}
/* メモのピン留め：留めたメモは一番上、右上に 📌 */
.hc-mrow{position:relative}
.hc-mrow .hc-memo-card{padding-right:40px}
.hc-mpin{position:absolute;right:16px;top:8px;z-index:1;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#6b7c90;font-size:15px;cursor:pointer;padding:0}
.hc-mpin svg{width:18px;height:18px}
.hc-mpin:not(.is-on){opacity:.45}
.hc-mrow.is-pinned .hc-memo-card{box-shadow:inset 0 0 0 1.5px #e3b62f}
.hc-mpin{background:transparent!important;border:0!important;box-shadow:none!important}

/* 2026-10-27 仁見さん：スマホの入力は LINE と同じ1行。左に TO・写真、真ん中に入力の欄。字を入れると TO・写真は「›」にたたみ、右に送信 */
.hc-shell .hc-tools-open{display:none}
html body.genba-phone .hc-shell form.hc-composer{position:relative;flex-direction:row!important;align-items:flex-end!important;gap:6px!important;margin:0!important;padding:6px 8px 8px!important;background:#0f1d33!important;border:0!important;border-top:1px solid rgba(79,216,238,.25)!important;border-radius:0!important;overflow:visible!important}
html body.genba-phone .hc-shell form.hc-composer .hc-compose-tools{display:contents!important}
html body.genba-phone .hc-shell form.hc-composer .hc-compose-tools>button{flex:none;height:38px!important;min-height:38px!important;margin:0!important;align-self:flex-end}
html body.genba-phone .hc-shell form.hc-composer .hc-compose-tools>[data-to]{order:1;color:#bfefff!important;font-size:16px!important;font-weight:800!important;padding:0 6px!important;min-width:38px!important}
html body.genba-phone .hc-shell form.hc-composer .hc-compose-tools>.hc-attach{order:2;color:#bfefff!important;padding:0 4px!important;min-width:34px!important;display:flex;align-items:center;justify-content:center}
html body.genba-phone .hc-shell form.hc-composer .hc-compose-tools>.hc-attach svg{width:24px;height:24px}
html body.genba-phone .hc-shell form.hc-composer .hc-compose-tools>.hc-tools-open{order:0;width:30px!important;min-width:30px!important;padding:0!important;border:0!important;background:transparent!important;color:#bfefff!important;align-items:center;justify-content:center}
html body.genba-phone .hc-shell form.hc-composer .hc-enter{display:none!important}
html body.genba-phone .hc-shell form.hc-composer .hc-input-box{order:3;flex:1 1 auto;min-width:0;border:1.5px solid #e3b62f!important;border-radius:19px!important;background:#fff!important;padding:0!important;margin:0!important;overflow:hidden}
html body.genba-phone .hc-shell form.hc-composer textarea.hc-input{padding:8px 14px!important;min-height:36px!important}
html body.genba-phone .hc-shell form.hc-composer .hc-compose-tools>.hc-send{order:4;display:none!important;width:38px!important;min-width:38px!important;border-radius:50%!important;margin-left:0!important;background:#2f6fd6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M21 3L3 10.5l7.5 3L13.5 21z'/%3E%3Cpath d='M21 3l-10.5 10.5'/%3E%3C/svg%3E") center/20px no-repeat!important}
html body.genba-phone .hc-shell form.hc-composer.has-text .hc-compose-tools>.hc-send{display:block!important}
html body.genba-phone .hc-shell form.hc-composer.has-text:not(.show-tools) .hc-compose-tools>[data-to],html body.genba-phone .hc-shell form.hc-composer.has-text:not(.show-tools) .hc-compose-tools>.hc-attach{display:none!important}
html body.genba-phone .hc-shell form.hc-composer.has-text:not(.show-tools) .hc-compose-tools>.hc-tools-open{display:flex!important}
/* TO：入力の欄のすぐ上に名前を並べる */
.hc-to-quick{position:absolute;left:8px;right:8px;bottom:calc(100% + 6px);z-index:60;background:#fff;border:1.5px solid #e3b62f;border-radius:14px;box-shadow:0 6px 20px rgba(0,0,0,.35);padding:8px 10px 10px;color:#1b2b40;max-height:46vh;overflow:auto}
.hc-to-quick header{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.hc-to-quick header b{font-size:15px;color:#1264a3}
.hc-tq-due{margin-left:auto;border:1px solid #c8d2de;background:#f5f8fb;border-radius:8px;padding:5px 10px;font-size:13px;font-weight:700;color:#24364c}
.hc-tq-close{width:32px;height:32px;border:0;background:transparent;font-size:20px;color:#6b7c90}
.hc-tq-list{display:flex;flex-wrap:wrap;gap:8px}
.hc-tq-name{display:inline-flex;align-items:center;gap:6px;border:1px solid #b9c4d1;background:#fff;border-radius:20px;padding:4px 12px 4px 4px;font-size:15px;font-weight:700;color:#1b2b40;min-height:40px}
.hc-tq-name .hc-avatar{width:28px;height:28px;font-size:12px}
html body.genba-phone .hc-shell form.hc-composer .hc-compose-tools>button[data-to]:not(.hc-send),html body.genba-phone .hc-shell form.hc-composer .hc-compose-tools>button.hc-attach:not(.hc-send),html body.genba-phone .hc-shell form.hc-composer .hc-compose-tools>button.hc-tools-open:not(.hc-send){color:#bfefff!important;font-size:16px!important}

/* 2026-10-27 仁見さん：検索窓を大きく。ヒットした字は黄色 */
mark.hc-hit{background:#ffe14d;color:#1b2b40;border-radius:3px;padding:0 1px;box-shadow:0 0 0 1px #e3b62f}
.hc-room-row mark.hc-hit,.hc-memo-card mark.hc-hit{color:#1b2b40}
html body:not(.genba-phone) .hc-shell .hc-head-find{flex:1 1 440px!important;max-width:520px!important;min-width:240px!important;height:40px;padding:0 16px!important;gap:8px}
html body:not(.genba-phone) .hc-shell .hc-head-find input{font-size:16px!important;height:100%}
html body:not(.genba-phone) .hc-shell .hc-head-find em{font-size:13px;color:#f6d77a}
@media(max-width:1300px){html body:not(.genba-phone) .hc-shell .hc-head-find{flex:1 1 300px!important;min-width:200px!important}}
html body.genba-phone .hc-shell .hc-search-row{min-height:46px!important;border-radius:23px!important}
html body.genba-phone .hc-shell .hc-search-row .hc-search{font-size:17px!important}
html body.genba-phone .hc-shell .hc-room-find input{font-size:17px;padding:10px 12px;height:46px}

/* 2026-10-27 仁見さん：長押しは LINE と同じ。リアクションは黒い窓の上に白い帯で別に（✓ は緑）。話は暗くしない */
.hc-lpop-box{background:transparent!important;box-shadow:none!important;padding:0!important;width:min(300px,calc(100vw - 16px))!important}
.hc-lpop-react{background:#fff!important;border:0!important;border-radius:28px!important;box-shadow:0 6px 18px rgba(0,0,0,.28);padding:6px 8px!important;margin:0 0 8px!important;justify-content:space-between!important}
.hc-lpop-react button{width:42px!important;height:42px!important;background:#f1f3f6!important;color:#1b2b40!important;font-size:21px!important}
.hc-lpop-react button.is-check{background:#06c755!important;color:#fff!important;font-weight:900}
.hc-lpop-grid{background:rgba(38,42,50,.97);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.35);padding:8px 6px}
.hc-shell .hc-bubble.is-pressed{filter:none!important}
/* 返信の帯（スマホ）：入力の欄のすぐ上 */
html body.genba-phone .hc-shell form.hc-composer{flex-wrap:wrap!important}
.hc-reply-bar{order:-1;flex:0 0 100%;display:flex;align-items:center;gap:10px;padding:6px 4px 8px;margin:0 0 2px;border-bottom:1px solid rgba(79,216,238,.2);color:#e7eef8;min-width:0}
.hc-reply-bar .hc-avatar{width:30px;height:30px;font-size:13px;flex:none}
.hc-reply-bar span{display:flex;flex-direction:column;min-width:0;flex:1}
.hc-reply-bar b{font-size:13px;color:#fff}
.hc-reply-bar small{font-size:12px;color:#9fb6cc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hc-reply-x{flex:none;width:34px;height:34px;border:0;background:transparent;color:#bfefff;font-size:20px}
/* スマホ・iPad は話の行に色を付けない（iPhone は押した後も :hover が残り、選ばれたように見える） */
html body.genba-touch .hc-shell .hc-messages .hc-message:hover,html body.genba-phone .hc-shell .hc-messages .hc-message:hover{background:transparent!important}
html body .hc-reply-bar .hc-reply-x{background:transparent!important;border:0!important;box-shadow:none!important;color:#bfefff!important;font-size:22px!important}

/* 2026-10-27 仁見さん：リアクションは絵だけ（了解・ありがとうの字はなし）。✓ は緑。押すと誰が押したか */
html body .hc-shell .hc-reactions button{display:inline-flex;align-items:center;gap:4px;border:1px solid #c8d7ea!important;background:#fff!important;border-radius:14px!important;padding:2px 9px 2px 5px!important;font-size:13px!important;font-weight:800!important;color:#2b4a7a!important;min-height:26px}
html body .hc-shell .hc-reactions button i{font-style:normal;font-size:16px;line-height:1}
html body .hc-shell .hc-reactions button.is-check i,.hc-who-react i.is-check,.hc-react-row button.is-check{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#06c755!important;color:#fff!important;font-size:13px;font-weight:900}
html body .hc-shell .hc-reactions button[aria-pressed=true]{border-color:#2f6fd6!important;background:#eef5ff!important}
.hc-react-row{gap:4px!important;padding:6px!important}
.hc-react-row button{width:40px;height:40px;padding:0!important;border-radius:50%!important;font-size:20px!important;display:flex;align-items:center;justify-content:center}
.hc-react-row button.is-check{width:40px!important;height:40px!important;font-size:20px!important;border:0!important}
.hc-who-pop{min-width:200px;max-width:min(300px,calc(100vw - 16px));max-height:50vh;overflow:auto}
.hc-who-react{padding:8px 10px;color:#1b2b40}
.hc-who-react section+section{border-top:1px solid #e3e8ee;margin-top:6px;padding-top:6px}
.hc-who-react header{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.hc-who-react header i{font-style:normal;font-size:18px}
.hc-who-react header b{font-size:13px;color:#5b6b80}
.hc-who-react ul{list-style:none;margin:0;padding:0}
.hc-who-react li{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:14px;font-weight:700}
.hc-who-react li .hc-avatar{width:26px;height:26px;font-size:12px}
.hc-who-off{margin-top:8px;width:100%;border:1px solid #c8d2de;background:#f5f8fb;border-radius:8px;padding:8px;font-size:13px;font-weight:700;color:#24364c}

/* 2026-10-27 写真を付けた時の見本・写真だけでも送れる */
.hc-att-chip{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#f1f5fa;border-radius:10px;color:#1b2b40;font-size:13px;font-weight:700}
.hc-att-chip img{width:44px;height:44px;object-fit:cover;border-radius:6px;flex:none}
.hc-att-chip b{flex:1;min-width:0}
html body .hc-shell .hc-att-chip .hc-att-x{flex:none;width:30px;height:30px;border:0!important;background:transparent!important;color:#6b7c90!important;font-size:18px!important;padding:0!important}
html body.genba-phone .hc-shell form.hc-composer .hc-composer-meta:not([hidden]){display:block;padding:6px 8px 0;margin:0!important}
html body.genba-phone .hc-shell form.hc-composer.has-att .hc-compose-tools>.hc-send{display:block!important}
/* 2026-10-27 仁見さん：スマホ・iPad で話を長押ししても、字が選ばれて全体が青くならない（コピーは長押しの窓の「コピー」で） */
html body.genba-touch .hc-shell .hc-messages,html body.genba-touch .hc-shell .hc-messages *,html body.genba-phone .hc-shell .hc-messages,html body.genba-phone .hc-shell .hc-messages *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important}
html body.genba-touch .hc-shell,html body.genba-touch .hc-shell *,html body.genba-touch .hc-lpop *{-webkit-tap-highlight-color:transparent!important}

/* 2026-10-27 仁見さん：チャット名のアイコン（頭文字の丸）はやめる（一覧・部屋の上） */
html body .hc-shell .hc-room-row .hc-room-select>.hc-avatar,html body .hc-shell .hc-chat-head .hc-room-avatar{display:none!important}
html body .hc-shell .hc-room-row .hc-room-select{padding-left:14px}

/* 2026-10-27 仁見さん：チャット｜メモの部屋の列は 70%（PC・iPad とも 224px）。スマホは変えない */
@media(min-width:1101px){html body:not(.genba-phone) .hc-shell{grid-template-columns:224px minmax(0,1fr)!important}}
@media(max-width:1100px){html body:not(.genba-phone) .hc-shell{grid-template-columns:224px minmax(0,1fr)!important}}
html body:not(.genba-phone) .hc-shell .hc-room-row .hc-room-select{padding-left:12px!important}

/* 2026-10-27 仁見さん：PC・iPad にも「チャット・メモを検索」（スマホと同じ。部屋の列の上） */
html body:not(.genba-phone) .hc-shell .hc-rooms-head{display:flex!important;align-items:center;gap:8px;padding:10px 10px 6px!important}
html body:not(.genba-phone) .hc-shell .hc-search-row{display:flex!important;flex:1 1 auto;min-width:0;height:38px;padding:0 10px!important;border-radius:19px!important;background:#0b1424!important;border:1px solid rgba(79,216,238,.5)!important}
html body:not(.genba-phone) .hc-shell .hc-search-row .hc-search-icon{display:inline-flex!important;color:#8fb3d3;flex:none}
html body:not(.genba-phone) .hc-shell .hc-search-row .hc-search{display:block!important;color:#e7eef8!important;font-size:14px!important;background:transparent!important}
html body:not(.genba-phone) .hc-shell .hc-search-row .hc-search::placeholder{color:#8fb3d3}
html body:not(.genba-phone) .hc-shell .hc-rooms-head [data-new-room]{flex:none}
html body.genba-touch .hc-lpop,html body.genba-touch .hc-lpop *,html body.genba-phone .hc-lpop,html body.genba-phone .hc-lpop *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}