/* آثار مشترک و تگ */
.hb-collab-sec>label{display:flex;align-items:center;gap:6px}
.hb-collab-sec>label svg{width:18px;height:18px}
.hb-own-role-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.hb-own-role-row span{flex:none;font-size:13.5px;color:var(--g-600,#57534D)}
.hb-own-role-row input{flex:1}
.hb-cpick{position:relative}
.hb-cpick-search input{width:100%;border-radius:14px!important;background:var(--g-50,#F4F2EE)}
.hb-cpick-sugg{position:absolute;inset-inline:0;top:calc(100% + 4px);z-index:30;background:#fff;border:1px solid #e6e1d8;border-radius:14px;box-shadow:0 12px 30px rgba(7,63,70,.14);max-height:300px;overflow:auto;padding:4px}
.hb-cpick-sugg button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;padding:8px;border-radius:10px;text-align:right;font:inherit;cursor:pointer}
.hb-cpick-sugg button:hover,.hb-cpick-sugg button:focus{background:var(--f-50,#E3F4F4)}
.hb-cpick-sugg img,.hb-cpick-list img,.hb-cman-list img{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:none;background:#eee}
.hb-cpick-sugg span{display:flex;flex-direction:column}
.hb-cpick-sugg small,.hb-cpick-list small{color:var(--g-400,#7F7A72);font-size:12px;direction:ltr;text-align:right}
.hb-cpick-sugg .emp{padding:12px;color:var(--g-400,#7F7A72);font-size:13px;text-align:center}
.hb-cpick-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.hb-cpick-list li{display:grid;grid-template-columns:38px 1fr 28px;align-items:center;gap:8px 10px;background:var(--f-50,#E3F4F4);border-radius:14px;padding:8px 10px}
.hb-cpick-list li .ctl{grid-column:1/-1;grid-row:2}
.hb-cpick-list li .x{grid-column:3;grid-row:1}
.hb-cpick-list .nm{display:flex;flex-direction:column;min-width:90px;flex:1}
.hb-cpick-list .ctl{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.hb-cpick-list .role{flex:1;min-width:140px;padding:6px 10px!important;border-radius:10px!important;font-size:13px}
.hb-cpick-list .seg{display:inline-flex;background:#fff;border-radius:10px;padding:2px}
.hb-cpick-list .seg button{border:0;background:none;padding:5px 10px;border-radius:8px;font:inherit;font-size:12.5px;cursor:pointer;color:var(--g-600,#57534D)}
.hb-cpick-list .seg button.on{background:var(--f-600,#0E7F89);color:#fff}
.hb-cpick-list .x,.hb-cman-list .x{border:0;background:rgba(0,0,0,.06);width:28px;height:28px;border-radius:50%;cursor:pointer;flex:none}
.hb-collabs .h4{font-size:15px;margin:18px 0 8px;color:var(--f-900,#073F46)}
.hb-ccard{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--g-100,#EDEBE7);border-radius:14px;margin-bottom:8px}
.hb-ccard .th{width:56px;height:56px;border-radius:12px;overflow:hidden;flex:none;background:var(--g-50,#F4F2EE);display:grid;place-items:center}
.hb-ccard .th img{width:100%;height:100%;object-fit:cover}
.hb-ccard .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.hb-ccard .tx small{color:var(--g-400,#7F7A72);font-size:12.5px}
.hb-ccard .acts{display:flex;gap:6px;flex-wrap:wrap}
.hb-ccard .done{font-size:13px;font-weight:700}.hb-ccard .done.ok{color:#1d7a46}.hb-ccard .done.err{color:#b23b2a}
.hb-cman{border:1px solid var(--g-100,#EDEBE7);border-radius:14px;padding:10px 12px;margin-bottom:8px}
.hb-cman summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none}
.hb-cman summary::-webkit-details-marker{display:none}
.hb-cman summary small{color:var(--g-400,#7F7A72)}
.hb-cman[open] summary{margin-bottom:10px}
.hb-cman-role{display:flex;gap:8px;align-items:center;margin-bottom:8px}
.hb-cman-role label{flex:none;font-size:13px}
.hb-cman-list{list-style:none;margin:0 0 10px;padding:0}
.hb-cman-list li{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px dashed var(--g-100,#EDEBE7)}
.hb-cman-list span{flex:1;display:flex;flex-direction:column}.hb-cman-list small{color:var(--g-400,#7F7A72);font-size:12px}
.hb-cman .hb-cman-save{margin-top:8px}
/* صفحه اثر */
.hb-credits ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.hb-credits li a,.hb-credits li>div{display:flex;align-items:center;gap:10px;padding:6px;border-radius:12px;text-decoration:none;color:inherit}
.hb-credits li a:hover{background:var(--f-50,#E3F4F4)}
.hb-credits img{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--f-100,#C3E9EA)}
.hb-credits span{display:flex;flex-direction:column}
.hb-credits b{font-size:14px;display:flex;align-items:center}
.hb-credits small{color:var(--g-400,#7F7A72);font-size:12px}
.hb-credits h4{display:flex;align-items:center;gap:6px}
.hb-credits h4 svg{width:18px;height:18px}
.hb-cavs{display:inline-flex;vertical-align:middle;margin-inline-end:8px}
.hb-cavs img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid #fff;margin-inline-start:-9px;position:relative}
.hb-cavs img:first-child{margin-inline-start:0}
@media (max-width:600px){.hb-ccard{flex-wrap:wrap}.hb-ccard .acts{width:100%;justify-content:flex-end}}
/* عوامل اثر — زیر اثر */
.hb-crew{padding:16px 16px 10px}
.hb-crew h3{display:flex;align-items:center;gap:6px;font-size:16px;margin:0 0 12px}
.hb-crew h3 svg{width:20px;height:20px;color:var(--f-600,#0E7F89)}
.hb-crew ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}
.hb-crew li a,.hb-crew li>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:12px 6px;border-radius:16px;background:var(--g-50,#F4F2EE);color:inherit;text-decoration:none;height:100%}
.hb-crew li a:hover{background:var(--f-50,#E3F4F4)}
.hb-crew img{width:58px;height:58px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--f-200,#A7DEDF);margin-bottom:4px}
.hb-crew b{font-size:13.5px;display:flex;align-items:center;gap:2px;line-height:1.5}
.hb-crew small{font-size:12px;color:var(--f-700,#0B5F68);background:#fff;border-radius:10px;padding:1px 9px;font-weight:700}
.hb-invites{border:1.5px solid var(--f-200,#A7DEDF)}
.hb-invites h2{display:flex;align-items:center;gap:8px}
.hb-invites .mg-n{font-style:normal;background:var(--f-50,#E3F4F4);border-radius:10px;padding:0 9px;font-size:13px}