/* Flowday V5.6 — Realtime backend UI */
.notif-button{position:relative;width:38px;height:38px;border:1px solid var(--line,#deddd5);border-radius:13px;background:var(--surface,#f9f8f4);display:grid;place-items:center;cursor:pointer;font:700 18px/1 inherit;color:var(--text,#1d211b);box-shadow:0 6px 18px rgba(40,42,34,.05)}
.notif-button>span{transform:rotate(45deg);display:block;font-size:18px}.notif-button>i{position:absolute;inset-block-start:-6px;inset-inline-end:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:#1f271c;color:white;border:2px solid #f4f3ed;font:700 9px/14px Inter,sans-serif;display:grid;place-items:center;font-style:normal}.notif-button>i.hidden{display:none}
.notification-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.notification-head>div:last-child{min-width:96px;padding:12px 14px;border-radius:18px;background:#eef3e5;text-align:center}.notification-head>div:last-child b{display:block;font-size:25px}.notification-head>div:last-child span{display:block;font-size:10px;color:var(--muted,#72776e);margin-top:2px}.notification-list{display:grid;gap:10px;margin-bottom:12px}.notification-card{width:100%;border:1px solid var(--line,#deddd5);padding:15px 16px;display:grid;grid-template-columns:42px 1fr 8px;align-items:center;gap:12px;text-align:start;cursor:pointer;color:inherit}.notification-card.unread{border-color:#bfca9d;background:linear-gradient(135deg,#fbfff4,#f7f8f2)}.notification-card>span:nth-child(2){display:grid;gap:4px;min-width:0}.notification-card b{font-size:13px}.notification-card small{font-size:11px;color:var(--muted,#72776e);line-height:1.65}.notification-card time{font-size:9px;color:#9a9e95}.notification-card>i{width:7px;height:7px;border-radius:50%;background:#7c9c35}.notification-icon{width:40px;height:40px;border-radius:13px;background:#eef0e9;display:grid;place-items:center;font-size:17px}.notification-card.unread .notification-icon{background:#e6f4bd}
.cloud-contract{position:relative;overflow:hidden}.cloud-contract:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:#93b74a}.cloud-waiting{font-size:10px;color:#71776e;background:#efefe9;border-radius:10px;padding:7px 9px;white-space:nowrap}.chat-panel .pill .dot{box-shadow:0 0 0 4px rgba(141,177,73,.12)}
[data-lang="en"] .notification-card{text-align:left}
@media(max-width:760px){.topbar .right{gap:6px}.notif-button{width:36px;height:36px;border-radius:12px}.top-sync{display:none}.notification-head{align-items:flex-start}.notification-head>div:last-child{min-width:78px;padding:10px}.notification-card{padding:13px;grid-template-columns:38px 1fr 7px}.notification-icon{width:36px;height:36px}.cloud-waiting{font-size:9px}}