.talk-shortcuts{display:flex;align-items:center;gap:8px}
.top .talk-shortcuts{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%)}
.talk-shortcut{position:relative;min-width:128px;height:44px;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:6px 12px;display:flex;align-items:center;gap:9px;color:#fff;text-align:left;box-shadow:0 8px 20px rgba(2,8,23,.22);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
.talk-shortcut:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 10px 24px rgba(2,8,23,.3)}
.talk-shortcut:focus-visible{outline:3px solid #facc15;outline-offset:2px}
.talk-shortcut.bnow-talk{background:linear-gradient(135deg,#4338ca,#2563eb)}
.talk-shortcut.livecow-talk{background:linear-gradient(135deg,#075985,#0f766e)}
.talk-shortcut.approval-shortcut{background:linear-gradient(135deg,#9a3412,#ea580c)}
.attendance-shortcut{height:40px;border:1px solid rgba(134,239,172,.7);border-radius:10px;padding:0 14px;background:linear-gradient(135deg,#15803d,#0f766e);color:#fff;font-size:13px;font-weight:850;white-space:nowrap;box-shadow:0 6px 16px rgba(15,118,110,.22);transition:transform .15s ease,filter .15s ease}
.attendance-shortcut:hover{filter:brightness(1.08);transform:translateY(-1px)}
.attendance-shortcut:focus-visible{outline:3px solid #bbf7d0;outline-offset:2px}
.talk-icon{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.16);font-size:16px;font-weight:900;line-height:1}
.talk-copy{display:grid;gap:1px;line-height:1;white-space:nowrap}
.talk-copy strong{font-size:14px;letter-spacing:-.02em}
.talk-copy small{font-size:10px;color:rgba(255,255,255,.76);font-weight:700}
.talk-unread{position:absolute;right:-7px;top:-8px;display:inline-grid;min-width:24px;height:24px;padding:0 6px;place-items:center;border:2px solid #1e293b;border-radius:999px;background:#f04452;color:#fff;font-size:11px;font-weight:900;line-height:1;box-shadow:0 4px 12px rgba(240,68,82,.45)}
.talk-shortcut.has-unread{box-shadow:0 0 0 3px rgba(250,204,21,.32),0 10px 24px rgba(2,8,23,.3)}
.windows-notification-button{position:relative;display:inline-flex;height:40px;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.32);border-radius:10px;padding:0 11px;background:rgba(255,255,255,.1);color:#fff;font-size:11px;font-weight:850;white-space:nowrap;transition:background .15s ease,border-color .15s ease,transform .15s ease}
.windows-notification-button:hover{transform:translateY(-1px);background:rgba(255,255,255,.18)}
.windows-notification-button:focus-visible{outline:3px solid #facc15;outline-offset:2px}
.windows-notification-button:disabled{cursor:not-allowed;opacity:.68;transform:none}
.windows-notification-dot{width:9px;height:9px;border:2px solid rgba(255,255,255,.85);border-radius:999px;background:transparent;box-shadow:0 0 0 2px rgba(15,23,42,.16)}
.windows-notification-button.enabled{border-color:rgba(134,239,172,.7);background:rgba(22,163,74,.2)}
.windows-notification-button.enabled .windows-notification-dot{border-color:#dcfce7;background:#4ade80}
.windows-notification-button.blocked{border-color:rgba(254,202,202,.65);background:rgba(185,28,28,.18)}
.windows-notification-button.blocked .windows-notification-dot{border-color:#fecaca;background:#f87171}
.windows-notification-button.busy .windows-notification-dot{animation:windows-notification-pulse .8s ease-in-out infinite alternate}
@keyframes windows-notification-pulse{to{opacity:.35;transform:scale(.72)}}
.talk-message-alert{position:relative;z-index:24;width:min(1100px,calc(100% - 32px));min-height:58px;margin:12px auto 0;padding:10px 12px;display:flex;align-items:center;gap:12px;border:1px solid #93c5fd;border-radius:12px;background:linear-gradient(120deg,#eff6ff,#eef2ff);color:#172554;box-shadow:0 8px 26px rgba(30,64,175,.13)}
.talk-alert-icon{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border-radius:10px;background:#1d4ed8;color:#fff;font-size:17px;font-weight:900}
.talk-alert-copy{display:grid;gap:2px;min-width:0;flex:1}
.talk-alert-copy strong{font-size:14px;color:#172554}
.talk-alert-copy span{font-size:12px;line-height:1.45;color:#475569}
.talk-alert-actions{display:flex;align-items:center;gap:7px}
.talk-alert-open,.talk-alert-close{border:0;border-radius:8px;font-weight:850}
.talk-alert-open{min-height:34px;padding:0 12px;background:#1d4ed8;color:#fff;font-size:12px}
.talk-alert-close{width:34px;height:34px;background:transparent;color:#64748b;font-size:20px}
@media(max-width:1100px){.top #currentUserLabel{display:none}}
@media(max-width:920px){.top{padding:10px 12px;gap:8px}.top h1{font-size:15px}.user{gap:6px}.top .talk-shortcuts{position:static;left:auto;top:auto;z-index:auto;transform:none}.talk-shortcuts{gap:6px}.talk-shortcut{min-width:0;height:40px;padding:6px 9px;gap:0}.talk-icon,.talk-copy small{display:none}.talk-copy strong{font-size:12px}.talk-unread{right:-5px;top:-7px;min-width:22px;height:22px;font-size:10px}.attendance-shortcut{height:40px;padding:0 10px;font-size:12px}.windows-notification-button{width:42px;padding:0;justify-content:center}.windows-notification-button span:last-child{display:none}.windows-notification-dot{width:12px;height:12px}.top .menu-trigger{width:42px;height:40px}.top-menu-panel{top:62px;max-height:calc(100vh - 76px)}.talk-message-alert{width:calc(100% - 20px);align-items:flex-start;margin-top:8px}.talk-alert-actions{align-self:center}.talk-alert-copy span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}
@media(max-width:600px){.top h1{flex:0 0 56px;font-size:0}.top h1::after{content:"업무보드";font-size:13px}.talk-alert-icon{display:none}.talk-message-alert{gap:8px;padding:9px 8px 9px 11px}.talk-alert-copy strong{font-size:13px}.talk-alert-open{max-width:110px;padding-inline:9px}.talk-alert-close{width:30px}}
@media(max-width:390px){.top h1{font-size:0}.talk-shortcut{padding-inline:7px}.talk-copy strong{font-size:11px}}
@media(max-width:340px){.top h1{display:none}}