.ui-icon{position:relative;display:inline-block;width:20px;height:20px;box-sizing:border-box;color:currentColor;flex:none}
.ui-icon:before,.ui-icon:after{content:"";position:absolute;box-sizing:border-box}
.ui-icon-home:before{left:4px;top:8px;width:12px;height:10px;border:2px solid currentColor;border-top:0;border-radius:2px}.ui-icon-home:after{left:4px;top:3px;width:12px;height:12px;border-left:2px solid currentColor;border-top:2px solid currentColor;border-radius:2px;transform:rotate(45deg)}
.ui-icon-reels:before{inset:3px 2px;border:2px solid currentColor;border-radius:5px}.ui-icon-reels:after{left:8px;top:7px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid currentColor}
.ui-icon-users:before,.ui-icon-group:before{left:3px;top:2px;width:6px;height:6px;border:2px solid currentColor;border-radius:50%;box-shadow:8px 1px 0 -2px transparent,8px 1px 0 0 currentColor}.ui-icon-users:after,.ui-icon-group:after{left:1px;bottom:2px;width:11px;height:7px;border:2px solid currentColor;border-bottom:0;border-radius:9px 9px 0 0;box-shadow:8px 1px 0 -1px var(--icon-bg,#fff),8px 1px 0 1px currentColor}
.ui-icon-chat:before{inset:3px 2px 5px;border:2px solid currentColor;border-radius:6px}.ui-icon-chat:after{left:5px;bottom:3px;width:6px;height:6px;border-left:2px solid currentColor;transform:skew(-30deg)}
.ui-icon-bookmark:before{left:5px;top:2px;width:11px;height:16px;border:2px solid currentColor;border-radius:3px 3px 1px 1px;clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%)}
.ui-icon-bell:before{left:4px;top:3px;width:12px;height:13px;border:2px solid currentColor;border-radius:8px 8px 4px 4px}.ui-icon-bell:after{left:8px;bottom:1px;width:5px;height:3px;border-radius:0 0 5px 5px;background:currentColor}
.ui-icon-shield:before{left:4px;top:2px;width:13px;height:16px;border:2px solid currentColor;border-radius:7px 7px 9px 9px;clip-path:polygon(50% 0,100% 18%,92% 70%,50% 100%,8% 70%,0 18%)}.ui-icon-shield:after{left:8px;top:6px;width:5px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.ui-icon-search:before{left:3px;top:2px;width:11px;height:11px;border:2px solid currentColor;border-radius:50%}.ui-icon-search:after{left:13px;top:12px;width:7px;height:2px;border-radius:2px;background:currentColor;transform:rotate(45deg);transform-origin:left center}
.ui-icon-user:before{left:7px;top:2px;width:7px;height:7px;border:2px solid currentColor;border-radius:50%}.ui-icon-user:after{left:4px;bottom:2px;width:13px;height:8px;border:2px solid currentColor;border-bottom:0;border-radius:10px 10px 0 0}
.ui-icon-plus:before{left:9px;top:3px;width:2px;height:14px;border-radius:2px;background:currentColor}.ui-icon-plus:after{left:3px;top:9px;width:14px;height:2px;border-radius:2px;background:currentColor}
.ui-icon-edit:before{left:4px;top:9px;width:13px;height:5px;border:2px solid currentColor;border-radius:2px;transform:rotate(-45deg)}.ui-icon-edit:after{left:2px;bottom:2px;border-style:solid;border-width:4px 0 4px 5px;border-color:transparent transparent transparent currentColor;transform:rotate(45deg)}
.ui-icon-trash:before{left:5px;top:6px;width:11px;height:12px;border:2px solid currentColor;border-radius:2px}.ui-icon-trash:after{left:4px;top:3px;width:13px;height:2px;border-radius:2px;background:currentColor;box-shadow:4px -2px 0 -0.5px currentColor}
.ui-icon-heart:before{content:"\2764";inset:-1px 0 auto;text-align:center;font:18px/20px Arial,"Segoe UI Symbol",sans-serif}.ui-icon-tag:before{left:4px;top:4px;width:13px;height:10px;border:2px solid currentColor;border-radius:3px;transform:rotate(45deg)}.ui-icon-tag:after{left:6px;top:5px;width:3px;height:3px;border-radius:50%;background:currentColor}.ui-icon-check:before{left:4px;top:5px;width:12px;height:7px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}
.ui-icon-grid:before{left:3px;top:3px;width:6px;height:6px;border:2px solid currentColor;border-radius:2px;box-shadow:9px 0 0 -2px var(--icon-bg,#fff),9px 0 0 0 currentColor,0 9px 0 -2px var(--icon-bg,#fff),0 9px 0 0 currentColor,9px 9px 0 -2px var(--icon-bg,#fff),9px 9px 0 0 currentColor}.ui-icon-report:before{left:3px;top:3px;width:14px;height:14px;border:2px solid currentColor;border-radius:50%}.ui-icon-report:after{left:9px;top:6px;width:2px;height:6px;border-radius:2px;background:currentColor;box-shadow:0 8px 0 currentColor}.ui-icon-eye:before{left:2px;top:5px;width:17px;height:11px;border:2px solid currentColor;border-radius:50% 8px;transform:rotate(-3deg)}.ui-icon-eye:after{left:8px;top:8px;width:5px;height:5px;border-radius:50%;background:currentColor}

.global-sidebar>nav>a>.nav-icon{--icon-bg:#eef6f4;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#eef6f4;color:#3f6b64;transition:.2s}.global-sidebar>nav>a>.nav-icon .ui-icon{width:19px;height:19px}.global-sidebar>nav>a:hover>.nav-icon,.global-sidebar>nav>a.active>.nav-icon{--icon-bg:#fff;background:#fff;color:#128c70;box-shadow:0 5px 14px #0d745e1c;transform:translateY(-1px)}.global-sidebar>nav>a{padding:7px 8px!important}.header-icon>.ui-icon{width:20px;height:20px}.header-search>.ui-icon{width:17px;height:17px}.mobile-dock>a>.ui-icon{width:21px;height:21px}.mobile-dock .dock-create>.ui-icon{width:25px;height:25px}

.post-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:100px;border-radius:10px!important;transition:color .2s,background .2s,transform .16s}.post-actions button:hover{background:#f3f7f8}.post-actions button:active{transform:scale(.96)}.like-heart{display:inline-grid;place-items:center;width:19px;height:19px;color:#8a98a8;font:18px/1 Arial,"Segoe UI Symbol",sans-serif;transform-origin:center}.like-heart:before{content:"\2764"}.like-heart.mini{width:13px;height:13px;font-size:12px}.post-like.active,.comment-like.active{color:#e5384f!important}.post-like.active .like-heart,.comment-like.active .like-heart{color:#e5384f;filter:drop-shadow(0 3px 7px #e5384f55)}.like-heart.heart-burst{animation:heart-burst .62s cubic-bezier(.2,.85,.24,1.25)}@keyframes heart-burst{0%{transform:scale(1)}28%{transform:scale(1.75) rotate(-12deg)}52%{transform:scale(.82) rotate(8deg)}75%{transform:scale(1.22) rotate(-3deg)}100%{transform:scale(1)}}
.comment-icon{position:relative;width:17px;height:14px;border:2px solid currentColor;border-radius:6px}.comment-icon:after{content:"";position:absolute;left:2px;bottom:-5px;width:6px;height:6px;border-left:2px solid currentColor;transform:skew(-28deg)}.save-icon{position:relative;width:14px;height:16px;border:2px solid currentColor;border-bottom:0;border-radius:3px 3px 0 0}.save-icon:after{content:"";position:absolute;left:1px;bottom:-3px;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}.post-save.active{color:#6a42d5!important}.post-meta .reaction-count{display:inline-flex;align-items:center;gap:4px}.post-meta .reaction-count:hover .like-heart{color:#e5384f}

.comments-list{margin:4px 0 0 34px;padding-left:14px;border-left:2px solid #edf1f4}.comment{display:flex!important;align-items:flex-start;gap:9px;margin-top:10px!important;padding:0!important;background:transparent!important}.comment-avatar{width:31px;height:31px;display:grid;place-items:center;flex:none;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#18a381,#6540d5);color:#fff;font-size:10px;font-weight:900}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-bubble{min-width:0;max-width:calc(100% - 40px);padding:9px 11px 7px;border:1px solid #e9eef2;border-radius:4px 14px 14px 14px;background:#f5f8fa}.comment-bubble>footer{display:flex;align-items:center;gap:9px;margin-top:7px}.comment-bubble>footer form{display:contents}.comment-bubble>footer button{display:inline-flex;align-items:center;gap:4px;border:0;background:none;padding:1px;color:#748294;font-size:9px}.comment-bubble>footer .comment-edit{margin-left:auto;color:#167e67}.comment-bubble>footer .comment-delete{color:#b33b48}.comment-gif{display:block!important;width:100px!important;height:100px!important;max-width:none!important;max-height:none!important;margin-top:8px!important;border-radius:11px!important;object-fit:cover!important;background:#0a1724}.comment-copy .comment-inline-gif-link{display:block!important;width:100px!important;height:100px!important;min-width:100px!important;min-height:100px!important;max-width:100px!important;max-height:100px!important;margin:8px 0 0!important;overflow:hidden!important;border-radius:11px!important}.comment-copy img.comment-inline-gif{display:block!important;width:100px!important;height:100px!important;min-width:100px!important;min-height:100px!important;max-width:100px!important;max-height:100px!important;margin:0!important;border-radius:11px!important;object-fit:cover!important;background:#0a1724}.comment-form{margin-left:48px!important}.comment-form:focus-within{filter:drop-shadow(0 5px 12px #14355010)}

.story-owner-controls{position:absolute;z-index:5;left:12px;top:12px;display:flex;gap:7px}.story-owner-controls[hidden]{display:none!important}.story-owner-controls form{margin:0}.story-owner-controls button{height:38px;display:flex;align-items:center;gap:6px;padding:0 11px;border:1px solid #ffffff32;border-radius:999px;background:#071827b8;color:#fff;font-size:10px;backdrop-filter:blur(10px);box-shadow:0 5px 18px #0004}.story-owner-controls .story-delete{background:#9b2737cc}.story-owner-controls .ui-icon{width:16px;height:16px}.story-viewer footer{pointer-events:none}.story-viewer footer>div{max-width:100%}

.notification-item{position:relative;transition:background .2s,opacity .2s}.notification-item:not(.unread){background:#fff;color:#667586}.notification-item:not(.unread) .notification-avatar{filter:saturate(.72)}.notification-item.unread{box-shadow:inset 3px 0 #18a281}.notification-item>em{width:auto!important;height:auto!important;display:inline-flex;align-items:center;border-radius:999px!important;padding:4px 7px;background:#17a482!important;color:#fff;font-style:normal;font-size:8px;font-weight:900}.notification-kind-icon{position:absolute;right:-4px;bottom:-3px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#169d7e;box-shadow:0 2px 7px #0b2a4440}.notification-kind-icon .ui-icon{width:13px;height:13px}.notification-avatar>i{display:none!important}.rail-notification.unread{box-shadow:inset 3px 0 #19a382}.rail-notification:not(.unread){opacity:.82}

.swal-overlay{z-index:100000!important}
.admin-nav a{display:flex!important;align-items:center;gap:9px}.admin-nav a>.ui-icon{width:17px;height:17px}.stat-grid article>span .ui-icon{width:24px;height:24px}.admin-users-card>header>button,.admin-user-search{display:flex!important;align-items:center;gap:7px}.admin-users-card>header>button .ui-icon,.admin-user-search .ui-icon{width:17px;height:17px}.admin-user-actions button{display:inline-flex;align-items:center;gap:5px}.admin-user-actions button .ui-icon{width:15px;height:15px}.admin-post-metrics{display:inline-flex!important;align-items:center;gap:5px}.admin-post-metrics .ui-icon{width:13px;height:13px}
@media(max-width:700px){.comments-list{margin-left:13px;padding-left:9px}.comment-form{margin-left:22px!important}.comment-avatar{width:28px;height:28px}.comment-bubble{max-width:calc(100% - 35px)}.post-actions button{min-width:0;gap:6px}.story-owner-controls button{width:38px;padding:0;justify-content:center}.story-owner-controls button span:not(.ui-icon){display:none}.notification-item>em span{display:none}.notification-item>em{width:9px!important;height:9px!important;padding:0}}

/* Gönderi görünürlüğü */
.composer-visibility{display:grid;gap:3px;margin:0 0 0 auto!important;min-width:138px;font-weight:800;color:#53677b}
.composer-visibility>span,.story-wall-visibility>span,.reel-visibility{font-size:10px}
.composer-visibility select,.story-wall-visibility select,.reel-visibility select{width:100%;border:1px solid #dbe5ea;border-radius:9px;background:#fff;color:#173249;padding:8px 29px 8px 10px;font:inherit;font-weight:800;cursor:pointer}
.composer-visibility small,.story-wall-visibility small,.reel-visibility small{color:#9a6a12;font-size:9px;font-weight:700;line-height:1.35}
.composer-tools>.composer-visibility+button{margin-left:0}
.post-audience{display:inline;font-weight:700;color:#657689;white-space:nowrap}
.story-wall-visibility{display:grid!important;gap:6px;margin:0!important;padding:12px 14px;border:1px solid #e1e8ed;border-radius:13px;background:#fbfcfd;color:#173249;font-weight:850}
.reel-uploader .reel-visibility{display:grid;gap:5px;background:#f7fafb;color:#173249;padding:10px;text-align:left;cursor:default}
.reel-uploader .reel-visibility select{position:static;width:100%;height:auto;opacity:1;pointer-events:auto}
.visibility-settings-card{overflow:visible}
.visibility-policy-form{display:grid;gap:12px;padding:20px}
.visibility-policy-option{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #dfe7ec;border-radius:14px;background:#f9fbfc;cursor:pointer}
.visibility-policy-option:has(input:checked){border-color:#1aa181;box-shadow:0 0 0 3px #1aa18118;background:#f1fbf8}
.visibility-policy-option input{margin-top:3px;accent-color:#178f74}
.visibility-policy-option span{display:grid;gap:5px}
.visibility-policy-option b{color:#173249;font-size:13px}
.visibility-policy-option small{color:#718092;line-height:1.55}
.visibility-policy-note{display:flex;gap:8px;align-items:center;padding:12px 14px;border-radius:11px;background:#fff5df;color:#805b13;font-size:11px}
.visibility-policy-form>button{justify-self:start}
@media(max-width:700px){.composer-tools>.composer-visibility{order:20;width:100%;margin-left:0!important}.composer-tools>.composer-visibility+button{order:21;width:100%}.story-wall-visibility{padding:11px}.reel-uploader .reel-visibility{grid-column:1/-1}.visibility-policy-note{align-items:flex-start;flex-direction:column}}


/* Gönderi oluşturma alanı düzeni */
.create-post{overflow:visible}
.create-top{align-items:flex-start}
.create-top form{min-width:0}
.composer-input-wrap{min-width:0}
.composer-tools{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
    align-items:stretch!important;
    width:100%;
    padding-top:12px!important;
    box-sizing:border-box;
}
.composer-tool-list{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    min-width:0;
}
.composer-tool-list>.media-picker,
.composer-tool-list>.enrichment-tool{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:36px;
    margin:0!important;
    padding:8px 11px!important;
    border:0;
    border-radius:9px;
    box-sizing:border-box;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap;
}
.composer-tool-list>.media-picker{
    background:#eaf8f4;
    color:#128c70;
}
.composer-tool-list>.media-picker b{font:inherit}
.composer-tool-list>.enrichment-tool{margin-left:0!important}
.composer-tool-list>#mediaName{
    flex:1 1 150px;
    min-width:0;
    max-width:none;
    margin-left:2px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.composer-submit-controls{
    display:flex;
    align-items:flex-end;
    justify-content:flex-end;
    gap:10px;
    width:100%;
    padding-top:9px;
    border-top:1px solid #edf1f4;
    box-sizing:border-box;
}
.composer-submit-controls>.composer-visibility{
    width:min(100%,170px);
    min-width:150px;
    margin:0!important;
}
.composer-submit-controls>.composer-visibility select{
    min-height:38px;
    padding-top:8px;
    padding-bottom:8px;
}
.composer-submit-controls>.composer-submit-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:86px;
    min-height:38px;
    margin:0!important;
    padding:9px 17px!important;
    border-radius:9px!important;
    box-sizing:border-box;
}
@media(max-width:700px){
    .create-post{padding:13px}
    .create-top{gap:8px}
    .create-top>.small-avatar{width:36px;height:36px}
    .composer-tool-list{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:7px;
    }
    .composer-tool-list>.media-picker,
    .composer-tool-list>.enrichment-tool{
        width:100%;
        min-width:0;
        min-height:38px;
        padding:8px 7px!important;
        font-size:11px!important;
    }
    .composer-tool-list>.enrichment-tool span{display:inline!important}
    .composer-tool-list>.live-tool{grid-column:1/-1}
    .composer-tool-list>#mediaName{
        grid-column:1/-1;
        width:100%;
        min-height:0;
        text-align:left;
    }
    .composer-submit-controls{
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        align-items:end;
        gap:8px;
    }
    .composer-submit-controls>.composer-visibility{
        width:100%;
        min-width:0;
    }
    .composer-submit-controls>.composer-submit-button{
        width:auto!important;
        min-width:86px;
        min-height:38px;
    }
}
@media(max-width:430px){
    .composer-submit-controls{grid-template-columns:1fr}
    .composer-submit-controls>.composer-submit-button{width:100%!important}
}