/* Fixed outside the content flow: notices never move tickets or forms. */
.desk-notifications{position:fixed;top:88px;right:24px;z-index:1080;display:flex;flex-direction:column;gap:10px;width:min(390px,calc(100vw - 32px));max-height:calc(100dvh - 110px);overflow:auto;pointer-events:none;padding:4px}
.desk-notifications:empty{display:none}
.desk-notification{display:flex;align-items:flex-start;gap:12px;padding:15px 14px;background:#fff;border:1px solid #d2e0d9;border-left:4px solid #478364;border-radius:12px;box-shadow:0 8px 28px #20342a1a;color:#263a30;pointer-events:auto;opacity:1;transform:translateY(0);transition:opacity .35s ease,transform .35s ease;animation:notification-enter .35s ease both}
.desk-notification--attention{border-color:#e2c8a5;border-left-color:#ac7025;color:#634719}
.desk-notification-icon{display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;background:#edf5ef;font-size:15px;font-weight:700}
.desk-notification--attention .desk-notification-icon{background:#fcf1df}
.desk-notification-text{flex:1;min-width:0;font-size:14px;line-height:1.5;overflow-wrap:anywhere;padding-top:2px}
.desk-notification-close{flex:0 0 28px;min-height:28px;border:0;border-radius:6px;background:transparent;color:inherit;font-size:22px;line-height:1;cursor:pointer}
.desk-notification-close:hover{background:#00000008}.desk-notification-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.desk-notification.is-leaving{opacity:0;transform:translateY(-8px);pointer-events:none;animation:none}
@keyframes notification-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.desk-notifications{top:12px;right:12px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}}
@media(prefers-reduced-motion:reduce){.desk-notification{animation:none;transition:none}}
@media print{.desk-notifications{display:none}}