.hc-app{--hc-ink:#14232b;--hc-mute:#5b6b73;--hc-line:#d5dfe0;--hc-pri:#0e6b63;--hc-soft:#e3f0ee;--hc-warn:#c98a1b;--hc-bad:#b3372f;font:16px/1.55 system-ui,"Noto Sans Ethiopic",sans-serif;color:var(--hc-ink);max-width:1100px;margin:0 auto}
.hc-app *{box-sizing:border-box}
.hc-app label{display:block;font-weight:600;margin:12px 0 4px}
.hc-app input,.hc-app select,.hc-app textarea{width:100%;padding:9px;border:1px solid var(--hc-line);border-radius:6px;font:inherit}
.hc-app button{background:var(--hc-pri);color:#fff;border:0;border-radius:6px;padding:9px 16px;font:inherit;font-weight:600;cursor:pointer}
.hc-app button.alt{background:transparent;color:var(--hc-pri);border:1px solid var(--hc-pri)}
.hc-app button:disabled{opacity:.5;cursor:default}
.hc-app :focus-visible{outline:3px solid var(--hc-warn);outline-offset:2px}
.hc-card{border:1px solid var(--hc-line);border-radius:8px;padding:14px;margin:12px 0;background:#fff}
.hc-note{background:var(--hc-soft);border-left:4px solid var(--hc-warn);padding:10px 14px;border-radius:4px;margin:12px 0}
.hc-err{background:#fbe9e7;border-left:4px solid var(--hc-bad);padding:10px 14px;border-radius:4px;margin:12px 0}
.hc-hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.hc-tag{display:inline-block;background:var(--hc-soft);border-radius:4px;padding:1px 8px;font-size:.85rem;margin-right:6px}
.hc-tag.bad{background:var(--hc-bad);color:#fff}.hc-tag.warn{background:var(--hc-warn);color:#1b1200}
.hc-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:760px){.hc-two{grid-template-columns:1fr}}
.hc-pub{border-top:4px solid var(--hc-pri)}.hc-priv{border-top:4px solid var(--hc-warn)}
.hc-msgs{max-height:300px;overflow:auto;display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.hc-m{background:var(--hc-soft);padding:6px 10px;border-radius:8px;font-size:.93rem;white-space:pre-wrap}
.hc-m.off{background:var(--hc-pri);color:#fff}.hc-m.int{background:transparent;border:1px dashed var(--hc-warn)}
.hc-m small{display:block;opacity:.75}
.hc-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.hc-app table{width:100%;border-collapse:collapse}.hc-app th,.hc-app td{text-align:left;padding:8px;border-bottom:1px solid var(--hc-line)}
.hc-app tr.row{cursor:pointer}.hc-app tr.row:hover{background:var(--hc-soft)}
.hc-bar{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}
.hc-searchwrap{position:relative;flex:1 1 280px}.hc-search{width:100%;padding:10px;border:1px solid var(--hc-line);border-radius:8px}
.hc-bellwrap{position:relative}.hc-bell{background:var(--hc-soft);color:inherit;border:1px solid var(--hc-line);border-radius:8px;padding:8px 14px;cursor:pointer}
.hc-badge{background:#b3372f;color:#fff;border-radius:99px;padding:0 7px;font-size:.8rem;margin-left:4px}
.hc-pop{position:absolute;z-index:20;right:0;left:auto;min-width:min(340px,92vw);max-height:60vh;overflow:auto;background:var(--hc-bg,#fff);color:inherit;border:1px solid var(--hc-line);border-radius:8px;padding:10px;box-shadow:0 6px 24px rgba(0,0,0,.15)}
.hc-results{left:0;right:auto;width:100%}.hc-pop[hidden]{display:none}.hc-pop>div{padding:6px 0;border-bottom:1px solid var(--hc-line)}
.hc-n.unread{font-weight:700}.hc-n{display:block}
.hc-tasks{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.hc-task{padding:6px 0;border-bottom:1px solid var(--hc-line)}.hc-task small{display:block;opacity:.75}
.hc-pri-urgent{border-top:4px solid #b3372f}
.hc-tiles{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0}.hc-tile{flex:1 1 130px;background:var(--hc-soft);border:1px solid var(--hc-line);border-radius:8px;padding:10px 12px}
.hc-tile b{display:block;font-size:1.7rem;line-height:1.1}.hc-tile span{font-size:.85rem;opacity:.85}.hc-tile.hot{border-color:#b3372f}.hc-tile.hot b{color:#b3372f}
.hc-scroll{overflow-x:auto}.hc-tl{padding:6px 0;border-bottom:1px solid var(--hc-line)}.hc-tl small{display:block;opacity:.75}
a.hc-btn{display:inline-block;padding:8px 14px;border-radius:6px;background:var(--hc-pri);color:#fff;text-decoration:none}
@media print{.hc-hist button,.hc-row,.hc-bar{display:none!important}.hc-app{max-width:100%}}
.hc-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:12px 0}
.hc-kpi{background:var(--hc-soft);border:1px solid var(--hc-line);border-radius:8px;padding:12px}.hc-kpi strong{display:block;font-size:1.9rem;line-height:1.1}.hc-kpi span{font-size:.88rem;opacity:.85}
.hc-kpi.bad{border-color:#b3372f;border-width:2px}
.hc-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.hc-tabs button[aria-selected=true]{background:var(--hc-pri);color:#fff}.hc-tabs button{background:transparent;color:inherit;border:1px solid var(--hc-line);border-radius:6px;padding:8px 14px;cursor:pointer}
.hc-scroll{overflow-x:auto}.hc-history{margin-top:16px;border-top:4px solid var(--hc-warn);padding-top:8px}
.hc-btn{display:inline-block;background:var(--hc-pri);color:#fff;border-radius:6px;padding:8px 14px;text-decoration:none}
@media print{.hc-tabs,.hc-noprint,.hc-history button,header,nav,footer{display:none!important}.hc-app{color:#000}.hc-kpi,.hc-app table{break-inside:avoid}.hc-app th,.hc-app td{border:1px solid #999;font-size:11pt}}
