/* Cửa sổ nhóm Hoạt động kiểu PC (game/js/pcwin/activity.js, docs/ui.md «Cửa sổ nhóm Hoạt động»). Ảnh: game/assets/ui/pc/activity
   (tools/build_pcwin_activity.py): pb0..2 = btn_page.spr, check = team_checkbox.spr, grp = oullook_groupname_bg.spr,
   page = calendar\bg_page.spr. Màu chữ theo ini: tiêu đề 180,220,140; dòng thông báo 180,220,120; mục OutLook 148,174,165. */
.pca{display:flex;gap:8px;height:100%;min-height:0;box-sizing:border-box}
.pca-page{flex:1;min-width:0;min-height:0;overflow:auto;background:#2b2f2a;border:1px solid #6e726d;padding:8px 10px;box-sizing:border-box}
.pca-page > .tab{display:block}
.pca .hidden{display:none!important}

/* ---- nút trang PC (BtnHelpPage*: btn_page.spr 80×28) — dùng cho hàng mục con của module và trang của lịch */
.pca-tabs,.pcc-pages{display:flex!important;flex-wrap:wrap;gap:3px 4px;margin:0 0 8px!important;align-items:flex-end}
.pca-tabs .btn,.pca-pb{position:relative;min-width:80px;height:28px;padding:6px 10px 3px;border:0;border-radius:0;font-size:12px;line-height:16px;
  color:#eceeea;text-shadow:0 1px 0 #000;cursor:pointer;filter:none;
  background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)) 0 6px/100% 19px no-repeat,url(../../assets/ui/pc/activity/pb0.webp) 0 0/100% 100% no-repeat}
.pca-tabs .btn:hover,.pca-pb:hover{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)) 0 6px/100% 19px no-repeat,url(../../assets/ui/pc/activity/pb1.webp) 0 0/100% 100% no-repeat}
.pca-tabs .btn.on,.pca-pb.on{color:#fff;border:0;filter:none;padding-top:5px;
  background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)) 0 0/100% 100% no-repeat,url(../../assets/ui/pc/activity/pb2.webp) 0 0/100% 100% no-repeat;box-shadow:inset 0 -2px 0 #aae682}
.pca-events .pca-tabs [data-sub=lich]{display:none}
.pca-tabs .btn i{position:absolute;right:3px;top:7px;width:7px;height:7px;border-radius:50%;background:var(--red)}

/* ---- mục con dài (Phúc lợi): cột trái kiểu OutLookPanel */
.pca-sside .pca-page > .tab{position:relative;padding-left:160px;min-height:100%;box-sizing:border-box}
.pca-sside .pca-tabs{position:absolute;left:0;top:0;width:150px;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:1px;margin:0!important;
  background:#232823;border:1px solid #6e726d;padding:0 0 4px}
.pca-sside .pca-tabs::before{content:"Phúc lợi";display:block;height:19px;line-height:19px;padding-left:22px;color:#b4dc8c;font-size:12px;
  background:url(../../assets/ui/pc/activity/minus.webp) 4px 2px no-repeat,url(../../assets/ui/pc/activity/grp.webp) 0 0/100% 19px no-repeat;margin-bottom:2px}
.pca-sside .pca-tabs .btn{min-width:0;height:auto;min-height:26px;text-align:left;padding:4px 8px 4px 20px;color:#94aea5;background:none;box-shadow:none}
.pca-sside .pca-tabs .btn:hover{background:rgba(255,255,255,.06);color:#e8ece6}
.pca-sside .pca-tabs .btn.on{background:rgba(200,0,0,.35);color:#fff;box-shadow:inset 3px 0 0 #aae682;padding-top:4px}
.pca-sside .pca-tabs .btn i{top:10px;right:8px}

/* ---- module nhiều thẻ: danh sách trái (ScrollHelpList của helpsprite.ini) + một thẻ bên phải */
.pca-nav{flex:0 0 190px;overflow:auto;background:#232823;border:1px solid #6e726d;padding:0 0 4px;display:flex;flex-direction:column;gap:1px}
.pca-grp{display:flex;align-items:center;gap:5px;height:19px;padding-left:4px;color:#b4dc8c;font-size:12px;
  background:url(../../assets/ui/pc/activity/grp.webp) 0 0/100% 19px no-repeat;margin-bottom:2px;flex:none}
.pca-ni{display:block;width:100%;text-align:left;background:none;border:0;color:#94aea5;font-size:12px;padding:4px 8px 4px 20px;min-height:26px;cursor:pointer;
  line-height:16px;flex:none}
.pca-ni:hover{background:rgba(255,255,255,.06);color:#e8ece6}
.pca-ni.on{background:rgba(200,0,0,.35);color:#fff;box-shadow:inset 3px 0 0 #aae682}
.pca .pca-off{display:none!important}
.pca-hasnav .pca-page [class*="-card"],.pca-hasnav .pca-page .card{margin-bottom:0}

/* ---- thẻ / tiêu đề trong cửa sổ PC */
.pca-page h3,.pca-page h4{color:#b4dc8c}
.pca-page [class*="-card"]:not([class*="-cards"]),.pca-page .sys-esc .card{background:rgba(0,0,0,.2);border-color:#5d625c;border-radius:0}

/* ---- ô đánh dấu PC (team_checkbox.spr: thường / rê / đánh dấu-rê / đánh dấu) */
.pca-ck{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#e8ece6;cursor:pointer;min-height:24px}
.pca-ck input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.pca-ck i{width:15px;height:15px;flex:none;background:url(../../assets/ui/pc/activity/check.webp) 0 0/15px 60px no-repeat}
.pca-ck:hover i{background-position:0 -15px}
.pca-ck input:checked + i{background-position:0 -45px}
.pca-ck:hover input:checked + i{background-position:0 -30px}
.pca-ck input:focus-visible + i{outline:2px solid var(--gold);outline-offset:1px}
.pca-ck input:disabled + i{opacity:.5}
.pca-in{background:#120d08;border:1px solid var(--line);color:var(--txt);padding:4px 6px;border-radius:2px;min-width:0;font-size:12px}

/* ================= Nhật ký hoạt động (calendar.ini 800×510) */
.pcc{display:flex;flex-direction:column;gap:0;color:#e8ece6}
.pcc-msg{display:grid;grid-template-columns:1fr auto;gap:0 16px;padding:0 15px 3px;font-size:12px;line-height:15px;color:#b4dc78}
.pcc-msg b{color:#ecdf9c}
.pcc-msg > :nth-child(2),.pcc-msg > :nth-child(4){text-align:right}
.pcc-pages{padding-left:25px;margin:0!important}
.pcc-page{position:relative;width:747px;height:405px;margin-left:25px;background:url(../../assets/ui/pc/activity/page.webp) 0 0 no-repeat;font-size:12px}
.pcc-log{position:absolute;inset:0}
.pcc-left{position:absolute;left:10px;top:12px;width:304px;height:388px}
.pcc-hd{display:grid;grid-template-columns:44px 1fr 88px 48px;padding-right:16px;height:22px;align-items:center;color:#b4dc8c;font-size:11px;text-align:center;line-height:11px}
.pcc-list{position:absolute;left:0;top:22px;width:288px;height:334px;overflow:auto}
.pcc-grp{display:flex;align-items:center;gap:5px;height:19px;padding-left:4px;margin:1px 0;color:#b4dc8c;cursor:pointer;
  background:url(../../assets/ui/pc/activity/grp.webp) 0 0/185px 19px no-repeat}
.pcc-grp small{color:#94aea5}
.pcc-row{display:grid;grid-template-columns:44px 1fr 88px 48px;align-items:center;width:100%;min-height:24px;padding:2px 0;border:0;background:none;
  color:#94aea5;font-size:12px;text-align:center;cursor:pointer;text-shadow:0 1px 0 #090909}
.pcc-row > span{overflow-wrap:anywhere}
.pcc-row .st{white-space:nowrap}
.pcc-row .st{font-size:11px}
.pcc-row .nm{text-align:left;color:#d8e2dc;line-height:15px}
.pcc-row:hover{background:rgba(255,255,255,.06)}
.pcc-row.on{background:rgba(200,0,0,.45)}
.pcc-row.on .nm{color:#fff}
.pcc-row.off{opacity:.6}
.pcc-row.lock .nm{color:#94aea5}
.pcc-row.f{grid-template-columns:1fr 70px 56px}
.pcc-row .bell{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ecdf9c;margin-right:4px;vertical-align:middle}
.st{font-size:11.5px}
.st1{color:#f5deb3}.st2{color:#6fd06a}.st3{color:#f09a3a}.st4{color:#94aea5}
.pcc-all{position:absolute;left:10px;bottom:2px}
.pcc-right{position:absolute;left:330px;top:16px;width:400px;height:370px}
.pcc-desc{height:57px;overflow:auto;padding:4px 8px;box-sizing:border-box;line-height:1.5;color:#d8e2dc}
.pcc-desc b{color:#ecdf9c}
.pcc-name{position:absolute;top:61px;left:0;right:0;height:22px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.pcc-name > b{font-size:14px;color:#b4dc8c}
.pcc-text{position:absolute;top:88px;left:2px;width:382px;height:280px;overflow:auto;padding:6px 8px;box-sizing:border-box;line-height:1.55}
.pcc-text h5{margin:4px 0 4px;font-size:13px;color:#fff;background:linear-gradient(90deg,rgba(60,140,60,.55),transparent);padding:1px 6px}
.pcc-text p{margin:0 0 6px}
.pcc-aw{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}
.pcc-aw > div{display:flex;align-items:center;gap:6px}
.pcc-aw img,.pcc-aw i{width:24px;height:24px;flex:none;background:#000;border:1px solid #5d625c}
.pcc-go{display:flex;justify-content:flex-end;margin-top:6px}
.pca-c-yellow{color:#ffe14a}.pca-c-green{color:#6fd06a}.pca-c-red{color:#ff6a5a}.pca-c-orange{color:#f09a3a}.pca-c-wheat{color:#f5deb3}
.pca-c-white{color:#fff}.pca-c-blue{color:#7ab8ff}.pca-c-gold{color:#ecdf9c}.pca-c-pink{color:#ff9ad5}.pca-c-purple{color:#c890ff}
.pcc-find{display:flex;gap:4px;height:22px;margin-top:-10px}
.pcc-find .pca-in{flex:1}
.pcc-find .btn{padding:2px 10px}
.pcc-news{position:absolute;inset:6px 10px;overflow:auto;display:flex;flex-direction:column;gap:6px;background:#2b2f2a}
.pcc-card{border:1px solid #5d625c;background:rgba(0,0,0,.25);padding:6px 9px}
.pcc-card.hot{border-color:#ecdf9c}
.pcc-card h5{margin:0 0 4px;font-size:13px;color:#b4dc8c}
.pcc-card p{margin:0 0 4px}
.pcc-nrow{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;min-height:26px;border-bottom:1px solid rgba(255,255,255,.05)}
.pcc-nrow:has(> .st:first-child){grid-template-columns:96px 44px 1fr auto}
.pcc-nrow small{display:block;color:#94aea5;font-size:11px}
.pcc-nrow b{color:#ecdf9c}
.pcc-nrow.lock{opacity:.65}

/* ================= màn gọn (tấm phủ cả màn — Phase A): một cột, không cuộn ngang */
@media (max-width:820px),(max-height:500px){
  .pca{flex-direction:column;gap:6px;height:auto}
  .pca-page{overflow:visible;padding:6px}
  .pca-nav{flex:none;flex-direction:row;flex-wrap:wrap;gap:3px;padding:3px;overflow:visible}
  .pca-grp{display:none}
  .pca-ni{width:auto;max-width:100%;padding:4px 10px;border:1px solid #5d625c}
  .pca-sside .pca-page > .tab{padding-left:0}
  .pca-sside .pca-tabs{position:static;width:auto;flex-direction:row;flex-wrap:wrap;gap:3px;margin:0 0 8px!important;padding:3px}
  .pca-sside .pca-tabs::before{display:none}
  .pca-sside .pca-tabs .btn{padding:4px 18px 4px 8px;border:1px solid #5d625c}
  .pca-tabs .btn,.pca-pb{min-width:0;flex:1 1 auto}
  .pcc-msg{grid-template-columns:1fr;padding:0 2px 6px}
  .pcc-msg > :nth-child(2),.pcc-msg > :nth-child(4){text-align:left}
  .pcc-pages{padding-left:0}
  .pcc-page{width:auto;height:auto;margin:6px 0 0;background:#2b2f2a;border:1px solid #6e726d}
  .pcc-log,.pcc-left,.pcc-right,.pcc-list,.pcc-name,.pcc-text,.pcc-news,.pcc-all{position:static;width:auto;height:auto;inset:auto}
  .pcc-log{display:flex;flex-direction:column;gap:6px;padding:6px}
  .pcc-left{display:flex;flex-direction:column}
  .pcc-list{max-height:44vh;overflow:auto;background:#232823;border:1px solid #5d625c}
  .pcc-right{border:1px solid #5d625c;background:#30352f}
  .pcc-desc{height:auto;overflow:visible}
  .pcc-name{padding:0 8px;flex-wrap:wrap;min-height:26px}
  .pcc-text{padding:6px 8px;overflow:visible}
  .pcc-find{margin:0 0 4px}
  .pcc-news{padding:6px;overflow:visible}
  .pcc-nrow:has(> .st:first-child){grid-template-columns:88px 40px 1fr auto}
}
/* Nhật ký hoạt động: hạng dòng (pcwin/activity.js rankOf) — đang mở lên đầu (vệt sáng img_highlight: pcwin/eventglow.css), sắp mở ≤ 10 phút
   cùng vệt sáng mờ (baibaoxiang\img_highlight.spr = ui/pc/lucky/bbx_hl.webp); cột trạng thái thêm chữ đếm ngược */
.pcc-stc{display:flex;flex-direction:column;align-items:center;line-height:12px}
.pcc-cd{font-size:10px;color:#cfd8c8;white-space:nowrap;font-variant-numeric:tabular-nums}
.pcc-cd:empty{display:none}
.pcc-row.live .pcc-cd{color:#fff3a0}
.pcc-row.soon{position:relative;background-color:rgba(120,200,255,.06)}
.pcc-row.soon::after{content:"";position:absolute;inset:0;background:url(../../assets/ui/pc/lucky/bbx_hl.webp) center/100% 100% no-repeat;opacity:.5;filter:hue-rotate(170deg);pointer-events:none}
.pcc-row.soon .pcc-cd{color:#9fd8ff}
.pcc-row.soon:not(.on) .nm{color:#e6f4ff}
.pcc-row.soon.on{background-color:rgba(200,0,0,.45)}