/* ===== الاستوري في قائمة المتصلين ===== */
.story_box{margin:0 0 10px 0;}
.story_title{background:#8d44ad;color:#fff;font-weight:bold;font-size:20px;text-align:center;padding:8px 10px;border-radius:12px;margin-bottom:10px;letter-spacing:.2px;}
.story_strip{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding:12px 14px;background:#cfb896;border-radius:22px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;}
.story_strip::-webkit-scrollbar{height:4px;}
.story_strip::-webkit-scrollbar-thumb{background:rgba(255,255,255,.55);border-radius:4px;}
.story_item{flex:0 0 auto;cursor:pointer;}
.story_ring{width:64px;height:64px;border-radius:50%;padding:3px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);}
.story_ring.seen{background:#2ecc71;}
.story_ring.add{background:rgba(255,255,255,.55);}
.story_ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #cfb896;box-sizing:border-box;display:block;}
.story_plus{width:100%;height:100%;border-radius:50%;background:#fff;color:#8e44ad;display:flex;align-items:center;justify-content:center;font-size:22px;}
/* عارض الاستوري */
.story_viewer{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.94);z-index:2147483000;display:flex;align-items:center;justify-content:center;direction:ltr;}
.story_stage{position:relative;width:100%;max-width:480px;height:100%;background:#000;overflow:hidden;}
.story_stage img.story_pic{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;}
.story_bars{position:absolute;left:8px;right:8px;top:8px;display:flex;gap:4px;z-index:5;}
.story_bar{flex:1;height:3px;background:rgba(255,255,255,.35);border-radius:3px;overflow:hidden;}
.story_bar i{display:block;height:100%;width:0;background:#fff;}
.story_bar.done i{width:100%;}
.story_head{position:absolute;left:0;right:0;top:18px;padding:10px 12px;display:flex;align-items:center;gap:10px;z-index:5;background:linear-gradient(rgba(0,0,0,.55),transparent);color:#fff;}
.story_head img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #fff;}
.story_head .story_who{flex:1;min-width:0;}
.story_head .story_name{font-weight:bold;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.story_head .story_time{font-size:12px;opacity:.8;}
.story_head .story_btn{font-size:20px;padding:6px 8px;cursor:pointer;color:#fff;}
.story_tap{position:absolute;top:70px;bottom:90px;z-index:3;}
.story_tap.prev{left:0;width:35%;}
.story_tap.next{right:0;width:65%;}
.story_foot{position:absolute;left:0;right:0;bottom:0;padding:30px 16px 22px;z-index:5;color:#fff;text-align:center;background:linear-gradient(transparent,rgba(0,0,0,.7));direction:auto;}
.story_foot .story_caption{font-size:16px;line-height:1.5;word-break:break-word;}
.story_foot .story_views{font-size:13px;opacity:.85;margin-top:6px;}
/* نافذة النشر */
.story_post{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.75);z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:14px;}
.story_post_card{background:#fff;color:#222;width:100%;max-width:380px;border-radius:16px;padding:14px;box-sizing:border-box;}
.story_post_card img{width:100%;max-height:50vh;object-fit:contain;border-radius:12px;background:#111;display:block;}
.story_post_card textarea{width:100%;box-sizing:border-box;margin-top:10px;border:1px solid #ccc;border-radius:10px;padding:8px 10px;font-size:15px;resize:none;height:60px;font-family:inherit;}
.story_post_actions{display:flex;gap:10px;margin-top:10px;}
.story_post_actions button{flex:1;border:0;border-radius:10px;padding:10px;font-size:16px;font-weight:bold;cursor:pointer;}
.story_post_actions .story_pub{background:#8e44ad;color:#fff;}
.story_post_actions .story_cancel{background:#e5e5e5;color:#333;}
.story_post_actions button[disabled]{opacity:.55;}