*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#fafafa;color:#111827}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{border:0;cursor:pointer}
img,video{max-width:100%}
.muted{color:#737373}
.btn,button.btn{border:0;border-radius:10px;padding:10px 15px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.primary{background:#111827;color:#fff}.danger{background:#dc2626;color:white}.ghost{background:#f3f4f6;color:#374151}.small{padding:7px 10px;font-size:13px}
.alert{padding:12px 14px;border-radius:12px;margin:12px auto;max-width:980px}.alert-success{background:#dcfce7;color:#14532d}.alert-danger{background:#fee2e2;color:#7f1d1d}.alert-warning{background:#fef3c7;color:#713f12}
.auth-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,#fce7f3,#fff 40%,#e0f2fe);padding:16px}
.auth-card{width:min(440px,92vw);background:#fff;border:1px solid #e5e7eb;border-radius:28px;padding:32px;box-shadow:0 26px 80px rgba(17,24,39,.13)}
.auth-brand,.brand{display:flex;align-items:center;gap:12px}.auth-brand h1{font-size:28px;margin:0}.auth-brand p{margin:6px 0 0;color:#737373}.brand{border-radius:16px;padding:6px;text-decoration:none}.brand-logo{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#f97316,#ec4899,#6366f1);color:#fff;display:grid;place-items:center;font-weight:900;font-size:24px}.brand span,.sidebar-user span,.post-author span,.composer-mini-head span,.mini-profile-card span{display:block;color:#737373;font-size:12px;word-break:break-word}.form{display:grid;gap:10px}.form input,.form textarea,.composer-top textarea,.comment-input{width:100%;border:1px solid #dbdbdb;border-radius:12px;padding:12px;background:#fafafa;color:#111827}.form textarea{min-height:110px}.form.compact{gap:12px}.auth-link a{color:#2563eb;font-weight:800}

/* Desktop shell */
.app-shell{min-height:100vh}.ig-mobile-topbar{display:none}.sidebar-backdrop{display:none}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:#fff;border-right:1px solid #dbdbdb;padding:22px 16px;display:flex;flex-direction:column;gap:22px;overflow-y:auto;z-index:40}.page{min-width:0;min-height:100vh;margin-left:260px;padding:28px 28px 80px}.nav{display:grid;gap:6px}.nav a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;border-radius:14px;color:#262626;font-weight:700;white-space:nowrap}.nav a:hover,.nav a.active{background:#f3f4f6}.nav a.active{font-weight:900}.badge{background:#ef4444;color:#fff;border-radius:99px;padding:3px 8px;font-size:12px}.sidebar-user{margin-top:auto;display:flex;align-items:center;gap:11px;border:1px solid #efefef;background:#fafafa;padding:12px;border-radius:18px;overflow:hidden}.sidebar-user div{min-width:0}.sidebar-user strong,.sidebar-user span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#fdf2f8,#dbeafe);color:#1d4ed8;font-weight:900;flex:0 0 auto;border:1px solid #e5e7eb}.avatar.admin{background:linear-gradient(135deg,#fef3c7,#fed7aa);color:#92400e}.avatar.small{width:34px;height:34px;font-size:13px}.avatar.big{width:58px;height:58px;font-size:19px}

/* Instagram style feed */
.ig-layout{display:grid;grid-template-columns:minmax(0,660px) 320px;gap:32px;align-items:start;max-width:1080px;margin:0 auto}.ig-feed-column{min-width:0}.right-rail{position:sticky;top:28px;display:grid;gap:14px}.story-tray{background:#fff;border:1px solid #dbdbdb;border-radius:14px;padding:14px;display:flex;gap:14px;overflow-x:auto;margin-bottom:16px;scrollbar-width:thin}.story-item{background:transparent;padding:0;display:grid;justify-items:center;gap:7px;min-width:72px;color:#262626}.story-ring{width:64px;height:64px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#f97316,#ec4899,#6366f1);display:grid;place-items:center}.story-ring>span{width:100%;height:100%;border-radius:50%;background:#fff;display:grid;place-items:center;font-weight:900;color:#111827;border:2px solid #fff}.admin-story{background:linear-gradient(135deg,#fde68a,#fb923c,#ec4899)}.story-item em{font-style:normal;font-size:12px;max-width:74px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.composer-card,.ig-post,.rail-card,.profile-card,.profile-hero,.profile-tabs{background:#fff;border:1px solid #dbdbdb;border-radius:14px}.instagram-composer,.composer-card{padding:14px;margin-bottom:16px}.composer-mini-head{display:flex;gap:11px;align-items:center;margin-bottom:10px}.composer-top textarea{min-height:76px;resize:vertical;border-radius:12px;background:#fff}.composer-actions{border-top:1px solid #efefef;margin-top:12px;padding-top:12px;display:flex;justify-content:space-between;gap:10px}.media-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.preview-item img,.preview-item video{width:100%;height:180px;object-fit:cover;border-radius:12px;background:#000}.feed{display:grid;gap:18px}.ig-post{overflow:hidden;display:flex;flex-direction:column}.ig-post-head,.post-head{display:flex;align-items:center;gap:11px;padding:12px 14px}.post-head>div:not(.avatar){min-width:0;flex:1}.post-head span{display:block;color:#737373;font-size:12px;margin-top:2px}.post-author{flex:1;min-width:0}.post-author a{font-weight:900}.post-author span{margin-top:2px}.icon-btn{background:transparent;color:#111827;font-size:22px;line-height:1;padding:7px 9px;border-radius:8px}.icon-btn:hover{background:#f3f4f6}.pill{background:#eff6ff;color:#1d4ed8;border-radius:99px;padding:6px 10px;font-style:normal;font-size:12px;font-weight:800;white-space:nowrap}.pill.passive{background:#fee2e2;color:#991b1b}
.media-grid{display:grid;gap:2px;background:#000}.media-grid.count-1{grid-template-columns:1fr}.media-grid.count-2,.media-grid.count-3,.media-grid.count-4{grid-template-columns:repeat(2,1fr)}.media-grid.count-3>*:first-child{grid-row:span 2}.media-grid img,.media-grid video{width:100%;height:100%;max-height:640px;aspect-ratio:1/1;object-fit:cover;background:#000;display:block}.media-grid.count-1 img,.media-grid.count-1 video{aspect-ratio:4/5}.media-open{display:block;width:100%;height:100%;padding:0;background:transparent;border:0;overflow:hidden;cursor:zoom-in}.ig-action-row{display:flex;align-items:center;gap:2px;padding:8px 10px}.ig-action-row button{background:transparent;border-radius:10px;padding:7px 9px;font-size:24px;color:#111827;line-height:1}.ig-action-row button:hover{background:#f3f4f6}.ig-action-row .heart-btn.active{color:#ef4444}.ig-action-row .save-toggle{margin-left:auto}.ig-action-row .save-toggle.saved{color:#111827;background:#f3f4f6}.ig-meta{padding:0 14px 10px}.stats-link{background:transparent;padding:0;color:#262626}.stats-link:hover{text-decoration:underline}.caption{margin:8px 0 6px;line-height:1.45}.caption a,.comment strong{font-weight:900}.view-comments{background:transparent;color:#737373;padding:2px 0;margin:2px 0}.comment{font-size:14px;line-height:1.45;margin-top:4px}.post-time{display:block;margin-top:8px;color:#a3a3a3;text-transform:uppercase;font-size:11px;letter-spacing:.02em}.comment-form{border-top:1px solid #efefef;display:flex;align-items:center;gap:8px;padding:10px 14px}.comment-input{border:0;background:#fff;padding:8px 0;border-radius:0}.comment-input:focus{outline:none}.comment-form button{background:transparent;color:#2563eb;font-weight:900;padding:7px}.profile-card,.rail-card{padding:14px}.mini-profile-card{display:flex;align-items:center;gap:12px;border:0;background:transparent;padding:4px}.rail-card h3{margin:0 0 12px;font-size:15px;color:#737373}.rail-title{display:flex;justify-content:space-between;align-items:center}.rail-title a{font-size:12px;color:#2563eb;font-weight:800}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-stats div{background:#fafafa;border:1px solid #efefef;border-radius:12px;padding:10px;text-align:center}.mini-stats strong{display:block;font-size:20px}.mini-stats span{font-size:12px;color:#737373}.member-row{display:flex;gap:10px;align-items:center;padding:8px 0}.member-row span:last-child{display:grid}.member-row em{font-style:normal;color:#737373;font-size:12px}

/* Other pages */
.page>.hero-card,.page>.composer-card,.page>.feed,.page>.table-card{max-width:980px;margin-left:auto;margin-right:auto}.announcement-card{border-left:5px solid #2563eb}.announcement-card.unread{box-shadow:0 0 0 2px #2563eb22}.hero-card,.feed-card,.table-card{background:#fff;border:1px solid #dbdbdb;border-radius:14px;padding:18px;margin-bottom:16px}.feed-card p{line-height:1.55}.check{display:flex;gap:8px;align-items:center}.table-card{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:12px;border-bottom:1px solid #e5e7eb;vertical-align:middle}.status{border-radius:99px;padding:5px 9px;font-weight:800}.status.pending{background:#fef3c7}.status.approved{background:#dcfce7}.status.rejected{background:#fee2e2}.inline{display:flex;gap:7px;flex-wrap:wrap}.post-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.post-actions form{margin:0}.post-actions button{background:#f3f4f6;color:#111827;border-radius:10px;padding:9px 12px;font-weight:800}

/* Profile */
.profile-hero{max-width:935px;margin:0 auto 26px;padding:34px 44px;display:flex;align-items:center;gap:68px}.profile-avatar{width:150px;height:150px;font-size:44px}.profile-info{min-width:0;flex:1}.profile-title-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.profile-title-line h1{font-size:24px;font-weight:500;margin:0}.profile-stats{display:flex;gap:32px;margin:20px 0}.profile-stats strong{font-weight:900}.profile-tabs{max-width:935px;margin:0 auto;border-left:0;border-right:0;border-bottom:0;border-radius:0;display:flex;justify-content:center}.profile-tabs button{background:transparent;border-top:1px solid #111827;border-radius:0;padding:14px 20px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:900}.profile-grid{max-width:935px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.grid-post{position:relative;background:#f3f4f6;aspect-ratio:1/1;overflow:hidden}.grid-post img,.grid-post video{width:100%;height:100%;object-fit:cover;display:block}.text-tile{width:100%;height:100%;display:grid;place-items:center;text-align:center;padding:14px;background:#fff;border:1px solid #efefef;color:#374151}.grid-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);color:#fff;display:flex;gap:16px;align-items:center;justify-content:center;font-weight:900;opacity:0;transition:.18s}.grid-post:hover .grid-overlay{opacity:1}.empty-state{background:#fff;border:1px dashed #d1d5db;border-radius:14px;padding:24px;text-align:center;color:#737373;grid-column:1/-1}

/* Modals */
.bottom-nav{display:none}.modal-lock{overflow:hidden}.ui-modal-backdrop{display:none;position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.72);padding:18px;align-items:center;justify-content:center}.ui-modal-backdrop.show{display:flex}.ui-modal{width:min(540px,94vw);max-height:88vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 25px 80px rgba(0,0,0,.35);position:relative;padding:20px}.ui-modal-close{position:absolute;top:10px;right:12px;width:38px;height:38px;border-radius:50%;background:#f3f4f6;color:#111827;font-size:25px;line-height:1;padding:0}.ui-modal-title{font-size:20px;font-weight:900;margin:4px 44px 14px 4px}.ui-modal.lightbox-modal{width:auto;max-width:96vw;max-height:94vh;background:transparent;box-shadow:none;padding:0;overflow:visible}.ui-modal.lightbox-modal .ui-modal-title{display:none}.ui-modal.lightbox-modal .ui-modal-close{top:-14px;right:-14px;background:#fff}.ui-modal.lightbox-modal .ui-modal-body{display:grid;place-items:center}.lightbox-img{max-width:94vw;max-height:90vh;border-radius:8px;box-shadow:0 25px 80px rgba(0,0,0,.45);background:#000}.like-user-row{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid #efefef}.like-user-row:last-child{border-bottom:0}.like-user-row span{display:block;color:#737373;font-size:12px;margin-top:2px}.story-modal{text-align:center;display:grid;gap:10px}.story-modal .story-ring{margin:auto;width:82px;height:82px}.story-modal p{white-space:pre-wrap;line-height:1.55}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:#111827;color:#fff;padding:11px 16px;border-radius:999px;z-index:250;font-size:14px;box-shadow:0 12px 40px rgba(0,0,0,.25)}
@keyframes likePop{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}35%{transform:translate(-50%,-50%) scale(1.18);opacity:1}100%{transform:translate(-50%,-50%) scale(.9);opacity:0}}.floating-heart{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:92px;color:#fff;text-shadow:0 8px 24px rgba(0,0,0,.45);pointer-events:none;animation:likePop .8s ease forwards;z-index:2}

/* Wide desktop but not huge: keep left menu normal, hide only right rail. */
@media(max-width:1280px){.ig-layout{grid-template-columns:minmax(0,680px);max-width:680px}.right-rail{display:none}.page{padding-left:24px;padding-right:24px}}

/* Tablet/mobile */
@media(max-width:900px){body{background:#fff}.ig-mobile-topbar{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #dbdbdb;padding:10px 14px}.ig-wordmark{font-weight:900;font-size:20px}.hamburger{background:transparent;font-size:24px;padding:6px}.top-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#f3f4f6;font-weight:900}.sidebar{left:-290px;width:280px;z-index:80;transition:.25s}.sidebar.open{left:0}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#0008;z-index:70}.sidebar-backdrop.show{display:block}.page{margin-left:0;padding:10px 0 82px}.ig-layout{display:block;max-width:100%}.story-tray,.instagram-composer,.ig-post{border-left:0;border-right:0;border-radius:0}.story-tray{margin-bottom:10px}.instagram-composer{display:none}.media-preview,.media-grid{grid-template-columns:1fr}.composer-actions{flex-direction:column}.media-grid.count-2,.media-grid.count-3,.media-grid.count-4{grid-template-columns:repeat(2,1fr)}.media-grid.count-1 img,.media-grid.count-1 video{aspect-ratio:1/1}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:60;height:62px;background:#fff;border-top:1px solid #dbdbdb;display:grid;grid-template-columns:repeat(5,1fr)}.bottom-nav a,.bottom-nav button{background:#fff;display:grid;place-items:center;gap:1px;color:#262626;font-weight:800;padding:6px;border-radius:0}.bottom-nav span{font-size:22px}.bottom-nav em{font-style:normal;font-size:10px}.bottom-nav .active{color:#111827;background:#fafafa}.ui-modal-backdrop{padding:10px}.ui-modal{width:96vw;border-radius:16px;padding:16px}.ui-modal.lightbox-modal .ui-modal-close{top:8px;right:8px}.lightbox-img{max-width:96vw;max-height:86vh;border-radius:8px}.page>.hero-card,.page>.composer-card,.page>.feed,.page>.table-card{max-width:none}.profile-hero{border-left:0;border-right:0;border-radius:0;padding:22px 16px;gap:18px;align-items:center}.profile-avatar{width:82px;height:82px;font-size:25px}.profile-title-line h1{font-size:20px}.profile-stats{gap:16px;margin:14px 0;font-size:14px}.profile-grid{gap:2px}.table-card,.hero-card,.feed-card{border-left:0;border-right:0;border-radius:0}.auth-card{padding:24px}.comment-form{padding-bottom:12px}}
@media(max-width:520px){.profile-hero{gap:14px}.profile-stats{gap:10px;flex-wrap:wrap}.profile-info p{font-size:13px}.story-tray{padding-left:10px;padding-right:10px}.post-head,.ig-post-head{padding-left:12px;padding-right:12px}.table-card{padding:10px}}

/* v7 profile grid detail modal */
.grid-post{border:0;padding:0;text-align:initial;cursor:pointer;color:inherit;font:inherit}.grid-post:focus-visible{outline:3px solid #2563eb;outline-offset:3px}.grid-overlay{pointer-events:none}.multi-badge{position:absolute;right:9px;top:8px;background:rgba(0,0,0,.62);color:#fff;border-radius:999px;padding:4px 7px;font-size:13px;font-weight:900;z-index:2}.ui-modal.post-view-modal{width:min(690px,96vw);padding:0;overflow:hidden}.ui-modal.post-view-modal .ui-modal-title{padding:16px 54px 14px 18px;margin:0;border-bottom:1px solid #efefef;font-size:16px;text-align:center}.ui-modal.post-view-modal .ui-modal-close{top:8px;right:10px}.ui-modal.post-view-modal .ui-modal-body{max-height:82vh;overflow:auto}.ui-modal.post-view-modal .ig-post{border:0;border-radius:0}.ui-modal.post-view-modal .media-grid img,.ui-modal.post-view-modal .media-grid video{max-height:66vh}.post-highlight{animation:postFlash 2.2s ease}@keyframes postFlash{0%,100%{box-shadow:none}18%,72%{box-shadow:0 0 0 4px rgba(37,99,235,.25),0 18px 60px rgba(37,99,235,.16)}}
@media(max-width:900px){.ui-modal.post-view-modal{width:100vw;max-width:100vw;height:auto;max-height:94vh;border-radius:16px 16px 0 0;align-self:flex-end}.ui-modal.post-view-modal .ui-modal-body{max-height:84vh}.ui-modal.post-view-modal .media-grid img,.ui-modal.post-view-modal .media-grid video{max-height:58vh}}


/* v9: post action/comment block stays at the bottom */
.post-body{display:flex;flex-direction:column;min-height:0}
.post-text-block{padding:12px 14px 10px;line-height:1.5}
.post-text-block .caption{margin:0;white-space:pre-wrap}
.post-footer{margin-top:auto;border-top:1px solid #efefef;background:#fff}
.post-footer .ig-action-row{padding-top:9px}
.post-footer .ig-meta{padding-bottom:10px}
.post-footer .comment-form{border-top:1px solid #efefef}
.post-card:not(:has(.media-grid)) .post-text-block{min-height:72px;display:flex;align-items:center}
.ui-modal.post-view-modal .post-card:not(:has(.media-grid)) .post-text-block{min-height:0}


/* v10: Instagram-style action row with real save/share functions */
.ig-action-row.v10-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 8px}
.ig-action-left{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:wrap}
.ig-action-item{display:inline-flex;align-items:center;gap:5px;line-height:1}
.ig-action-btn,.ig-action-row.v10-actions .ig-action-btn{width:32px;height:32px;display:inline-grid;place-items:center;background:transparent;border:0;border-radius:999px;padding:4px;color:#111827;line-height:1}
.ig-action-btn:hover,.action-count:hover{background:#f3f4f6}
.ig-action-btn svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;display:block}
.ig-action-btn.heart-btn.active{color:#ed4956}
.ig-action-btn.heart-btn.active svg{fill:currentColor;stroke:currentColor}
.ig-action-btn.save-toggle{margin-left:auto}
.ig-action-btn.save-toggle.saved svg{fill:#111827;stroke:#111827}
.action-count{background:transparent;border:0;border-radius:999px;padding:4px 6px;color:#111827;font-weight:800;font-size:14px;min-width:16px;line-height:1.1}
.action-count.passive{cursor:default;display:inline-flex;align-items:center;min-width:16px}
.action-count.passive:hover{background:transparent}
.v10-actions + .ig-meta{padding-top:0}
.v10-actions + .ig-meta .view-comments{margin-top:0}
.saved-hero h1{margin-top:0}
.saved-feed{max-width:680px;margin-left:auto;margin-right:auto}
@media(max-width:900px){.ig-action-row.v10-actions{padding-left:10px;padding-right:10px}.ig-action-left{gap:9px}.ig-action-btn,.ig-action-row.v10-actions .ig-action-btn{width:31px;height:31px}.ig-action-btn svg{width:24px;height:24px}.action-count{font-size:13px;padding-left:3px;padding-right:4px}}
@media(max-width:380px){.ig-action-left{gap:5px}.ig-action-btn,.ig-action-row.v10-actions .ig-action-btn{width:29px;height:29px}.ig-action-btn svg{width:22px;height:22px}.action-count{font-size:12px}}
.ig-action-row.v10-actions .action-count{background:transparent;border:0;border-radius:999px;padding:4px 6px;color:#111827;font-weight:800;font-size:14px;min-width:16px;line-height:1.1}
.ig-action-row.v10-actions .action-count:hover{background:#f3f4f6}
.ig-action-row.v10-actions .action-count.passive:hover{background:transparent}

/* v12: Instagram tarzı alıntılayarak yeniden paylaş */
.repost-box{display:block;margin:10px 12px 2px;border:1px solid #dbdbdb;border-radius:14px;background:#fff;color:#111827;text-decoration:none;overflow:hidden}
.repost-box:hover{background:#fafafa}
.repost-box.deleted{padding:16px;color:#737373;background:#fafafa}
.repost-author{display:flex;align-items:center;gap:9px;padding:10px 12px 8px}
.repost-author div{display:grid;gap:1px;min-width:0}
.repost-author strong{font-size:14px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.repost-author em{font-style:normal;color:#737373;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.repost-caption{padding:0 12px 10px;margin:0;color:#262626;font-size:14px;line-height:1.45;white-space:normal}
.repost-media{display:grid;gap:2px;background:#000;border-top:1px solid #efefef;max-height:420px;overflow:hidden}
.repost-media.count-1{grid-template-columns:1fr}.repost-media.count-2,.repost-media.count-3,.repost-media.count-4{grid-template-columns:repeat(2,1fr)}.repost-media.count-3>*:first-child{grid-row:span 2}
.repost-media img,.repost-media video{width:100%;height:100%;max-height:330px;aspect-ratio:1/1;object-fit:cover;background:#000;display:block}.repost-media.count-1 img,.repost-media.count-1 video{aspect-ratio:4/3}
.ui-modal.repost-modal{width:min(520px,96vw)}
.repost-form{display:grid;gap:12px}.repost-label{font-weight:900}.repost-form textarea{min-height:105px;resize:vertical;border:1px solid #dbdbdb;border-radius:14px;padding:12px;font:inherit}.repost-form textarea:focus{outline:2px solid rgba(37,99,235,.24);border-color:#2563eb}.repost-preview{border:1px solid #dbdbdb;border-radius:14px;padding:12px;background:#fafafa}.repost-preview strong{display:block;margin-bottom:4px}.repost-preview p{margin:0;color:#737373;line-height:1.45}.repost-actions{display:flex;justify-content:flex-end;gap:10px;align-items:center}
@media(max-width:900px){.repost-box{margin-left:10px;margin-right:10px;border-radius:12px}.repost-media img,.repost-media video{max-height:250px}.repost-actions{display:grid;grid-template-columns:1fr 1fr}.repost-actions .btn{width:100%}}

/* v13 profil fotoğrafı */
.avatar.has-image{overflow:hidden;background:#f3f4f6;color:transparent;padding:0}
.avatar.has-image img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.avatar.top-avatar{width:34px;height:34px;font-size:12px}
.profile-avatar-panel{display:flex;flex-direction:column;align-items:center;gap:10px;flex:0 0 auto}
.profile-avatar-panel .profile-avatar{margin-bottom:4px}
.avatar-upload-form,.avatar-delete-form{margin:0;display:flex;justify-content:center}
.link-danger{border:0;background:transparent;color:#dc2626;font-weight:800;cursor:pointer;padding:4px 8px;border-radius:8px}
.link-danger:hover{background:#fee2e2}
.avatar.profile-avatar.has-image{border:1px solid #dbdbdb;box-shadow:0 10px 30px rgba(0,0,0,.08)}
@media(max-width:900px){.profile-avatar-panel{gap:7px}.profile-avatar-panel .btn.small{font-size:12px;padding:8px 10px}.link-danger{font-size:12px}.avatar.top-avatar{width:32px;height:32px}.profile-avatar-panel{align-self:flex-start}}

/* v14 aidat sistemi */
.dues-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.year-picker{display:flex;align-items:center;gap:8px;background:#fafafa;border:1px solid #efefef;border-radius:14px;padding:10px 12px}
.year-picker label{font-weight:900;color:#737373;font-size:13px}.year-picker select{border:0;background:transparent;font-weight:900;font-size:16px;color:#111827;outline:0}
.dues-admin-grid{max-width:980px;margin:0 auto 16px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.dues-stat-card{background:#fff;border:1px solid #dbdbdb;border-radius:14px;padding:16px;text-align:center}.dues-stat-card strong{display:block;font-size:22px;margin-bottom:4px}.dues-stat-card span{color:#737373;font-size:12px;font-weight:800}
.dues-admin-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dues-tool-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap;border:1px solid #efefef;background:#fafafa;border-radius:14px;padding:12px}.dues-tool-form label{font-size:12px;color:#737373;font-weight:900;display:block;width:100%}.dues-tool-form input{border:1px solid #dbdbdb;border-radius:10px;padding:10px;min-width:130px;background:#fff}
.table-title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px}.table-title-row h2{margin:0}.table-title-row p{margin:0;max-width:520px;text-align:right}
.dues-table-card{max-width:1180px!important}.dues-admin-table{min-width:1180px}.dues-admin-table th{text-align:center;font-size:12px;color:#737373;text-transform:uppercase;letter-spacing:.04em}.dues-admin-table th:first-child{text-align:left}.dues-member-cell{min-width:230px;position:sticky;left:0;background:#fff;z-index:1}.dues-member-link{display:flex;align-items:center;gap:10px;color:#111827}.dues-member-link span{display:grid;gap:2px;min-width:0}.dues-member-link strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dues-member-link em{font-style:normal;color:#737373;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dues-cell{text-align:center;min-width:78px;background:#fff}.dues-cell.paid{background:#f0fdf4}.dues-cell.unpaid{background:#fff7ed}.dues-amount{width:72px;border:1px solid #e5e7eb;border-radius:9px;padding:7px 6px;text-align:center;font-size:12px;background:#fff;color:#111827}.dues-toggle.status{display:block;width:100%;margin-top:6px;border:0;border-radius:999px;padding:6px 7px;font-size:11px;font-weight:900;cursor:pointer}.dues-toggle.status.paid{background:#dcfce7;color:#166534}.dues-toggle.status.unpaid{background:#ffedd5;color:#9a3412}.dues-toggle.status:disabled{opacity:.55;cursor:wait}.dues-date{display:block;margin-top:5px;color:#737373;font-size:10px}
.member-dues-summary{grid-template-columns:repeat(4,1fr)}.member-dues-card h2{margin-top:0}.member-dues-months{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.member-due-month{border:1px solid #e5e7eb;border-radius:14px;padding:14px;display:grid;gap:10px}.member-due-month div{display:flex;justify-content:space-between;gap:8px;align-items:center}.member-due-month strong{font-size:16px}.member-due-month span{font-weight:900;color:#737373}.member-due-month b{justify-self:start;border-radius:999px;padding:6px 10px;font-size:12px}.member-due-month small{color:#737373}.member-due-month.paid{background:#f0fdf4;border-color:#bbf7d0}.member-due-month.paid b{background:#dcfce7;color:#166534}.member-due-month.unpaid{background:#fff7ed;border-color:#fed7aa}.member-due-month.unpaid b{background:#ffedd5;color:#9a3412}
@media(max-width:900px){.bottom-nav{grid-template-columns:repeat(6,1fr)}.bottom-nav span{font-size:20px}.bottom-nav em{font-size:9px}.dues-admin-grid,.member-dues-summary{grid-template-columns:repeat(2,1fr);padding:0 10px}.dues-admin-tools{grid-template-columns:1fr}.dues-tool-form{display:grid;grid-template-columns:1fr auto}.dues-tool-form label{grid-column:1/-1}.dues-tool-form input{min-width:0;width:100%}.table-title-row{display:block}.table-title-row p{text-align:left;margin-top:5px}.dues-member-cell{position:static}.member-dues-months{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.dues-admin-grid,.member-dues-summary{grid-template-columns:1fr}.member-dues-months{grid-template-columns:1fr}.dues-stat-card{text-align:left}.year-picker{width:100%;justify-content:space-between}.dues-hero{align-items:stretch}}

/* v15 - Aidat admin tasarım düzeni */
.dues-table-card{max-width:1120px!important;padding:16px;overflow:hidden}
.dues-table-shell{width:100%;overflow-x:auto;border:1px solid #efefef;border-radius:14px;background:#fff}
.dues-admin-table{min-width:980px;table-layout:fixed;border-collapse:separate;border-spacing:0}
.dues-admin-table th,.dues-admin-table td{padding:9px 6px}
.dues-admin-table th:first-child,.dues-member-cell{width:210px}
.dues-admin-table th:not(:first-child){width:64px}
.dues-member-cell{min-width:210px;box-shadow:8px 0 14px -14px rgba(17,24,39,.35)}
.dues-cell{min-width:auto;width:64px}
.dues-amount{width:54px;padding:7px 4px;font-size:11px}
.dues-toggle.status{padding:6px 4px;font-size:9.5px;letter-spacing:-.02em}
.dues-date{font-size:9px}.dues-mobile-admin{display:none}
.dues-admin-tools{max-width:980px;margin-left:auto;margin-right:auto}.dues-tool-form{min-width:0}.dues-tool-form .btn{white-space:nowrap}

@media(max-width:900px){
  .dues-hero{margin:0 10px 12px!important;border-radius:16px!important;padding:16px!important}
  .dues-admin-grid{gap:10px;margin-bottom:12px}.dues-stat-card{padding:14px;border-radius:16px}.dues-stat-card strong{font-size:20px}
  .dues-admin-tools{margin:0 10px 14px!important;border-radius:16px!important;padding:12px!important;gap:10px}.dues-tool-form{border-radius:14px;padding:10px;gap:8px}
  .dues-desktop-table{display:none!important}
  .dues-mobile-admin{display:grid;gap:12px;padding:0 10px 84px;max-width:640px;margin:0 auto}
  .dues-mobile-note{background:#fff;border:1px solid #dbdbdb;border-radius:16px;padding:14px;display:grid;gap:4px}.dues-mobile-note strong{font-size:20px}.dues-mobile-note span{font-size:13px;color:#737373;line-height:1.45}
  .dues-member-card{background:#fff;border:1px solid #dbdbdb;border-radius:18px;overflow:hidden;box-shadow:0 10px 25px rgba(17,24,39,.04)}
  .dues-member-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid #efefef;background:#fff}.dues-member-card-head .dues-member-link{min-width:0;flex:1}.dues-member-card-head .dues-member-link em{max-width:155px}
  .dues-member-mini-stats{display:grid;grid-template-columns:auto auto;gap:1px 8px;text-align:right;align-items:center;background:#fafafa;border:1px solid #efefef;border-radius:13px;padding:8px 10px}.dues-member-mini-stats b{font-size:14px}.dues-member-mini-stats span{font-size:10px;color:#737373;font-weight:800}
  .dues-month-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px;background:#fafafa}
  .dues-month-card{border:1px solid #e5e7eb;border-radius:15px;background:#fff;padding:10px;display:grid;gap:8px}.dues-month-card.paid{background:#f0fdf4;border-color:#bbf7d0}.dues-month-card.unpaid{background:#fff7ed;border-color:#fed7aa}
  .dues-month-name{font-weight:900;font-size:13px;color:#111827}.dues-month-card .dues-cell{width:100%;min-width:0;background:transparent;text-align:left;padding:0}.dues-month-card .dues-amount{width:100%;font-size:14px;padding:10px;border-radius:11px;text-align:left}.dues-month-card .dues-toggle.status{width:100%;font-size:12px;padding:9px 10px;margin-top:7px}.dues-month-card .dues-date{font-size:11px;margin-top:6px;text-align:center}
}
@media(max-width:520px){
  .dues-admin-grid:not(.member-dues-summary){grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:0 10px}.dues-admin-grid:not(.member-dues-summary) .dues-stat-card{text-align:center}
  .dues-hero h1{font-size:24px}.dues-hero p{font-size:13px}.dues-tool-form{grid-template-columns:1fr}.dues-tool-form .btn{width:100%;justify-content:center}.year-picker{width:100%;justify-content:space-between}
  .dues-member-card-head{align-items:flex-start}.dues-member-mini-stats{flex:0 0 auto}.dues-month-card-grid{grid-template-columns:1fr 1fr;gap:8px;padding:10px}.dues-month-card{padding:9px}.dues-month-card .dues-amount{padding:9px}
}
@media(max-width:360px){.dues-month-card-grid{grid-template-columns:1fr}.dues-member-card-head{display:grid}.dues-member-mini-stats{grid-template-columns:auto 1fr;justify-self:stretch;text-align:left}}

/* v16 - Aidat banka hesap bilgileri */
.bank-section{max-width:980px;margin-left:auto;margin-right:auto}.bank-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.bank-section-head h2{margin:0 0 6px}.bank-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bank-account-card{border:1px solid #e5e7eb;border-radius:18px;padding:14px;background:linear-gradient(180deg,#fff,#fafafa);display:grid;gap:12px;box-shadow:0 10px 24px rgba(17,24,39,.04)}.bank-account-card.inactive{opacity:.65;background:#f9fafb}.bank-card-head{display:flex;align-items:center;gap:11px}.bank-card-head>div:nth-child(2){min-width:0;flex:1}.bank-card-head strong{display:block;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bank-card-head span{display:block;color:#737373;font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bank-card-head em{font-style:normal;background:#fee2e2;color:#991b1b;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900}.bank-icon{width:42px;height:42px;border-radius:14px;background:#111827;color:#fff;display:grid;place-items:center;font-weight:900}.bank-iban-row{border:1px dashed #d1d5db;border-radius:14px;background:#fff;padding:10px;display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center}.bank-iban-row span{grid-column:1/-1;color:#737373;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.bank-iban-row code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;word-break:break-all;color:#111827}.copy-bank{background:#f3f4f6;color:#111827;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:900}.bank-mini-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bank-mini-info span{border:1px solid #efefef;background:#fff;border-radius:12px;padding:9px;font-size:12px;color:#111827;min-width:0;word-break:break-word}.bank-mini-info b{display:block;color:#737373;font-size:10px;text-transform:uppercase;margin-bottom:3px}.bank-account-card p{margin:0;color:#4b5563;line-height:1.45;font-size:13px}.empty-bank-box{border:1px dashed #d1d5db;border-radius:16px;padding:16px;background:#fafafa;display:grid;gap:4px}.empty-bank-box span{color:#737373}.bank-admin-panel{margin-top:16px;border:1px solid #efefef;border-radius:18px;background:#fafafa;padding:12px}.bank-admin-panel summary{cursor:pointer;font-weight:900;padding:4px 2px}.bank-edit-form{margin-top:12px;border:1px solid #e5e7eb;background:#fff;border-radius:16px;padding:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bank-edit-form label{display:grid;gap:6px;font-size:12px;color:#737373;font-weight:900}.bank-edit-form input,.bank-edit-form textarea{width:100%;border:1px solid #dbdbdb;border-radius:11px;padding:10px;background:#fff;color:#111827;font-weight:500}.bank-edit-form textarea{min-height:72px;resize:vertical}.bank-edit-form .bank-full{grid-column:1/-1}.bank-check{align-self:center;display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px;color:#111827!important}.bank-check input{width:auto!important}.bank-form-actions{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.bank-new-form{border-color:#bfdbfe;background:#eff6ff}.existing-bank-form{position:relative}.bank-edit-list{display:grid;gap:10px;margin-top:12px}

@media(max-width:900px){.bank-section{margin:0 10px 12px!important;border-radius:16px!important;padding:16px!important}.bank-section-head{display:grid}.bank-section-head .btn{width:100%;justify-content:center}.bank-account-grid{grid-template-columns:1fr}.bank-account-card{border-radius:16px}.bank-edit-form{grid-template-columns:1fr 1fr}.bank-admin-panel{border-radius:16px}.bank-form-actions{display:grid;grid-template-columns:1fr 1fr}.bank-form-actions .btn{width:100%}}
@media(max-width:520px){.bank-edit-form{grid-template-columns:1fr}.bank-mini-info{grid-template-columns:1fr}.bank-iban-row{grid-template-columns:1fr}.copy-bank{width:100%;justify-content:center}.bank-form-actions{grid-template-columns:1fr}.bank-card-head strong{font-size:16px}}

/* v17 - Facebook tarzı bildirim merkezi */
.notification-hero{max-width:1120px;margin:0 auto 16px;background:#fff;border:1px solid #dbdbdb;border-radius:18px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.notification-hero h1{font-size:34px;margin:4px 0 8px}.notification-hero p{color:#737373;line-height:1.5;max-width:760px}.eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:900;color:#2563eb;text-transform:uppercase;letter-spacing:.05em}.notification-stats{max-width:1120px;margin:0 auto 16px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.notification-stats>div{background:#fff;border:1px solid #dbdbdb;border-radius:16px;padding:16px;text-align:center}.notification-stats strong{display:block;font-size:26px}.notification-stats span{display:block;color:#737373;font-size:12px;font-weight:800;margin-top:5px}.notification-layout{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.notification-center{min-width:0}.notification-tabs{background:#fff;border:1px solid #dbdbdb;border-radius:16px;padding:8px;display:flex;gap:8px;margin-bottom:12px;overflow-x:auto}.notification-tabs a{white-space:nowrap;border-radius:12px;padding:10px 13px;font-weight:900;color:#262626}.notification-tabs a.active{background:#eff6ff;color:#1d4ed8}.notification-tabs b{display:inline-grid;place-items:center;min-width:21px;height:21px;margin-left:4px;border-radius:99px;background:#ef4444;color:#fff;font-size:11px}.notification-list{display:grid;gap:10px}.notification-item{position:relative;background:#fff;border:1px solid #dbdbdb;border-radius:18px;padding:16px;display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;box-shadow:0 8px 28px rgba(15,23,42,.04);transition:.18s}.notification-item:hover{transform:translateY(-1px);box-shadow:0 16px 38px rgba(15,23,42,.08)}.notification-item.unread{background:#f8fbff;border-color:#bfdbfe}.notification-item.expired,.notification-item.read{opacity:.82}.notification-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#eef2ff;font-size:23px}.notification-item.type-payment .notification-icon{background:#ecfdf5}.notification-item.type-important .notification-icon,.notification-item.priority-urgent .notification-icon{background:#fef2f2}.notification-item.type-event .notification-icon{background:#fff7ed}.notification-title-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.notification-title-line strong{font-size:17px}.notification-main p{color:#374151;line-height:1.55;margin:8px 0 10px;white-space:normal}.notification-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;background:#f3f4f6;color:#4b5563}.notification-pill.priority-pill.high{background:#fff7ed;color:#c2410c}.notification-pill.priority-pill.urgent{background:#fee2e2;color:#b91c1c}.notification-pill.pinned{background:#ecfeff;color:#0e7490}.notification-pill.passive{background:#f3f4f6;color:#6b7280}.notification-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#737373;font-size:12px}.avatar.tiny{width:22px;height:22px;font-size:9px}.notification-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.notification-actions form{margin:0}.btn.small{font-size:12px;padding:8px 10px;border-radius:10px}.muted-btn{background:#f3f4f6;color:#374151}.notification-dot{position:absolute;right:16px;top:18px;width:11px;height:11px;border-radius:50%;background:#2563eb;box-shadow:0 0 0 4px #dbeafe}.notification-empty{background:#fff;border:1px solid #dbdbdb;border-radius:18px;text-align:center;padding:38px 18px}.notification-empty div{font-size:42px}.notification-empty p{color:#737373}.notification-admin-panel{position:sticky;top:28px}.admin-notification-card{background:#fff;border:1px solid #dbdbdb;border-radius:18px;padding:18px}.admin-notification-card h2{font-size:20px}.admin-notification-card p{color:#737373;font-size:13px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form select{width:100%;border:1px solid #dbdbdb;border-radius:12px;padding:12px;background:#fafafa;color:#111827}.feed-notification-widget{background:#fff;border:1px solid #dbdbdb;border-radius:16px;margin-bottom:16px;padding:14px}.feed-notification-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.feed-notification-head strong{font-size:18px}.feed-notification-head span{display:block;color:#737373;font-size:12px;margin-top:2px}.feed-notification-head a{font-weight:900;color:#2563eb;font-size:13px}.feed-notification-list{display:grid;gap:8px}.feed-notification-mini{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 10px;gap:10px;align-items:center;border-radius:13px;padding:9px;color:#262626}.feed-notification-mini:hover,.feed-notification-mini.unread{background:#f3f7ff}.mini-notification-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eef2ff}.feed-notification-mini strong,.feed-notification-mini em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-notification-mini strong{font-size:13px}.feed-notification-mini em{font-style:normal;color:#737373;font-size:12px;margin-top:2px}.feed-notification-mini b{width:9px;height:9px;border-radius:50%;background:#2563eb}.feed-notification-empty{border:1px dashed #dbdbdb;border-radius:13px;padding:14px;text-align:center;color:#737373}
@media(max-width:900px){.notification-hero{border-left:0;border-right:0;border-radius:0;margin-bottom:10px;align-items:flex-start;flex-direction:column;padding:18px 16px}.notification-hero h1{font-size:26px}.notification-stats{grid-template-columns:repeat(3,1fr);gap:8px;padding:0 10px;margin-bottom:10px}.notification-stats>div{padding:12px 8px}.notification-stats strong{font-size:21px}.notification-layout{display:block}.notification-tabs{border-left:0;border-right:0;border-radius:0;margin-bottom:0}.notification-list{gap:0}.notification-item{border-left:0;border-right:0;border-radius:0;grid-template-columns:46px minmax(0,1fr);padding:14px 12px}.notification-icon{width:46px;height:46px;font-size:20px}.notification-title-line strong{font-size:15px}.notification-admin-panel{position:static;padding:10px}.admin-notification-card{border-radius:16px}.form-two{grid-template-columns:1fr}.feed-notification-widget{border-left:0;border-right:0;border-radius:0;margin-bottom:10px}.notification-dot{right:12px;top:16px}}
@media(max-width:520px){.notification-stats span{font-size:10px}.notification-main p{font-size:14px}.notification-actions .btn{width:auto}.notification-meta{font-size:11px}.notification-title-line{padding-right:16px}}

/* v18 - unified professional SVG menu icons */
.nav a{min-height:48px}
.nav-label{display:flex;align-items:center;gap:12px;min-width:0}
.nav-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;color:#111827}
.nav-icon svg,.bottom-nav svg,.hamburger svg{width:100%;height:100%;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nav a:hover .nav-icon,.nav a.active .nav-icon{color:#111827}
.nav a.active .nav-icon{filter:drop-shadow(0 6px 12px rgba(17,24,39,.08))}
.nav a.active .nav-label span:last-child{font-weight:900}
.hamburger{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;color:#111827}
.hamburger svg{width:24px;height:24px}
.bottom-nav span{width:23px;height:23px;display:inline-flex;align-items:center;justify-content:center;font-size:0;line-height:1}
.bottom-nav svg{width:22px;height:22px;color:currentColor}
.bottom-nav .active svg{stroke-width:2.4}


/* v19 - colorful Facebook/notification style icon system */
.nav a{
    position:relative;
    border:1px solid transparent;
    transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.nav a:hover{
    background:#f8fafc;
    border-color:#eef2f7;
    box-shadow:0 10px 26px rgba(15,23,42,.04);
}
.nav a.active{
    background:linear-gradient(135deg,#ffffff,#f8fafc);
    border-color:#e5e7eb;
    box-shadow:0 12px 30px rgba(15,23,42,.06);
}
.nav-label{gap:13px}
.nav-icon{
    width:36px;
    height:36px;
    flex:0 0 36px;
    border-radius:14px;
    color:var(--icon-fg,#111827);
    background:var(--icon-bg,#f3f4f6);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.65),0 10px 22px rgba(15,23,42,.08);
    transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.nav-icon svg{width:20px!important;height:20px!important;stroke-width:2.2!important}
.nav a:hover .nav-icon,.nav a.active .nav-icon{
    color:var(--icon-fg,#111827);
    transform:translateY(-1px) scale(1.03);
    filter:none;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.72),0 14px 28px rgba(15,23,42,.12);
}
.nav a.active::before{
    content:"";
    position:absolute;
    left:4px;
    top:50%;
    transform:translateY(-50%);
    width:4px;
    height:26px;
    border-radius:99px;
    background:linear-gradient(180deg,#ec4899,#6366f1);
}
.nav-icon-home,.bottom-icon-home{--icon-bg:linear-gradient(135deg,#dbeafe,#bfdbfe);--icon-fg:#1d4ed8}
.nav-icon-user,.bottom-icon-user{--icon-bg:linear-gradient(135deg,#fce7f3,#fbcfe8);--icon-fg:#be185d}
.nav-icon-bookmark,.bottom-icon-bookmark{--icon-bg:linear-gradient(135deg,#ede9fe,#ddd6fe);--icon-fg:#6d28d9}
.nav-icon-wallet,.bottom-icon-wallet{--icon-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--icon-fg:#15803d}
.nav-icon-bell,.bottom-icon-bell{--icon-bg:linear-gradient(135deg,#fef3c7,#fde68a);--icon-fg:#b45309}
.nav-icon-check,.bottom-icon-check{--icon-bg:linear-gradient(135deg,#e0f2fe,#bae6fd);--icon-fg:#0369a1}
.nav-icon-logout{--icon-bg:linear-gradient(135deg,#fee2e2,#fecaca);--icon-fg:#b91c1c}
.bottom-icon-plus{--icon-bg:linear-gradient(135deg,#ffedd5,#fed7aa);--icon-fg:#c2410c}
.hamburger{
    border-radius:14px;
    background:linear-gradient(135deg,#eef2ff,#fce7f3)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),0 8px 22px rgba(15,23,42,.08);
}
.bottom-nav span.bottom-icon{
    width:30px!important;
    height:30px!important;
    border-radius:12px;
    background:var(--icon-bg,#f3f4f6);
    color:var(--icon-fg,#111827);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.72),0 8px 16px rgba(15,23,42,.07);
    transition:transform .18s ease,box-shadow .18s ease;
}
.bottom-nav span.bottom-icon svg{width:18px!important;height:18px!important;stroke-width:2.25!important}
.bottom-nav .active .bottom-icon,.bottom-nav button:active .bottom-icon{
    transform:translateY(-2px) scale(1.04);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.75),0 12px 24px rgba(15,23,42,.13);
}
.bottom-nav a,.bottom-nav button{gap:2px}
.bottom-nav .active em{font-weight:900;color:#111827}
.notification-icon,.mini-notification-icon{
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.75),0 10px 22px rgba(15,23,42,.08);
}
.action-btn svg,.post-menu-btn svg{
    stroke-width:2.2;
}

/* v21 - Admin düzenlenebilir logo ve sistem adı */
.brand-text{min-width:0}.brand-text strong,.brand-preview strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-text span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-logo.has-site-logo{background:#fff;border:1px solid #e5e7eb;overflow:hidden;padding:0;box-shadow:0 8px 22px rgba(17,24,39,.08)}
.brand-logo.has-site-logo img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.auth-brand .brand-logo{flex:0 0 46px}.auth-brand>div:not(.brand-logo){min-width:0}.auth-brand h1{line-height:1.1}.auth-brand p{line-height:1.35}
.nav-icon-settings,.bottom-icon-settings{--icon-bg:linear-gradient(135deg,#f1f5f9,#e2e8f0);--icon-fg:#475569}
.settings-hero{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-hero h1{margin:0 0 6px}
.settings-grid{max-width:980px;margin:0 auto 90px;display:grid;grid-template-columns:360px minmax(0,1fr);gap:16px;align-items:start}
.settings-preview-card,.settings-form-card{background:#fff;border:1px solid #dbdbdb;border-radius:16px;padding:18px;box-shadow:0 12px 34px rgba(17,24,39,.04)}
.settings-preview-card h2{margin:0 0 14px}.brand-preview{display:flex;align-items:center;gap:13px;border:1px solid #efefef;background:#fafafa;border-radius:18px;padding:14px;margin-bottom:12px}.brand-preview .preview-logo{width:62px;height:62px;border-radius:18px;font-size:28px}.brand-preview span{display:block;color:#737373;font-size:13px;margin-top:4px;line-height:1.35}
.settings-form-card{display:grid;gap:10px}.settings-form-card label{font-weight:900;color:#374151}.settings-form-card input[type="text"],.settings-form-card input[type="file"]{width:100%;border:1px solid #dbdbdb;border-radius:12px;padding:12px;background:#fafafa;color:#111827}.settings-form-card input[type="file"]{background:#fff}.logo-remove-check{margin:6px 0 2px;padding:10px;border:1px solid #fee2e2;background:#fef2f2;border-radius:12px;color:#991b1b;font-weight:800}.settings-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
@media(max-width:900px){.settings-hero{margin:0 10px 14px;border-radius:16px!important;padding:16px!important}.settings-grid{grid-template-columns:1fr;padding:0 10px 92px}.settings-preview-card,.settings-form-card{border-radius:16px}.brand-preview .preview-logo{width:56px;height:56px}.settings-actions{display:grid;grid-template-columns:1fr}.settings-actions .btn{width:100%}.ig-wordmark{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:380px){.ig-wordmark{max-width:185px}.brand-preview{align-items:flex-start}.brand-preview .preview-logo{width:50px;height:50px}}

/* v22 - logo/title görünümü düzeltmesi ve mobil üst bar marka alanı */
.brand{
    width:100%;
    min-width:0;
    align-items:center;
    gap:10px;
}
.sidebar .brand{
    padding:8px 6px;
}
.brand-logo{
    flex:0 0 46px;
    width:46px;
    height:46px;
    overflow:hidden;
}
.sidebar .brand-logo.has-site-logo{
    flex-basis:44px;
    width:44px;
    height:44px;
    border-radius:999px;
}
.brand-logo.has-site-logo img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    padding:3px;
    background:#fff;
    border-radius:inherit;
}
.brand-text{
    min-width:0;
    flex:1 1 auto;
    max-width:calc(100% - 56px);
}
.sidebar .brand-text strong{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    white-space:normal;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height:1.15;
    max-height:2.35em;
    word-break:normal;
}
.sidebar .brand-text span{
    display:block;
    margin-top:3px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.auth-brand{
    align-items:center;
}
.auth-brand .brand-logo.has-site-logo{
    flex-basis:54px;
    width:54px;
    height:54px;
    border-radius:16px;
}
.auth-brand h1{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    white-space:normal;
    overflow:hidden;
    text-overflow:ellipsis;
}
.mobile-brand{
    min-width:0;
    flex:1 1 auto;
    display:flex!important;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:0 6px;
}
.mobile-brand .mobile-logo{
    flex:0 0 30px;
    width:30px;
    height:30px;
    border-radius:999px;
    font-size:16px;
}
.mobile-brand span{
    min-width:0;
    max-width:calc(100vw - 150px);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    line-height:1.1;
}
.settings-form-card input[type="url"]{
    width:100%;
    border:1px solid #dbdbdb;
    border-radius:12px;
    padding:12px;
    background:#fafafa;
    color:#111827;
}
.brand-preview .brand-logo.has-site-logo{
    border-radius:18px;
}
.brand-preview .brand-logo.has-site-logo img{
    padding:4px;
}
@media(max-width:900px){
    .ig-mobile-topbar{
        gap:8px;
    }
    .sidebar .brand-logo.has-site-logo{
        width:42px;
        height:42px;
        flex-basis:42px;
    }
    .sidebar .brand-text strong{
        font-size:15px;
    }
}
@media(max-width:380px){
    .mobile-brand span{
        max-width:calc(100vw - 132px);
        font-size:17px;
    }
    .mobile-brand .mobile-logo{
        width:28px;
        height:28px;
        flex-basis:28px;
    }
}


/* v23 - sidebar logo büyük + başlık logonun altında */
.sidebar .brand{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:12px;
    padding:8px 8px 14px;
    text-align:center;
}
.sidebar .brand-logo{
    flex:0 0 auto;
}
.sidebar .brand-logo.has-site-logo{
    width:132px;
    height:132px;
    flex-basis:132px;
    border-radius:999px;
    box-shadow:0 12px 28px rgba(17,24,39,.10);
}
.sidebar .brand-logo.has-site-logo img{
    padding:6px;
}
.sidebar .brand-text{
    width:100%;
    max-width:100%;
    flex:none;
}
.sidebar .brand-text strong{
    display:block;
    -webkit-line-clamp:unset;
    -webkit-box-orient:initial;
    max-height:none;
    font-size:17px;
    line-height:1.2;
    text-align:center;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
}
.sidebar .brand-text span{
    margin-top:6px;
    text-align:center;
}

@media(max-width:900px){
    .sidebar .brand{
        align-items:center;
        text-align:center;
        padding:12px 8px 16px;
    }
    .sidebar .brand-logo.has-site-logo{
        width:108px;
        height:108px;
        flex-basis:108px;
    }
    .sidebar .brand-text strong{
        font-size:16px;
    }
}


/* v24 - settings preview desktop düzeni */
.settings-grid{
    max-width:1120px;
    grid-template-columns:minmax(300px,360px) minmax(0,1fr);
    align-items:start;
}
.settings-preview-card{
    position:sticky;
    top:22px;
}
.brand-preview{
    align-items:flex-start;
}
.brand-preview > div{
    min-width:0;
    flex:1 1 auto;
}
.brand-preview strong{
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    line-height:1.2;
    word-break:break-word;
}
.brand-preview span{
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    overflow-wrap:anywhere;
}
@media(max-width:1200px){
    .settings-grid{
        max-width:1000px;
        grid-template-columns:320px minmax(0,1fr);
    }
}
@media(max-width:900px){
    .settings-preview-card{
        position:static;
        top:auto;
    }
}


/* v25 - üye onay mobil görünüm */
.approval-mobile-list{display:none;max-width:980px;margin:0 auto 90px;padding:0 10px 90px;gap:12px}
.approval-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:14px;box-shadow:0 10px 24px rgba(17,24,39,.04)}
.approval-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}
.approval-user{display:flex;align-items:center;gap:10px;min-width:0}
.approval-user > div{min-width:0}
.approval-user strong{display:block;line-height:1.2}
.approval-user span{display:block;color:#6b7280;font-size:13px;overflow-wrap:anywhere}
.approval-meta{display:grid;grid-template-columns:1fr;gap:8px;padding:12px 0;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;margin-bottom:12px}
.approval-meta small{display:block;color:#6b7280;font-size:12px;margin-bottom:4px}
.approval-meta strong{font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.approval-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.approval-actions .btn{width:100%;justify-content:center}

@media(max-width:900px){
  .approval-desktop-table{display:none!important}
  .approval-mobile-list{display:grid}
}
@media(max-width:420px){
  .approval-card{padding:12px}
  .approval-card-head{flex-direction:column;align-items:stretch}
  .approval-actions{grid-template-columns:1fr}
}


/* v26 - yorum balon tasarımı */
.comments{display:grid;gap:8px;margin-top:6px}
.comment-row{display:flex;align-items:flex-start;gap:8px}
.comment-avatar{margin-top:1px;box-shadow:0 2px 8px rgba(15,23,42,.06)}
.comment-bubble{max-width:min(100%, 92%);background:#eef0f3;border-radius:18px;padding:9px 12px 10px;line-height:1.4;color:#1f2937}
.comment-bubble strong{display:block;font-size:14px;line-height:1.2;margin-bottom:2px;font-weight:800;color:#111827}
.comment-bubble span{display:block;font-size:14px;color:#374151;word-break:break-word}
.caption a,.comment strong{font-weight:900}
.comment{font-size:14px;line-height:1.45;margin-top:4px}
.view-comments{margin-bottom:8px}
@media(max-width:900px){
  .comment-row{gap:7px}
  .comment-bubble{padding:8px 11px 9px}
  .comment-bubble strong,.comment-bubble span{font-size:13px}
}


/* v27 - yorum balonunu yatayda genişlet */
.comment-row{
    align-items:flex-start;
    width:100%;
}
.comment-row .comment-avatar{
    flex:0 0 auto;
}
.comment-bubble{
    flex:1 1 auto;
    width:100%;
    max-width:none;
    min-width:0;
    border-radius:18px;
}
.comments{
    width:100%;
}
.ig-meta{
    width:100%;
}
@media(max-width:900px){
  .comment-bubble{
    width:100%;
    max-width:none;
  }
}


/* v28 - yorum avatarını biraz büyüt */
.comment-avatar{
    width:30px;
    height:30px;
    font-size:11px;
    flex:0 0 30px;
}
@media(max-width:900px){
  .comment-avatar{
    width:28px;
    height:28px;
    font-size:10px;
    flex-basis:28px;
  }
}


/* v29 - yorum avatarı belirgin büyüklükte olsun */
.comment-row .avatar.comment-avatar{
    width:38px;
    height:38px;
    min-width:38px;
    flex:0 0 38px;
    font-size:14px;
    border-radius:50%;
}
.comment-row .avatar.comment-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
}
.comment-row{
    gap:10px;
}
.comment-bubble{
    min-height:38px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
@media(max-width:900px){
  .comment-row .avatar.comment-avatar{
    width:34px;
    height:34px;
    min-width:34px;
    flex-basis:34px;
    font-size:12px;
  }
  .comment-bubble{
    min-height:34px;
  }
}


/* v30 - yorum avatarı daha büyük ve belirgin */
.comments .comment-row{align-items:flex-start;gap:12px}
.comments .comment-row .avatar.comment-avatar,
.comment-row .avatar.comment-avatar.has-image,
.comment-row .avatar.comment-avatar.admin,
.comment-row .avatar.comment-avatar.admin.has-image{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    flex:0 0 46px !important;
    font-size:16px !important;
    border-radius:50% !important;
    box-shadow:0 3px 10px rgba(15,23,42,.10);
}
.comments .comment-row .avatar.comment-avatar img,
.comment-row .avatar.comment-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
    display:block;
}
.comments .comment-bubble,
.comment-row .comment-bubble{
    min-height:46px;
    padding:10px 14px 11px;
}
@media(max-width:900px){
  .comments .comment-row{gap:10px}
  .comments .comment-row .avatar.comment-avatar,
  .comment-row .avatar.comment-avatar.has-image,
  .comment-row .avatar.comment-avatar.admin,
  .comment-row .avatar.comment-avatar.admin.has-image{
      width:42px !important;
      height:42px !important;
      min-width:42px !important;
      flex-basis:42px !important;
      font-size:15px !important;
  }
  .comments .comment-bubble,
  .comment-row .comment-bubble{
      min-height:42px;
      padding:9px 13px 10px;
  }
}


/* v32 - Paylaşılan görseller kırpılmadan otomatik sığsın */
.media-grid.count-1{
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

.media-grid.count-1 .media-open{
    width:100%;
    height:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
}

.media-grid.count-1 img{
    width:100%;
    height:auto;
    max-height:78vh;
    aspect-ratio:auto;
    object-fit:contain;
    object-position:center;
    background:#fff;
}

.media-grid.count-1 video{
    width:100%;
    height:auto;
    max-height:78vh;
    aspect-ratio:auto;
    object-fit:contain;
    object-position:center;
    background:#000;
}

/* Çoklu görsellerde kare grid korunur ama kırpma daha yumuşak olur */
.media-grid.count-2 img,
.media-grid.count-3 img,
.media-grid.count-4 img{
    object-fit:cover;
    object-position:center;
}

/* Mobilde uzun görseller ekranı patlatmasın */
@media(max-width:900px){
    .media-grid.count-1 img,
    .media-grid.count-1 video{
        max-height:72vh;
        width:100%;
        height:auto;
        object-fit:contain;
    }

    .media-grid.count-1{
        min-height:auto;
        background:#fff;
    }
}

/* Repost içindeki tek görsel de kırpılmadan görünsün */
.repost-media.count-1{
    background:#fff;
}

.repost-media.count-1 img,
.repost-media.count-1 video{
    width:100%;
    height:auto;
    max-height:420px;
    aspect-ratio:auto;
    object-fit:contain;
    object-position:center;
    background:#fff;
}