/* V281 security-admin and Help Desk visual theme. No layout geometry changes on hover. */
:root {
  color-scheme: dark;
  --wk-V281-bg: #070709;
  --wk-V281-panel: rgba(18, 18, 22, .92);
  --wk-V281-panel-raised: rgba(26, 25, 30, .96);
  --wk-V281-line: rgba(224, 198, 128, .22);
  --wk-V281-gold: #f2d58b;
  --wk-V281-red: #eb3344;
  --wk-V281-muted: #b8b7bd;
  --wk-V281-shadow: 0 18px 48px rgba(0,0,0,.48), 0 3px 12px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.055);
}

/* Private console backdrop */
body:has(.wk-hd-wrap), body:has(.wrap) {
  background-color: var(--wk-V281-bg) !important;
  background-image: radial-gradient(ellipse at 12% 0%, rgba(110, 24, 32, .23), transparent 42%), radial-gradient(ellipse at 92% 28%, rgba(130, 97, 37, .11), transparent 36%), linear-gradient(145deg, #070709, #0b0b0e 58%, #08080a) !important;
  color: #f1f0f2;
}

/* Main Security Admin dashboard and Help Desk glass panels */
.wk-hd-header, .wk-hd-panel, .wk-hd-ticket,
.wrap .top, .wrap .panel, .wrap .quick-card, .wrap .security-dashboard,
.wrap .security-stat, .wrap .maint-card, .wrap .holiday-control-card,
.wrap .invite-panel, .wrap .incident-card, .wrap .user-card,
.wrap .wk-main-section, .wrap .wk-collapsible-panel {
  background: linear-gradient(145deg, rgba(30, 29, 34, .96), var(--wk-V281-panel) 56%, rgba(11, 11, 14, .98)) !important;
  border: 1px solid var(--wk-V281-line) !important;
  border-radius: 16px;
  box-shadow: var(--wk-V281-shadow);
  backdrop-filter: blur(14px) saturate(125%);
  -webkit-backdrop-filter: blur(14px) saturate(125%);
}
.wk-hd-wrap { max-width: 1320px; color: #f1f0f2; }
.wk-hd-header, .wk-hd-panel { padding: clamp(16px, 2.3vw, 24px); }
.wk-hd-header h1, .wrap h1, .wrap h2, .wrap h3 { color: #fbf8f1; text-shadow: 0 1px 16px rgba(255,255,255,.08); }
.wk-hd-eyebrow, .wk-hd-filter-label, .wk-hd-category { color: var(--wk-V281-gold) !important; }
.wk-hd-header p, .wk-hd-ticket-head p, .wk-hd-meta, .wrap .subtle, .wrap .note { color: var(--wk-V281-muted); }
.wk-hd-ticket { overflow: clip; }
.wk-hd-ticket-head { border-color: rgba(242,213,139,.15); }
.wk-hd-message, .wk-hd-archive-details pre { background: rgba(4,4,6,.78); border-color: rgba(242,213,139,.16); }
.wk-hd-reply-history { background: rgba(80,20,27,.28); border-left-color: var(--wk-V281-red); }
.wk-hd-unread, .wk-hd-count, .wk-hd-new { box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 5px 16px rgba(0,0,0,.32); }

/* Category controls: crisp metallic miniature SVG emblems */
.wk-hd-tabs a {
  position: relative;
  gap: 8px;
  min-height: 44px;
  padding: 8px 14px;
  border: 1px solid rgba(226,218,199,.22);
  border-radius: 999px;
  color: #eeeaf0;
  background: linear-gradient(155deg, rgba(43,42,47,.97), rgba(12,12,15,.98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.11), 0 5px 14px rgba(0,0,0,.34);
  transition: box-shadow 240ms ease, border-color 240ms ease, color 240ms ease, filter 240ms ease, transform 240ms cubic-bezier(.2,.75,.25,1);
}
.wk-hd-tabs a::before {
  content: "";
  display: inline-block;
  flex: 0 0 25px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #151316;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 19px 19px;
  box-shadow: inset 0 1px 2px rgba(255,255,255,.35), inset 0 -3px 5px rgba(0,0,0,.65), 0 2px 7px rgba(0,0,0,.48);
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.75));
}
.wk-hd-tabs a[href*="category=general"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x2='0' y2='1'%3E%3Cstop stop-color='%23fff0bd'/%3E%3Cstop offset='.48' stop-color='%23e9bd5d'/%3E%3Cstop offset='1' stop-color='%23875c1c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='4' y='7' width='24' height='18' rx='3' fill='url(%23g)' stroke='%23fff0be'/%3E%3Cpath d='m5 9 11 9 11-9' fill='none' stroke='%23754a16' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.wk-hd-tabs a[href*="category=support"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x2='0' y2='1'%3E%3Cstop stop-color='%23fff0bd'/%3E%3Cstop offset='.5' stop-color='%23dcb85f'/%3E%3Cstop offset='1' stop-color='%237d551d'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M6 17v-2a10 10 0 0 1 20 0v2' fill='none' stroke='url(%23g)' stroke-width='4' stroke-linecap='round'/%3E%3Crect x='4' y='15' width='6' height='10' rx='2' fill='url(%23g)'/%3E%3Crect x='22' y='15' width='6' height='10' rx='2' fill='url(%23g)'/%3E%3Cpath d='M24 25c-1 3-4 4-8 4' fill='none' stroke='%23f6d98a' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); }
.wk-hd-tabs a[href*="category=security"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x2='0' y2='1'%3E%3Cstop stop-color='%23fff1c8'/%3E%3Cstop offset='.48' stop-color='%23dfbd69'/%3E%3Cstop offset='1' stop-color='%237b541d'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M16 3 27 7v8c0 7-4.6 11.8-11 14-6.4-2.2-11-7-11-14V7z' fill='url(%23g)' stroke='%23fff0c2' stroke-width='1.2'/%3E%3Cpath d='M12 15v-2a4 4 0 0 1 8 0v2' fill='none' stroke='%23754d19' stroke-width='2.4' stroke-linecap='round'/%3E%3Crect x='10' y='14' width='12' height='9' rx='2' fill='%23754d19'/%3E%3Ccircle cx='16' cy='18' r='1.3' fill='%23fff1c8'/%3E%3C/svg%3E"); }
.wk-hd-tabs a[href*="category=admin"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x2='0' y2='1'%3E%3Cstop stop-color='%23fff1c8'/%3E%3Cstop offset='.5' stop-color='%23e5bd61'/%3E%3Cstop offset='1' stop-color='%237c541a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='m16 2 3.8 8 8.8 1.2-6.4 6.2 1.5 8.8-7.7-4.1-7.7 4.1 1.5-8.8-6.4-6.2 8.8-1.2z' fill='url(%23g)' stroke='%23fff0c2' stroke-width='1' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.wk-hd-tabs a[href*="category=info"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x2='0' y2='1'%3E%3Cstop stop-color='%23fff1c8'/%3E%3Cstop offset='.5' stop-color='%23e5bd61'/%3E%3Cstop offset='1' stop-color='%237c541a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='3' y='9' width='26' height='18' rx='3' fill='url(%23g)' stroke='%23fff0c2'/%3E%3Cpath d='M11 9V6a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v3M3 16h26M13 16v3h6v-3' fill='none' stroke='%23754d19' stroke-width='2'/%3E%3C/svg%3E"); }
.wk-hd-tabs a[href*="category=press"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x2='0' y2='1'%3E%3Cstop stop-color='%23fff1c8'/%3E%3Cstop offset='.5' stop-color='%23e5bd61'/%3E%3Cstop offset='1' stop-color='%237c541a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='m4 13 19-8v22L4 19z' fill='url(%23g)' stroke='%23fff0c2' stroke-width='1.2' stroke-linejoin='round'/%3E%3Cpath d='M5 13H2v6h3M9 21l3 8h5l-4-6' fill='none' stroke='%23d8b75d' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M25 11c3 2 3 8 0 10' fill='none' stroke='%23fff0c2' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); }
.wk-hd-tabs a.active { color: #fff; border-color: rgba(238,65,79,.78); background: linear-gradient(150deg, rgba(91,26,34,.92), rgba(31,13,17,.98)); box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 0 0 1px rgba(235,51,68,.16), 0 8px 22px rgba(128,17,31,.2); }
.wk-hd-tabs a:hover, .wk-hd-view-tabs a:hover, .wk-hd-header nav a:hover { color: #fff; border-color: rgba(242,213,139,.58); filter: brightness(1.12); box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 9px 22px rgba(0,0,0,.4), 0 0 18px rgba(222,181,91,.1); transform: translateY(-1px); }
.wk-hd-tabs a[href*="category=security"] { padding-right: 29px; }
.wk-hd-tabs a[href*="category=security"]::after { content: ""; position: absolute; right: 11px; top: 10px; width: 7px; height: 7px; border-radius: 50%; background: #f03b4c; box-shadow: 0 0 0 2px rgba(240,59,76,.16), 0 0 10px rgba(255,39,57,.78); animation: wkV281ThreatPulse 2.4s ease-in-out infinite; }
@keyframes wkV281ThreatPulse { 0%,100% { box-shadow: 0 0 0 2px rgba(240,59,76,.13), 0 0 7px rgba(255,39,57,.45); opacity: .78; } 50% { box-shadow: 0 0 0 4px rgba(240,59,76,.2), 0 0 15px rgba(255,39,57,.92); opacity: 1; } }

/* Status filter, forms, and buttons */
.wk-hd-status-filter select, .wk-hd-actions input, .wk-hd-actions select, .wk-hd-actions textarea,
.wrap input:not([type="checkbox"]):not([type="radio"]), .wrap select, .wrap textarea {
  color: #f6f3ed !important;
  background: linear-gradient(145deg, rgba(25,24,29,.98), rgba(8,8,11,.98)) !important;
  border: 1px solid rgba(221,208,179,.3) !important;
  border-radius: 10px !important;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.58), 0 2px 6px rgba(0,0,0,.2);
}
.wk-hd-status-filter button, .wk-hd-actions button, .wrap button, .wrap .manual-btn, .wrap .quick-card {
  transition: box-shadow 240ms ease, border-color 240ms ease, background-color 240ms ease, filter 240ms ease, transform 240ms cubic-bezier(.2,.75,.25,1);
}
.wk-hd-status-filter button, .wk-hd-actions button, .wrap button, .wrap .manual-btn {
  min-height: 42px;
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 7px 18px rgba(0,0,0,.38);
}
.wk-hd-status-filter button:hover, .wk-hd-actions button:hover, .wrap button:hover, .wrap .manual-btn:hover {
  filter: brightness(1.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 10px 23px rgba(0,0,0,.42), 0 0 16px rgba(224,25,42,.16);
  transform: translateY(-1px);
}
.wk-hd-status-filter select:focus-visible, .wk-hd-actions input:focus-visible, .wk-hd-actions select:focus-visible, .wk-hd-actions textarea:focus-visible, .wk-hd-tabs a:focus-visible, .wk-hd-status-filter button:focus-visible, .wk-hd-actions button:focus-visible, .wrap :focus-visible { outline: 2px solid var(--wk-V281-gold); outline-offset: 3px; }
.wk-hd-view-tabs a { border-color: rgba(226,218,199,.2); background: linear-gradient(155deg, rgba(39,38,43,.95), rgba(10,10,13,.98)); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 5px 14px rgba(0,0,0,.3); transition: all 240ms ease; }
.wk-hd-view-tabs a.active { border-color: rgba(238,65,79,.76); background: linear-gradient(150deg, rgba(91,26,34,.92), rgba(31,13,17,.98)); color: #fff; }
.wk-hd-status.status-open { color: #ffe4a4; border: 1px solid rgba(255,200,91,.3); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 0 12px rgba(255,190,66,.08); }
.wk-hd-status.status-in_progress { border: 1px solid rgba(106,180,255,.28); }
.wk-hd-status.status-completed { border: 1px solid rgba(95,216,143,.28); }

/* Security node accent on the main admin navigation */
.wrap .dash-nav a[href*="security-control"] { position: relative; padding-left: 34px; }
.wrap .dash-nav a[href*="security-control"]::before { content: ""; position: absolute; left: 11px; top: 50%; width: 16px; height: 16px; transform: translateY(-50%); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 2 28 7v8c0 8-5 13-12 16C9 28 4 23 4 15V7z' fill='%23e9c56f' stroke='%23fff0c2' stroke-width='1.5'/%3E%3Cpath d='M11 15v-2a5 5 0 0 1 10 0v2' fill='none' stroke='%23754d19' stroke-width='2.5'/%3E%3Crect x='9' y='14' width='14' height='10' rx='2' fill='%23754d19'/%3E%3C/svg%3E") center/contain no-repeat; filter: drop-shadow(0 1px 4px rgba(232,194,99,.45)); }
.wrap .dash-nav a[href*="security-control"]::after { content: ""; position: absolute; right: 9px; top: 9px; width: 7px; height: 7px; border-radius: 50%; background: #f03b4c; box-shadow: 0 0 0 2px rgba(240,59,76,.16), 0 0 10px rgba(255,39,57,.7); animation: wkV281ThreatPulse 2.4s ease-in-out infinite; }

@media (max-width: 760px) {
  .wk-hd-wrap { margin: 14px auto; padding-inline: 12px; }
  .wk-hd-header, .wk-hd-panel { border-radius: 13px; }
  .wk-hd-tabs { gap: 7px; }
  .wk-hd-tabs a { min-height: 44px; padding: 7px 11px; }
  .wk-hd-actions { gap: 10px; }
}
@media (hover: none) {
  .wk-hd-tabs a:hover, .wk-hd-view-tabs a:hover, .wk-hd-header nav a:hover, .wk-hd-status-filter button:hover, .wk-hd-actions button:hover, .wrap button:hover, .wrap .manual-btn:hover { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* V281 inbox-style ticket conversation and safe attachment treatment */
.wk-hd-ticket-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1rem}.wk-hd-ticket-content>.wk-hd-original{grid-column:1;grid-row:1}.wk-hd-ticket-content>.wk-hd-actions{grid-column:2;grid-row:1;display:grid;align-content:start;gap:.8rem;min-width:0}.wk-hd-ticket-content>.wk-hd-meta,.wk-hd-ticket-content>.wk-hd-reply-history{grid-column:1/-1}.wk-hd-original{min-width:0;padding:1rem;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(255,255,255,.035)}.wk-hd-original>header{display:grid;gap:.3rem;margin-bottom:.8rem}.wk-hd-original>header strong{color:#f0c66e}.wk-hd-original>header span{color:#fff;font-weight:700}.wk-hd-original>header a{color:#8fc8ff;overflow-wrap:anywhere}.wk-hd-attachments{display:grid;gap:.35rem;padding-left:1.1rem;color:#ccc}.wk-hd-attachments a{color:#8fc8ff;overflow-wrap:anywhere}
@media(max-width:760px){.wk-hd-ticket-content{grid-template-columns:minmax(0,1fr)}.wk-hd-ticket-content>.wk-hd-original,.wk-hd-ticket-content>.wk-hd-actions,.wk-hd-ticket-content>.wk-hd-meta,.wk-hd-ticket-content>.wk-hd-reply-history{grid-column:1;grid-row:auto}}