:root{--navy:#0f2744;--navy2:#173a61;--blue:#2c5d8f;--sky:#eaf2f8;--bg:#f4f6f8;--line:#dbe2e9;--muted:#657383;--white:#fff;--ink:#172331;--green:#15724a;--amber:#9a6400}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.58;-webkit-font-smoothing:antialiased}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:none;color:var(--navy)}.wrap{width:min(1200px,calc(100% - 36px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;background:#fff;padding:10px;z-index:999}
.site-header{background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.nav{min-height:78px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:11px;color:var(--navy);min-width:222px}.brand>span{width:44px;height:44px;background:linear-gradient(145deg,var(--navy),var(--blue));color:#fff;border-radius:13px;display:grid;place-items:center;font-weight:900;letter-spacing:-.04em;box-shadow:0 8px 20px #0f274426}.brand b{font-size:16px}.brand small{display:block;color:var(--muted);font-size:10.5px;font-weight:600;letter-spacing:.02em}.nav nav{margin-left:auto;display:flex;align-items:center;gap:16px;font-size:13.5px;font-weight:700}.nav nav>a,.nav summary{color:#2d3946}.nav nav>a:hover,.nav summary:hover{color:var(--blue)}.nav details{position:relative}.nav details summary{cursor:pointer;list-style:none}.nav details summary::-webkit-details-marker{display:none}.nav details div{position:absolute;right:0;top:34px;background:#fff;border:1px solid var(--line);border-radius:14px;min-width:245px;padding:8px;display:grid;box-shadow:0 18px 42px #0f274426}.nav details div a{padding:9px 10px;border-radius:8px}.nav details div a:hover{background:var(--sky)}.menu{display:none;border:0;background:#eef3f7;color:var(--navy);font-size:24px;border-radius:10px;width:42px;height:42px;margin-left:auto}.trustbar{background:#f8fafc;border-bottom:1px solid var(--line);font-size:11px;color:#62707f}.trustbar .wrap{min-height:31px;display:flex;align-items:center;justify-content:center;gap:11px}.noticebar{background:var(--navy);color:#dce8f2;text-align:center;padding:7px 12px;font-size:11.5px}
.hero{position:relative;overflow:hidden;padding:82px 0;background:linear-gradient(135deg,#0d223c 0%,#153b64 55%,#275f91 100%);color:#fff}.hero:after{content:"";position:absolute;width:560px;height:560px;border:1px solid #ffffff14;border-radius:50%;right:-180px;top:-250px;box-shadow:0 0 0 90px #ffffff08,0 0 0 180px #ffffff05}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.6fr);gap:48px;align-items:center}.hero h1{font-size:clamp(42px,6vw,72px);letter-spacing:-.045em;line-height:1.01;margin:8px 0 18px;max-width:800px}.hero p{font-size:18px;color:#dbe7f1;max-width:720px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#a9cae5}.hero-card{padding:26px;border:1px solid #ffffff2b;background:#ffffff12;border-radius:22px;box-shadow:0 22px 50px #08182a4a}.hero-card strong{font-size:52px;line-height:1;display:block;margin:9px 0}.hero-card small,.hero-card span{color:#dbe7f1}
.section{padding:58px 0}.white{background:#fff}.head{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:24px}.head h2{font-size:32px;letter-spacing:-.025em;margin:0}.head p{margin:5px 0 0;color:var(--muted)}.grid{display:grid;gap:18px}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:21px;box-shadow:0 8px 25px #1434510a;transition:transform .18s ease,box-shadow .18s ease,border-color .18s}.card:hover{transform:translateY(-2px);box-shadow:0 16px 36px #14345112;border-color:#cbd7e1}.card h2,.card h3{letter-spacing:-.018em}.card h3{margin:7px 0 10px}.muted{color:var(--muted)}.group-top{display:flex;gap:13px;align-items:center}.logo{width:60px;height:60px;flex:0 0 60px;border-radius:16px;background:linear-gradient(145deg,#edf3f8,#e2eaf1);border:1px solid var(--line);display:grid;place-items:center;font-weight:900;color:var(--navy)}.metric{background:#f0f4f7;border:1px solid #e5eaef;border-radius:11px;padding:10px 12px;margin:15px 0;font-size:13px;color:#5f6d7c}.metric strong{font-size:22px;color:var(--navy)}.meta{display:flex;gap:8px;flex-wrap:wrap;font-size:11.5px;color:var(--muted)}.pill{background:#edf2f6;border-radius:999px;padding:4px 8px;font-weight:800}.pill.upcoming{background:#e7f6ee;color:var(--green)}.pill.completed{background:#edf1f5}.pill.postponed{background:#fff3d7;color:var(--amber)}.pill.cancelled{background:#faeaea;color:#922}
.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;border-radius:10px;padding:10px 15px;background:var(--navy);color:#fff;font-weight:800;border:1px solid var(--navy);cursor:pointer;font-size:13.5px;transition:.15s}.btn:hover{color:#fff;background:var(--navy2);transform:translateY(-1px)}.btn.outline{background:#fff;color:var(--navy);border-color:var(--line)}.btn.outline:hover{background:#f7f9fb;color:var(--navy)}.btn.whatsapp{background:var(--green);border-color:var(--green)}
.page-head{padding:48px 0 31px;background:linear-gradient(180deg,#fff,#f9fbfc);border-bottom:1px solid var(--line)}.page-head h1{font-size:clamp(32px,4vw,44px);letter-spacing:-.035em;margin:2px 0 9px}.page-head p{max-width:820px;color:var(--muted)}.detail{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,1fr);gap:22px}.sidebar{align-self:start;position:sticky;top:126px}.socials{display:flex;gap:8px;flex-wrap:wrap}.socials a{padding:8px 10px;border:1px solid var(--line);border-radius:9px;font-size:13px;font-weight:750;background:#fff}
.form{max-width:870px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px;box-shadow:0 10px 30px #1434510a}.fg{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:6px}.field label{font-size:13.5px;font-weight:750}.full{grid-column:1/-1}.field input,.field select,.field textarea{padding:12px 13px;border:1px solid #cbd6df;border-radius:10px;font:inherit;background:#fff;color:var(--ink);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#6f9bc1;box-shadow:0 0 0 3px #2c5d8f14}.field textarea{min-height:115px}.hp{position:absolute;left:-9999px}.ok,.error{padding:13px 15px;border-radius:11px;margin-bottom:13px}.ok{background:#e9f6ef;border:1px solid #c7e6d4}.error{background:#fbecec;border:1px solid #ebc9c9}.table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.table th,.table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left}.table th{background:#f4f7f9}.bar{height:8px;border-radius:20px;background:#e4e9ef;overflow:hidden}.bar span{height:100%;background:linear-gradient(90deg,var(--navy),var(--blue));display:block}.poll{display:grid;grid-template-columns:1fr auto;gap:10px;margin:11px 0}
.callout{background:linear-gradient(135deg,#f7fafc,#edf4f9);border:1px solid #d7e4ed;border-radius:20px;padding:25px}.callout-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:20px;align-items:center}.statline{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.stat{padding:15px;background:#ffffff10;border:1px solid #ffffff22;border-radius:13px}.stat strong{display:block;font-size:23px}
.cookie{position:fixed;left:16px;right:16px;bottom:16px;max-width:700px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px #0003;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;z-index:60}.cookie div{display:grid}.cookie strong{font-size:13px}.cookie span{font-size:12px;color:var(--muted)}.cookie button{background:var(--navy);color:#fff;border:0;border-radius:8px;padding:8px 11px}
footer{background:#0b1b2e;color:#c8d4df;margin-top:58px;padding:42px 0 20px}.foot{display:grid;grid-template-columns:1.6fr .8fr 1fr;gap:36px}.foot b,.foot strong{color:#fff}.foot a{display:block;color:#c8d4df;margin:6px 0}.footer-brand strong,.footer-brand small{display:block}.footer-brand small{font-size:11px;color:#8398ab}.copy{border-top:1px solid #263a4d;margin-top:24px;padding-top:17px;font-size:11.5px;display:flex;gap:16px;justify-content:space-between;color:#91a3b3}
@media(max-width:1040px){.nav nav{display:none}.menu{display:block}.open .nav nav{display:grid;position:absolute;left:0;right:0;top:78px;background:#fff;padding:14px 20px;border-top:1px solid var(--line);box-shadow:0 15px 30px #0f27441a}.nav details div{position:static;box-shadow:none}.hero-grid,.detail,.callout-grid{grid-template-columns:1fr}.sidebar{position:static}.g4,.g3{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.wrap{width:min(100% - 22px,1200px)}.g4,.g3,.g2,.fg,.foot,.statline{grid-template-columns:1fr}.hero{padding:54px 0}.hero-card{display:none}.section{padding:42px 0}.page-head{padding:36px 0 22px}.brand small{display:none}.head{align-items:flex-start;flex-direction:column}.trustbar{display:none}.copy{flex-direction:column;gap:5px}.cookie{align-items:flex-start}}

/* SMMM Gündem kurumsal logo */
.brand.brand-logo{
    display:flex;
    align-items:center;
    min-width:220px;
    line-height:0;
}
.brand.brand-logo img{
    display:block;
    width:220px;
    max-width:100%;
    height:auto;
}
@media(max-width:1040px){
    .brand.brand-logo img{width:205px}
}
@media(max-width:680px){
    .brand.brand-logo{min-width:0}
    .brand.brand-logo img{width:178px}
}

/* =========================================================
   SMMM Gündem - 31.08.2026 Index Tasarım Sistemi
   Ana sayfadaki açık/ferah görsel dilin ortak sayfalara uygulanması
   ========================================================= */
:root{
  --ag-navy:#0b2b55;
  --ag-navy-2:#173e69;
  --ag-teal:#159c9c;
  --ag-orange:#f47a20;
  --ag-text:#13284a;
  --ag-muted:#67788c;
  --ag-line:#e1e8ef;
  --ag-soft:#f6f9fc;
  --ag-white:#ffffff;
}
body{background:#fff;color:var(--ag-text)}
.site-header{background:#fff;border-bottom:1px solid var(--ag-line);box-shadow:0 5px 22px rgba(25,48,72,.04)}
.site-header nav a,.site-header nav summary{color:var(--ag-text)}
.site-header nav a:hover,.site-header nav summary:hover{color:var(--ag-teal)}
.trustbar{background:#f7fafc;color:#607487;border-bottom:1px solid var(--ag-line)}
.noticebar{background:#fff7ef;color:#75502b;border-bottom:1px solid #f0dfcc}
.btn{border-radius:12px}
.btn:not(.outline):not(.ghost):not(.light):not(.whatsapp){background:var(--ag-navy);border-color:var(--ag-navy);color:#fff}
.btn.outline{background:#fff;color:var(--ag-navy);border-color:#cfdbe6}
.btn.outline:hover{background:#f5f8fb}
.text-link,a.text-link{color:var(--ag-teal)}

/* Standard page heads */
.page-head,
.groups-hero,.group-profile-hero,.activities-hero,.activity-hero,
.promise-hero,.pulse-hero,.future-hero,.archive-hero,.about-hero{
  background:#fff !important;
  color:var(--ag-text) !important;
  border-bottom:1px solid var(--ag-line) !important;
  box-shadow:none !important;
}
.page-head h1,
.groups-hero h1,.group-profile-hero h1,.activities-hero h1,.activity-hero h1,
.promise-hero h1,.pulse-hero h1,.future-hero h1,.archive-hero h1,.about-hero h1{
  color:var(--ag-text) !important;
  letter-spacing:-.035em;
}
.page-head p,
.groups-hero p,.group-profile-hero p,.activities-hero p,.activity-hero p,
.promise-hero p,.pulse-hero p,.future-hero p,.archive-hero p,.about-hero p{
  color:var(--ag-muted) !important;
}
.groups-hero .eyebrow,.group-profile-hero .eyebrow,.activities-hero .eyebrow,.activity-hero .eyebrow,
.promise-hero .eyebrow,.pulse-hero .eyebrow,.future-hero .eyebrow,.archive-hero .eyebrow,.about-hero .eyebrow,
.page-head .eyebrow{color:#47779f !important}
.groups-hero .btn.light,.group-profile-hero .btn.light,.activities-hero .btn.light,.activity-hero .btn.light,
.promise-hero .btn.light,.future-hero .btn.light,.archive-hero .btn.light,.about-hero .btn.light{
  background:var(--ag-navy) !important;color:#fff !important;border-color:var(--ag-navy) !important;
}
.groups-hero .btn.ghost,.group-profile-hero .btn.ghost,.activities-hero .btn.ghost,.activity-hero .btn.ghost,
.promise-hero .btn.ghost,.future-hero .btn.ghost,.archive-hero .btn.ghost,.about-hero .btn.ghost{
  background:#fff !important;color:var(--ag-navy) !important;border:1px solid #cfdbe6 !important;
}

/* Common sections and cards */
.groups-main,.profile-section,.activities-section,.activity-detail,.promise-section,.pulse-section,
.future-section,.archive-section,.about-section{background:var(--ag-soft) !important}
.about-section.white{background:#fff !important}
.group-card,.profile-card,.activity-card,.promise-card,.poll-card,.result-card,.timeline-card,
.archive-card,.about-card,.side-card,.empty-card,.empty-state{
  background:#fff !important;
  border-color:var(--ag-line) !important;
  box-shadow:0 12px 34px rgba(25,48,72,.055) !important;
}
.group-card h2,.group-card h3,.profile-card h2,.profile-card h3,.activity-card h2,.activity-card h3,
.promise-card h2,.promise-card h3,.poll-card h2,.result-card h2,.timeline-card h2,.timeline-card h3,
.archive-card h2,.archive-card h3,.about-card h2,.about-card h3{color:var(--ag-text) !important}
.group-card p,.profile-card p,.activity-card p,.promise-card p,.poll-card p,.result-card p,
.timeline-card p,.archive-card p,.about-card p{color:var(--ag-muted) !important}

/* Secondary strips */
.groups-note,.profile-strip,.activity-note,.method-strip,.pulse-note,.future-note,.archive-note,.about-note{
  background:#f7fafc !important;
  color:var(--ag-muted) !important;
  border-color:var(--ag-line) !important;
}
.activity-stat,.promise-stat,.pulse-stat,.future-stat,.archive-stat,.profile-strip-item,.meta-box,.info-box{
  background:#fff !important;
  border-color:var(--ag-line) !important;
  color:var(--ag-text) !important;
}

/* Group/activity visual surfaces */
.group-cover,.activity-visual,.hero-visual,.group-hero-visual{
  background:#eef4f8 !important;
  border-color:var(--ag-line) !important;
}
.group-cover-fallback,.activity-visual-fallback,.hero-fallback,.group-hero-fallback{
  background:linear-gradient(135deg,#eef5fb,#f8fbfd) !important;
  color:var(--ag-navy) !important;
}
.group-cover-fallback strong,.group-hero-fallback strong,.hero-fallback strong{color:var(--ag-navy) !important}
.group-cover-fallback span,.group-hero-fallback span,.hero-fallback span{color:var(--ag-muted) !important}

/* Forms */
input,select,textarea{
  border-color:#d9e2ea !important;
  border-radius:12px !important;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--ag-teal) !important;
  box-shadow:0 0 0 3px rgba(21,156,156,.10) !important;
  outline:none !important;
}

/* Neutral status and highlight areas */
.updated-box,.visual-note,.terms-note,.kvkk-note,.telif-note{
  background:#eef7f7 !important;
  border-left-color:var(--ag-teal) !important;
  color:#526c78 !important;
}

/* Mobile rhythm */
@media(max-width:760px){
  .page-head,.groups-hero,.group-profile-hero,.activities-hero,.activity-hero,.promise-hero,.pulse-hero,.future-hero,.archive-hero,.about-hero{padding-top:38px !important;padding-bottom:34px !important}
  .groups-main,.profile-section,.activities-section,.activity-detail,.promise-section,.pulse-section,.future-section,.archive-section,.about-section{padding-top:42px !important;padding-bottom:48px !important}
}


/* Vaat Takip sayaç kartları - açık tema düzeltmesi */
.promise-stat strong{
  color:var(--ag-text) !important;
}
.promise-stat span{
  color:var(--ag-muted) !important;
}