.kh-tasks{background:var(--panel,#fff);border:1px solid var(--border,#dce5f1);border-radius:20px;padding:18px 20px;margin:0 0 19px;box-shadow:0 10px 30px rgba(21,39,76,.045)}
.kh-tasks-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.kh-tasks h2{font-size:19px;margin:0 0 4px}.kh-tasks-head p{margin:0;color:var(--muted,#74829a);font-size:12px}.kh-tasks-list{display:grid;gap:8px}.kh-task{display:flex;align-items:center;gap:12px;padding:12px;border-radius:13px;background:var(--surface,#f5f7fb);border:1px solid var(--border,#e6ebf5)}.kh-task-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#e8eefc;color:#256ac1;flex:none;font-size:20px}.kh-task.warning .kh-task-icon{background:#fff0d5;color:#aa7200}.kh-task.danger .kh-task-icon{background:#ffe9e9;color:#c83e44}.kh-task-copy{flex:1;min-width:0}.kh-task-copy strong{display:block;font-size:13px}.kh-task-copy p{margin:3px 0 0;font-size:12px;color:var(--muted,#71829b)}.kh-task a{font-size:12px;font-weight:750;padding:8px 12px;border:1px solid var(--border,#dce5ef);border-radius:10px;text-decoration:none;color:var(--text,#152746);white-space:nowrap}.kh-task a:hover{border-color:var(--primary,#2d7bd1);color:var(--primary,#2d7bd1)}
.kh-bell-trigger{position:relative}.kh-bell-count{position:absolute;top:-4px;right:-5px;background:#d62b52;color:#fff;border-radius:999px;padding:2px 5px;min-width:16px;font-size:9px;font-weight:800;text-align:center}
.kh-bell-panel{position:absolute;z-index:125;right:14px;top:51px;width:min(430px,calc(100vw - 20px));border-radius:19px;background:var(--panel,#fff);border:1px solid var(--border,#dce5f1);box-shadow:0 22px 60px rgba(14,33,65,.22);padding:15px;max-height:75vh;overflow-y:auto}.kh-bell-panel[hidden]{display:none}.kh-bell-panel header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:9px}.kh-bell-panel header strong{font-size:15px}.kh-bell-panel button,.kh-bell-panel a{cursor:pointer}.kh-bell-panel header button{border:0;background:transparent;color:var(--primary,#3277bf);font-size:12px}.kh-bell-entry{display:flex;align-items:start;gap:9px;padding:11px 8px;border-bottom:1px solid var(--border,#e5ecf5);text-decoration:none;color:inherit}.kh-bell-entry:hover{background:var(--surface,#f6f8fc);border-radius:10px}.kh-bell-dot{width:7px;height:7px;margin-top:6px;flex:none;background:var(--primary,#237dca);border-radius:50%}.kh-bell-entry.is-read .kh-bell-dot{background:#c4cfde}.kh-bell-entry strong{display:block;font-size:12px}.kh-bell-entry small{display:block;font-size:11px;color:var(--muted,#6e7d94);margin-top:3px}.kh-bell-panel footer{padding:13px 0 2px;text-align:center}.kh-bell-panel footer a{font-size:12px;font-weight:750}
@media(max-width:640px){.kh-task{align-items:flex-start;flex-wrap:wrap}.kh-task a{margin-left:51px}.kh-tasks{padding:14px}.kh-bell-panel{right:8px}}


/* v1.1.0 - refinamento visual das notificações */
.kh-tasks{
  position:relative;
  overflow:hidden;
  padding:20px;
  border-radius:24px;
  background:linear-gradient(180deg,var(--panel,#fff) 0%,var(--panel-soft,#f8fbff) 100%);
  border:1px solid var(--line,var(--border,#dce5f1));
  box-shadow:0 18px 42px rgba(20,38,72,.06);
}
.kh-tasks:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--primary,#2d7bd1),#6fb8ff);opacity:.92}
.kh-tasks-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}
.kh-tasks h2{font-size:20px;letter-spacing:-.02em;margin:0}
.kh-tasks-head p{margin:6px 0 0;color:var(--muted,#74829a);font-size:12px;line-height:1.5}
.kh-tasks-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.kh-task-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 10px;border-radius:999px;background:rgba(54,108,255,.12);color:var(--primary,#2d7bd1);font-size:12px;font-weight:800;box-shadow:inset 0 0 0 1px rgba(54,108,255,.06)}
.kh-tasks-list{display:grid;gap:12px}
.kh-task{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto auto;
  align-items:center;
  gap:14px;
  padding:14px;
  border-radius:18px;
  background:var(--surface,#f5f7fb);
  border:1px solid var(--line,var(--border,#e6ebf5));
  transition:.18s ease;
}
.kh-task:hover{transform:translateY(-1px);border-color:rgba(77,117,255,.35);box-shadow:0 12px 28px rgba(24,45,85,.06)}
.kh-task-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(180deg,#eaf1ff,#dfeafe);color:#255ee8;flex:none;font-size:18px;font-weight:800}
.kh-task.warning .kh-task-icon{background:linear-gradient(180deg,#fff2d4,#ffe6ae);color:#aa7200}
.kh-task.danger .kh-task-icon{background:linear-gradient(180deg,#ffe9e9,#ffd7df);color:#c83e44}
.kh-task-copy{flex:1;min-width:0}
.kh-task-copy strong{display:block;font-size:13px;line-height:1.4}
.kh-task-copy p{margin:4px 0 0;font-size:12px;line-height:1.55;color:var(--muted,#71829b)}
.kh-task-meta{display:block;margin-top:8px;color:var(--muted,#71829b);font-size:10px}
.kh-task a,.kh-task .btn{min-height:40px;border-radius:12px;white-space:nowrap}
.kh-bell-trigger{position:relative}
.kh-bell-trigger[aria-expanded="true"]{border-color:rgba(88,122,255,.45)!important;box-shadow:var(--ring,0 0 0 4px rgba(68,105,255,.10))}
.kh-bell-count{position:absolute;top:-6px;right:-6px;background:#e03d67;color:#fff;border-radius:999px;padding:0 6px;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;text-align:center;border:2px solid var(--panel,#fff);box-shadow:0 8px 18px rgba(214,43,82,.35)}
.kh-bell-panel{position:absolute;z-index:125;right:12px;top:56px;width:min(440px,calc(100vw - 24px));border-radius:22px;background:linear-gradient(180deg,var(--panel,#fff),var(--panel-soft,#f8fbff));border:1px solid var(--line,var(--border,#dce5f1));box-shadow:0 22px 60px rgba(14,33,65,.18);padding:16px;max-height:75vh;overflow-y:auto}
.kh-bell-panel[hidden]{display:none}
.kh-bell-panel header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--line,var(--border,#e5ecf5));margin-bottom:6px}
.kh-bell-panel header strong{font-size:15px;letter-spacing:-.01em}
.kh-bell-panel button,.kh-bell-panel a{cursor:pointer}
.kh-bell-panel header button{border:0;background:transparent;color:var(--primary,#3277bf);font-size:12px;font-weight:800}
.kh-bell-entry{display:flex;align-items:flex-start;gap:10px;padding:12px 10px;border-radius:14px;text-decoration:none;color:inherit;border-bottom:0}
.kh-bell-entry:hover{background:var(--surface,#f6f8fc)}
.kh-bell-dot{width:9px;height:9px;margin-top:7px;flex:none;background:var(--primary,#237dca);border-radius:50%;box-shadow:0 0 0 4px rgba(35,125,202,.10)}
.kh-bell-entry.is-read .kh-bell-dot{background:#c4cfde;box-shadow:none}
.kh-bell-entry strong{display:block;font-size:12px;line-height:1.4}
.kh-bell-entry small{display:block;font-size:11px;color:var(--muted,#6e7d94);margin-top:4px;line-height:1.45}
.kh-bell-panel footer{padding:12px 0 2px;text-align:center;border-top:1px solid var(--line,var(--border,#e5ecf5));margin-top:8px}
.kh-bell-panel footer a{font-size:12px;font-weight:800}
html[data-theme="dark"] .kh-tasks{box-shadow:0 18px 42px rgba(0,0,0,.20)}
html[data-theme="dark"] .kh-task:hover{box-shadow:0 14px 28px rgba(0,0,0,.18)}
html[data-theme="dark"] .kh-task-icon{background:rgba(71,114,255,.16);color:#9bb2ff}
html[data-theme="dark"] .kh-task.warning .kh-task-icon{background:rgba(219,164,48,.16);color:#ffcf63}
html[data-theme="dark"] .kh-task.danger .kh-task-icon{background:rgba(228,92,118,.16);color:#ff9eb1}
html[data-theme="dark"] .kh-task-count{background:rgba(111,145,255,.16);color:#c9d6ff}
html[data-theme="dark"] .kh-bell-count{border-color:#0b1525}
@media(max-width:760px){
  .kh-tasks{padding:16px;border-radius:20px}
  .kh-tasks-head{flex-direction:column;align-items:stretch}
  .kh-tasks-head .btn{width:100%}
  .kh-task{grid-template-columns:44px minmax(0,1fr);align-items:flex-start}
  .kh-task a,.kh-task form,.kh-task .btn{grid-column:2;width:100%}
  .kh-bell-panel{right:0;left:0;width:auto;top:60px;margin:0 10px}
}