/* KraSSell staff announcements. Scoped styles, no changes to warehouse layout. */
.kr-ann-bell{display:inline-flex;align-items:center;justify-content:center;position:relative;width:34px;height:34px;flex:none;border:1px solid #dbe7fb;border-radius:11px;color:#237af0;background:#f1f7ff;cursor:pointer;transition:transform .16s,background .16s,border-color .16s}
.kr-ann-bell:hover{background:#e6f1ff;border-color:#9cc7ff;transform:translateY(-1px)}
.kr-ann-bell svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.kr-ann-bell:focus-visible,.kr-ann-btn:focus-visible,.kr-ann-close:focus-visible{outline:3px solid #75afff;outline-offset:2px}
.kr-ann-fade{position:fixed;inset:0;background:rgba(20,38,70,.32);backdrop-filter:blur(3px);z-index:24000;display:flex;justify-content:center;align-items:center;padding:22px;animation:krAnnFade .2s ease}
.kr-ann-panel{width:min(520px,100%);background:#fff;border:1px solid #dce7f5;border-radius:22px;box-shadow:0 22px 80px rgba(25,54,105,.20);padding:25px;color:#19253c;max-height:min(92vh,780px);overflow:auto}
.kr-ann-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.kr-ann-glyph{width:49px;height:49px;flex:none;border-radius:15px;display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#1680ff,#66acff);color:#fff;box-shadow:0 8px 21px #1883ff47;font-size:23px}
.kr-ann-kicker{font-size:10px;font-weight:850;letter-spacing:.10em;color:#4b89ce;text-transform:uppercase}
.kr-ann-title{font-size:20px;font-weight:850;letter-spacing:-.025em;margin:4px 0 0}
.kr-ann-sub{font-size:12px;color:#6c7f96;margin-top:5px;line-height:1.5}
.kr-ann-close{margin-left:auto;align-self:flex-start;display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:#66758b;background:#f2f5fa;border-radius:9px;font-size:21px;cursor:pointer}
.kr-ann-fieldlabel{display:block;font-size:12px;font-weight:800;color:#405371;margin:0 0 8px}
.kr-ann-textarea{display:block;width:100%;resize:vertical;min-height:132px;max-height:270px;box-sizing:border-box;padding:13px 15px;font:500 14px/1.55 system-ui,sans-serif;border:1px solid #d9e4f2;border-radius:12px;color:#263951;outline:none;background:#fbfdff}
.kr-ann-textarea:focus{border-color:#1883ff;box-shadow:0 0 0 3px #1883ff20}
.kr-ann-templates{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}
.kr-ann-template{border:1px solid #bcd9ff;border-radius:9px;padding:8px 12px;background:#f2f8ff;color:#1867be;cursor:pointer;font-size:12px;font-weight:800}
.kr-ann-preview{margin:15px 0 18px;padding:15px 16px;border:1px solid #dfeafb;background:#f7fbff;border-radius:13px}
.kr-ann-previewtitle{color:#547da7;font-weight:800;font-size:10px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}
.kr-ann-previewtext{font-size:13px;font-weight:600;color:#30445d;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}
.kr-ann-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}
.kr-ann-count{font-size:11px;color:#8797a9}
.kr-ann-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;padding:11px 17px;font-size:13px;font-weight:800;cursor:pointer;background:#1883ff;color:#fff;box-shadow:0 5px 16px #1883ff30}
.kr-ann-btn:disabled{opacity:.55;cursor:wait}
.kr-ann-btn-outline{background:#f2f6fc;box-shadow:none;color:#355371}
.kr-ann-error{color:#b92437;font-size:12px;margin-top:10px;line-height:1.45}
.kr-ann-toast{position:fixed;top:76px;right:18px;width:min(385px,calc(100vw - 36px));background:#fff;z-index:25000;border:1px solid #dfe9f5;border-radius:19px;box-shadow:0 14px 55px #162a4c36;overflow:hidden;animation:krAnnSlide .28s cubic-bezier(.2,.8,.2,1)}
.kr-ann-accent{height:5px;background:linear-gradient(90deg,#1883ff,#7eb8ff)}
.kr-ann-toastbody{padding:18px 19px 17px}
.kr-ann-toast .kr-ann-head{margin-bottom:12px}
.kr-ann-toast .kr-ann-glyph{width:43px;height:43px;border-radius:13px;font-size:21px}
.kr-ann-msg{padding:13px 14px;background:#f5f9ff;border:1px solid #e2edfc;border-radius:12px;color:#243954;font-size:14px;font-weight:600;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.kr-ann-toastfooter{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}
.kr-ann-time{color:#8391a2;font-size:11px}
@keyframes krAnnSlide{from{opacity:0;transform:translateX(26px) scale(.98)}to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes krAnnFade{from{opacity:0}to{opacity:1}}
@media(max-width:760px){.topbar .user-area{display:flex!important;position:relative!important}.topbar .user-area .user-pill,.topbar .user-area .logout{display:none!important}.kr-ann-bell{width:33px;height:33px}.kr-ann-toast{top:12px;right:12px;width:calc(100vw - 24px)}.kr-ann-panel{padding:20px}}

/* Staff replies and owner inbox */
.kr-ann-unread{position:absolute;top:-7px;right:-7px;background:#e44d57;color:white;border:2px solid #fff;border-radius:999px;min-width:20px;height:20px;font-size:10px;font-weight:900;display:grid;place-items:center;padding:0 4px}
.kr-ann-inbox{width:min(580px,100%)}
.kr-ann-compose-trigger{width:100%;margin-bottom:18px}
.kr-ann-inbox-label{font-size:13px;font-weight:850;color:#34455d;margin:0 0 10px}
.kr-ann-replies-list{max-height:50vh;overflow:auto;display:grid;gap:9px}
.kr-ann-reply-card{padding:14px 15px;border-radius:13px;border:1px solid #e0e6ef;background:#fbfcff}
.kr-ann-reply-card.unread{background:#f1f7ff;border-color:#b9d7ff}
.kr-ann-reply-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#243850;font-size:12px;margin-bottom:7px}
.kr-ann-reply-meta span{color:#718297;font-size:11px}
.kr-ann-reply-context{font-size:11px;color:#7b8ca0;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:7px}
.kr-ann-reply-message{font-size:13px;color:#25364c;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}
.kr-ann-read-btn{color:#176bcc;background:transparent;font-size:11px;font-weight:850;padding:9px 0 0;cursor:pointer}
.kr-ann-reply-empty{padding:28px 12px;text-align:center;color:#728297;font-size:13px}
.kr-ann-reply-form{margin-top:14px;display:grid;gap:8px}
.kr-ann-reply-form[hidden]{display:none!important}
.kr-ann-reply-form .kr-ann-textarea{min-height:85px;max-height:160px}
.kr-ann-reply-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.kr-ann-reply-actions .kr-ann-btn{padding:9px 12px}
.kr-ann-toastfooter{flex-wrap:wrap}
@media(max-width:420px){.kr-ann-toastfooter .kr-ann-time{width:100%}}

/* KRASSELL_REPLY_READ_CONFIRM_V1 */
.kr-ann-read-confirmed{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:7px 11px!important;border-radius:8px;background:#e8f7ee!important;color:#117348!important;font-weight:800;cursor:default!important;opacity:1!important;transition:background .2s ease}
.kr-ann-reply-card{transition:background .22s ease,border-color .22s ease}