#marketing-office-concept .mh-notice{margin:12px 20px;padding:10px 12px;background:var(--surface);border:1px solid var(--edge);border-radius:8px;font-size:13px}
#marketing-office-concept .mh-notice[hidden],#marketing-office-concept [hidden]{display:none!important}
#marketing-office-concept .mh-history{max-height:340px;overflow:auto;overflow-wrap:anywhere}
#marketing-office-concept .mh-history p{white-space:pre-wrap;padding:8px 0;border-top:1px solid #3b5058}
#marketing-office-concept .mh-history strong{display:block;font-size:11px;color:#a9c7c5;font-weight:500}
#marketing-office-concept textarea,#marketing-office-concept input,#marketing-office-concept select{font:inherit;max-width:100%;min-width:0}
#marketing-office-concept textarea,#marketing-office-concept input:not([type=checkbox]),#marketing-office-concept select{display:block;width:100%;border:1px solid var(--edge);border-radius:7px;padding:9px;background:var(--surface);color:var(--ink);margin:5px 0 8px}
#marketing-office-concept .chat textarea{background:#263b43;color:#edf5f2;border-color:#526970}
#marketing-office-concept label{font-size:12px}
#marketing-office-concept .mh-form-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px}
#marketing-office-concept .mh-assignment{margin:0 20px 18px}
#marketing-office-concept .mh-task-form{display:grid;grid-template-columns:1fr 2fr;gap:8px 16px}
#marketing-office-concept .mh-brief{grid-column:1 / -1}
#marketing-office-concept .control:disabled{opacity:.5}
#marketing-office-concept .mh-task{padding:8px 0;border-top:1px solid var(--edge);font-size:12px}
#marketing-office-concept .mh-task p{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}
#marketing-office-concept .mh-output{max-height:160px;overflow:auto}
#marketing-office-concept .task-popup{max-height:550px;overflow:auto}
#marketing-office-concept .mh-actions{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}
#marketing-office-concept .work-preview{min-height:29px}
@media(max-width:650px){#marketing-office-concept .mh-task-form{grid-template-columns:1fr}#marketing-office-concept textarea,#marketing-office-concept input,#marketing-office-concept select{font-size:16px}}
@media(prefers-reduced-motion:reduce){#marketing-office-concept *{transition:none!important}}

/* Quiet module navigation, scoped to Marketing so other apps retain their styling. */
#myC2ContextSidebar[data-module="marketing"]{padding:14px 10px;background:transparent;border:0;box-shadow:none;border-radius:0}
#myC2ContextSidebar[data-module="marketing"] h3{margin:2px 8px 12px;font-size:11px;line-height:1.4;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#66798c}
#myC2ContextSidebar[data-module="marketing"] nav{gap:4px}
#myC2ContextSidebar[data-module="marketing"] nav button{font-size:13px;line-height:1.4;font-weight:400;padding:8px 10px;border-radius:6px;color:#42566b;background:transparent}
#myC2ContextSidebar[data-module="marketing"] nav button.is-active{background:#e5ebf2;font-weight:500;color:#243c52}
#myC2ContextSidebar[data-module="marketing"] nav button:hover{background:#e5ebf2}
#marketing-office-concept .mh-voice-controls{display:flex;gap:7px;flex-wrap:wrap;margin:5px 0}
#marketing-office-concept .mh-voice-controls .control{font-size:12px;padding:6px 10px}
#marketing-office-concept .mh-voice-controls .control[aria-pressed="true"]{border-color:#8fc7bd;background:#31564f;color:#f2faf8}
#marketing-office-concept .mh-voice-status{color:#b6c9cb;font-size:11px;line-height:1.4;margin:5px 0 12px}

/* Small local movements. These do not fetch or stream any media. */
@keyframes mh-blink{0%,93%,98%,100%{transform:scaleY(1)}95%{transform:scaleY(.12)}}
@keyframes mh-type{from{translate:0 0}to{translate:1px -2px}}
#marketing-office-concept .avatar .eyes{animation:mh-blink 11s ease-in-out infinite}
#marketing-office-concept [data-person=elena] .eyes{animation-delay:2s}
#marketing-office-concept [data-person=sofia] .eyes{animation-delay:5s}
#marketing-office-concept [data-person=leo] .eyes{animation-delay:7s}
#marketing-office-concept [data-person=maya] .eyes{animation-delay:3s}
#marketing-office-concept [data-person=noah] .eyes{animation-delay:9s}
#marketing-office-concept .station.working .arm{animation:mh-type .8s ease-in-out alternate infinite}
#marketing-office-concept .station.working .arm.right{animation-delay:.3s}
#marketing-office-concept.mh-motion-paused .eyes,#marketing-office-concept.mh-motion-paused .arm{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){#marketing-office-concept .avatar .eyes,#marketing-office-concept .station.working .arm{animation:none}}

/* Small, purely playful thank-you note, with mouse/touch and keyboard controls. */
#marketing-office-concept .mh-rewards{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 20px 0;padding:9px 12px;border:1px solid var(--edge);border-radius:10px;background:var(--surface)}
#marketing-office-concept .mh-banknote{position:relative;flex-shrink:0;width:110px;height:51px;padding:6px 10px;border:2px solid #87bb87;border-radius:5px;color:#184f37;background:repeating-linear-gradient(35deg,transparent 0 4px,#57956213 5px 6px),linear-gradient(110deg,#d9edb9,#a7d5a4 60%,#cfe6ad);box-shadow:inset 0 0 0 3px #e2f0c880,0 2px 4px #122b2320;cursor:grab;touch-action:none;user-select:none;text-align:left}
#marketing-office-concept .mh-banknote:active{cursor:grabbing}
#marketing-office-concept .mh-note-value{display:block;font-size:23px;font-weight:700;line-height:1}
#marketing-office-concept .mh-note-caption{display:block;font-size:7px;letter-spacing:1px;margin-top:3px}
#marketing-office-concept .mh-note-seal{position:absolute;right:8px;top:9px;font-size:23px;opacity:.45}
#marketing-office-concept .mh-reward-hint,#marketing-office-concept .mh-reward-status{font-size:11px;color:var(--soft)}
#marketing-office-concept .mh-reward-status{color:var(--ink)}
#marketing-office-concept .mh-reward-chooser{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%;border-top:1px solid var(--edge);padding-top:8px}
#marketing-office-concept .mh-reward-chooser select{width:auto;margin:0}
#marketing-office-concept .mh-note-ghost{position:fixed;pointer-events:none!important;z-index:10000;transform:rotate(-8deg);opacity:.92}
#marketing-office-concept .mh-reward-dragging :is(.station,.mh-room-person){outline:1px dashed #7fbf8b;outline-offset:3px}
#marketing-office-concept .mh-reward-target{outline:3px solid #a8d58d!important;background:#5a9f5a20!important;border-radius:12px}
#marketing-office-concept .mh-room-person{position:relative}
@keyframes mh-thank-you{0%,100%{translate:0 0}20%,55%{translate:0 -9px}38%,75%{translate:0 0}}
@keyframes mh-hearts{0%{opacity:0;translate:0 8px}18%,70%{opacity:1}100%{opacity:0;translate:0 -35px}}
#marketing-office-concept .mh-celebrating .avatar{animation:mh-thank-you 1s ease-in-out 2}
#marketing-office-concept .mh-celebrating .smile{height:8px!important;border-bottom:3px solid #a45c56!important;border-radius:10% 10% 70% 70%!important}
#marketing-office-concept .mh-reward-burst{position:absolute;top:12px;left:50%;margin-left:-39px;width:78px;text-align:center;font-size:21px;letter-spacing:4px;color:#eaa8a8;pointer-events:none;z-index:12;animation:mh-hearts 2.6s ease-out forwards;text-shadow:0 1px 3px #162c32}
#marketing-office-concept .mh-motion-paused .mh-celebrating .avatar,#marketing-office-concept .mh-motion-paused .mh-reward-burst{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){#marketing-office-concept .mh-celebrating .avatar{animation:none}#marketing-office-concept .mh-reward-burst{animation:none;opacity:1}}
#marketing-office-concept .mh-rewards{position:sticky;top:8px;z-index:25;box-shadow:0 3px 12px #11252a18}
#marketing-office-concept .shell{overflow:clip}

/* Appreciation stays a small optional icon in the existing toolbar. */
#marketing-office-concept .mh-rewards{position:relative;top:auto;display:inline-flex;align-items:center;flex-wrap:nowrap;gap:0;margin:0;padding:0;border:0;background:none;border-radius:0;box-shadow:none;z-index:25}
#marketing-office-concept .mh-banknote{width:57px;height:34px;padding:4px 5px;border-width:1px;border-radius:4px;box-shadow:inset 0 0 0 2px #e2f0c880,0 1px 3px #122b2320}
#marketing-office-concept .mh-note-value{font-size:16px;line-height:1.25}
#marketing-office-concept .mh-note-caption,#marketing-office-concept .mh-note-seal,#marketing-office-concept .mh-reward-hint{display:none}
#marketing-office-concept .mh-reward-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#marketing-office-concept .mh-reward-chooser{position:absolute;right:0;top:calc(100% + 8px);width:255px;padding:12px;gap:8px;background:var(--surface);border:1px solid var(--edge);border-radius:10px;box-shadow:0 8px 24px #10242b40;z-index:40}
#marketing-office-concept .mh-reward-chooser select{width:100%}
#marketing-office-concept .mh-reward-chooser .control{font-size:12px}
#marketing-office-concept .mh-note-ghost{position:fixed}
@media(max-width:650px){#marketing-office-concept .mh-reward-chooser{left:0;right:auto;width:230px}}

/* Dark conversation panels keep explicit contrast in the light Management theme.
   Applies equally at the desks and inside either presentation room. */
#marketing-office-concept .chat .control{
 display:inline-flex;align-items:center;justify-content:center;gap:5px;
 min-height:38px;padding:8px 12px;border:1px solid #739397;border-radius:7px;
 background:#29434b;color:#f4faf8;font-size:12px;font-weight:500;line-height:1.3;
 text-decoration:none;cursor:pointer;opacity:1;
}
#marketing-office-concept .chat .control:hover:not(:disabled){background:#36575f;border-color:#aac9c9}
#marketing-office-concept .chat [data-mh="send"]{background:#a6ddd1;color:#133c35;border-color:#b9eadf;font-weight:700;min-width:118px}
#marketing-office-concept .chat [data-mh="send"]:hover:not(:disabled){background:#c2eee4;color:#102f2a}
#marketing-office-concept .chat .control:disabled{background:#26383f;color:#a4b7bb;border-color:#526b73;opacity:1;cursor:not-allowed}
#marketing-office-concept .chat .control:focus-visible{outline:3px solid #f0cf82;outline-offset:3px}
#marketing-office-concept .chat .control[aria-pressed="true"]{background:#37675d;color:#fff;border-color:#b5e0cf}
#marketing-office-concept .chat textarea::placeholder{color:#a9bdc3;opacity:1}