/* cc-hub.css (CC-2 · P-307): the Employee Hub panel of the call center platform. Classes only. */
html.ch-open{overflow:hidden}
#ccHub{position:fixed;inset:0;z-index:2147483000;background:#0e0f10;color:#f4e7c1;overflow:auto;padding:0 0 40px}
#ccHub .ch-head{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#1d1f21;border-bottom:3px solid #b8923a;position:sticky;top:0;z-index:1}
#ccHub .ch-title{font-size:1.15rem;margin-right:auto}
#ccHub .ch-x{background:transparent;border:0;color:#f4e7c1;font-size:1.8rem;line-height:1;cursor:pointer;padding:0 6px}
#ccHub .ch-body{max-width:960px;margin:0 auto;padding:16px}
#ccHub .ch-say{max-width:960px;margin:8px auto 0;padding:0 16px;min-height:1.2em;color:#9bd8a6}
#ccHub .ch-say.ch-bad{color:#ff9d9d}
#ccHub .ch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin-top:8px}
#ccHub .ch-tile{display:grid;gap:10px;justify-items:center;text-align:center;padding:22px 12px;border-radius:14px;border:1px solid #3a3d40;background:#17191b;color:#f4e7c1;font:inherit;font-weight:600;cursor:pointer}
#ccHub .ch-tile:hover,#ccHub .ch-tile:focus-visible{border-color:#b8923a;background:#202326;outline:none}
#ccHub .ch-ico{font-size:2.2rem}
#ccHub .ch-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;border-bottom:1px solid #3a3d40;padding-bottom:8px}
#ccHub .ch-tab{background:transparent;border:1px solid #3a3d40;color:#f4e7c1;padding:8px 12px;border-radius:8px;cursor:pointer;font:inherit}
#ccHub .ch-tab.on{background:#b8923a;color:#14120a;border-color:#b8923a;font-weight:700}
#ccHub .ch-card{background:#17191b;border:1px solid #3a3d40;border-radius:10px;padding:14px;margin:0 0 12px;display:grid;gap:10px}
#ccHub .ch-note{opacity:.8;margin:0;font-size:.92rem}
#ccHub .ch-reply{border-left:3px solid #b8923a;padding-left:10px}
#ccHub .ch-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
#ccHub .ch-flex{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
#ccHub .ch-fld{display:grid;gap:4px;font-weight:600}
#ccHub input,#ccHub select,#ccHub textarea{background:#0e0f10;color:#f4e7c1;border:1px solid #5a5e62;border-radius:6px;padding:9px;font:inherit}
#ccHub .ch-btn{background:#b8923a;color:#14120a;border:0;border-radius:8px;padding:10px 14px;font:inherit;font-weight:700;cursor:pointer}
#ccHub .ch-btn.ch-sec{background:transparent;color:#f4e7c1;border:1px solid #b8923a}
#ccHub .ch-btn[hidden]{display:none}
#ccHub .ch-table{width:100%;border-collapse:collapse}
#ccHub .ch-table th,#ccHub .ch-table td{text-align:left;padding:8px;border-bottom:1px solid #2a2d30}
@media (max-width:520px){#ccHub .ch-grid{grid-template-columns:repeat(2,1fr)}}