.notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px;}
.notification-list{display:grid;gap:14px;margin-top:16px;}
.notice-card{position:relative;display:flex;align-items:flex-start;gap:16px;padding:22px;border:1px solid var(--border);border-radius:14px;background:var(--bg-deep);transition:border-color 150ms ease;}
.notice-card.unread{border-color:rgba(240,84,9,.4);background:radial-gradient(480px 190px at 0 0,rgba(240,84,9,.09),transparent 70%),var(--bg-deep);}
.notice-card:hover{border-color:var(--border-strong);}
.notice-card.unread:hover{border-color:var(--orange);}
.notice-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border:1px solid color-mix(in srgb,var(--notice-color,var(--orange)) 32%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--notice-color,var(--orange)) 12%,transparent);color:var(--notice-color,var(--orange));}
.notice-icon svg{width:21px;height:21px;}
.notice-content{min-width:0;flex:1;}
.notice-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0;}
.notice-meta .notice-read{min-height:28px;padding:0 9px;border-radius:7px;font-size:11px;font-weight:600;}
.notice-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.notice-title h3{font-size:15.5px;line-height:1.5;font-weight:800;}
.notice-content p{margin-top:8px;color:var(--text-body);font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;}
.notice-content time{display:block;margin-top:12px;font-family:var(--mono);font-size:11px;color:var(--text-muted);}
.notice-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
.notice-card.read .notice-icon{color:var(--text-muted);background:var(--bg-soft);border-color:var(--border);}
.notice-empty{text-align:center;padding:52px 20px;}
.notice-empty .notice-icon{margin:0 auto 18px;width:56px;height:56px;}
.notice-empty h3{font-size:18px;margin-bottom:8px;}
#notificationDemo{margin-bottom:18px;padding:12px 16px;border:1px dashed var(--orange);border-radius:12px;color:var(--orange-light);}
#notificationNotice:empty{display:none;}
@media(max-width:560px){.notice-card{display:grid;grid-template-columns:36px minmax(0,1fr) auto;padding:16px;gap:12px;}.notice-icon{width:36px;height:36px;grid-column:1;grid-row:1;}.notice-content{display:contents;}.notice-title{grid-column:2;grid-row:1;}.notice-meta{grid-column:3;grid-row:1;gap:6px;}.notice-title h3{font-size:14px;overflow-wrap:anywhere;}.notice-content p,.notice-content time,.notice-actions{grid-column:2 / -1;margin-top:0;}.notice-content p{font-size:13px;}.notice-actions .btn{min-height:36px;padding:0 10px;font-size:12px;}}
/* ===== Card de notificação (notice-render.js): computador e celular ===== */
.nc{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;column-gap:16px;row-gap:6px;align-items:start;padding:22px;border:1px solid var(--border);border-radius:14px;background:var(--bg-deep);cursor:pointer;transition:border-color 150ms ease;}
.nc.unread{border-color:rgba(240,84,9,.4);background:radial-gradient(480px 190px at 0 0,rgba(240,84,9,.09),transparent 70%),var(--bg-deep);}
.nc:hover{border-color:var(--border-strong);}.nc.unread:hover{border-color:var(--orange);}
.nc:focus-visible{outline:2px solid var(--orange);outline-offset:2px;}
.nc-icon{grid-column:1;grid-row:1 / span 3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;overflow:hidden;border:1px solid color-mix(in srgb,var(--nc) 32%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--nc) 12%,transparent);color:var(--nc);}
.nc-icon svg{width:21px;height:21px;}.nc-icon img{width:100%;height:100%;object-fit:cover;}
.nc.read .nc-icon{color:var(--text-muted);background:var(--bg-soft);border-color:var(--border);}
.nc-title{grid-column:2;grid-row:1;min-width:0;font-size:15.5px;line-height:1.5;font-weight:800;}
.nc-title span{display:block;}
.nc-age{grid-column:3;grid-row:1;display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;color:var(--orange-light);background:color-mix(in srgb,var(--orange-light) 12%,transparent);border:1px solid color-mix(in srgb,var(--orange-light) 30%,transparent);}
.nc.read .nc-age{color:var(--text-muted);background:var(--bg-soft);border-color:var(--border);}
.nc-msg{grid-column:2 / -1;grid-row:2;color:var(--text-body);font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.nc-foot{grid-column:2 / -1;grid-row:3;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;}
.nc-foot time{font-family:var(--mono);font-size:11px;color:var(--text-muted);}
.nc-btn{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:9px;border:1px solid color-mix(in srgb,var(--nc) 55%,var(--border));color:var(--nc);font-size:13px;font-weight:700;white-space:nowrap;}
.nc-btn:hover{background:color-mix(in srgb,var(--nc) 12%,transparent);}
.nc-view{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:4px 0;color:var(--orange-light);font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;}
.nc-view svg{width:15px;height:15px;transition:transform 150ms ease;}.nc-view[aria-expanded="true"] svg{transform:rotate(90deg);}
.nc-body{grid-column:2 / -1;grid-row:4;margin-top:10px;padding-top:14px;border-top:1px solid var(--border);display:grid;gap:12px;cursor:auto;}
.nc-body[hidden]{display:none;}
.nc-full{color:var(--text-body);font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;}
.nc-media{display:block;max-width:100%;max-height:420px;border-radius:12px;object-fit:cover;}
.nc-video{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;}.nc-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.nc .v-m{display:none;}
@media(max-width:560px){
    .main .card-body{padding:12px;}
    .nc{grid-template-columns:32px minmax(0,1fr) auto;column-gap:8px;row-gap:10px;padding:12px;align-items:center;}
    .nc .v-d{display:none;}.nc .v-m{display:block;}.nc-age .v-m{display:inline;}.nc .nc-msg.v-m{display:-webkit-box;}
    .nc-icon{grid-row:1;width:32px;height:32px;border-radius:10px;}.nc-icon svg{width:18px;height:18px;}
    .nc-title{font-size:14px;line-height:1.3;}.nc-title .v-m{white-space:nowrap;overflow:hidden;text-overflow:clip;}
    .nc-age{padding:3px 6px;font-size:11.5px;}
    .nc-msg{grid-column:1 / -1;font-size:13px;line-height:1.6;-webkit-line-clamp:4;}
    .nc-foot{grid-column:1 / -1;margin-top:0;}
    .nc-body{grid-column:1 / -1;}
}