/* ==========================================================================
   ŞUTSO Seçim Takip — arayüz
   Masaüstünde koyu yan menü + geniş çalışma alanı, telefonda üst başlık +
   alt sekme çubuğu. Dış kütüphane yok; çevrimdışı çalışır.
   ========================================================================== */

:root {
    /* metin */
    --ink:      #0E1A13;
    --ink-2:    #56675D;
    --ink-3:    #8B9A92;

    /* zemin */
    --canvas:   #F2F5F2;
    --surface:  #FFFFFF;
    --surface-2:#F8FAF8;
    --line:     #E3E9E5;
    --line-2:   #EFF3F0;

    /* marka */
    --b900: #072A18;
    --b800: #0B3A22;
    --b700: #11512F;
    --b600: #17683C;
    --b500: #23874F;
    --b400: #3AA469;
    --b100: #DFF0E6;
    --b50:  #F0F7F3;

    /* adaylar */
    --ali:      #17683C;
    --abdullah: #B4700B;
    --dogan:    #BC3A30;
    --kararsiz: #6A7C8B;
    --pasif:    #9AA7A0;

    --uyari:    #8A6300;
    --uyari-bg: #FDF6E3;
    --uyari-cz: #EFE0B6;

    --r-s: 10px;
    --r-m: 14px;
    --r-l: 20px;

    --sh1: 0 1px 2px rgba(7, 42, 24, .05);
    --sh2: 0 1px 2px rgba(7, 42, 24, .04), 0 10px 20px -12px rgba(7, 42, 24, .16);
    --sh3: 0 24px 48px -20px rgba(7, 42, 24, .34);

    --yan-g: 258px;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { -webkit-text-size-adjust: 100%; }

body {
    margin: 0;
    background: var(--canvas);
    color: var(--ink);
    font-family: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system,
                 "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;      /* yasli kullanicilar icin bir tik buyuk */
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3 {
    font-family: "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;
    margin: 0;
    line-height: 1.2;
    letter-spacing: -.018em;
    font-weight: 700;
}
h1 { font-size: 1.65rem; }
h2 { font-size: 1.06rem; letter-spacing: -.01em; }

a { color: var(--b600); text-decoration: none; }
a:hover { text-decoration: underline; }

.num { font-variant-numeric: tabular-nums; }

/* ============================================================ iskelet ==== */
.kabuk { min-height: 100dvh; }

.ana { min-width: 0; }

.icerik {
    max-width: 1420px;
    margin: 0 auto;
    padding: 18px 16px 96px;
}

/* --------------------------------------------------------- yan menü ----- */
.yan { display: none; }

.yan-marka {
    display: flex; align-items: center; gap: 12px;
    padding: 22px 20px 20px;
    color: #fff;
}
.yan-marka:hover { text-decoration: none; }
.rozet-logo {
    width: 42px; height: 42px; flex: none; border-radius: 13px;
    background: linear-gradient(145deg, var(--b400), var(--b600));
    display: grid; place-items: center;
    font-family: "Segoe UI Variable Display", "Segoe UI", sans-serif;
    font-size: 21px; font-weight: 700; color: #fff;
    box-shadow: 0 6px 16px -6px rgba(0, 0, 0, .6);
}
.yan-marka b { display: block; font-size: .97rem; letter-spacing: -.01em; }
.yan-marka small { display: block; font-size: .74rem; color: #8FB6A0; margin-top: 1px; }

.yan-bolum {
    padding: 14px 20px 6px;
    font-size: .68rem; font-weight: 700; letter-spacing: .12em;
    text-transform: uppercase; color: #6E9280;
}

.yan-menu { display: grid; gap: 2px; padding: 0 12px; }
.yan-menu a {
    display: flex; align-items: center; gap: 12px;
    padding: 10px 12px; border-radius: var(--r-s);
    color: #C6DDCF; font-size: .92rem; font-weight: 550;
}
.yan-menu a:hover { background: rgba(255, 255, 255, .07); color: #fff; text-decoration: none; }
.yan-menu a.etkin { background: var(--b600); color: #fff; box-shadow: inset 0 1px 0 rgba(255,255,255,.12); }
.yan-menu svg { width: 19px; height: 19px; flex: none; fill: none; stroke: currentColor;
                stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.yan-sayac {
    margin: 16px 20px; padding: 14px 16px;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: var(--r-m);
}
.yan-sayac span { display: block; font-size: .68rem; letter-spacing: .1em;
                  text-transform: uppercase; color: #7FA791; font-weight: 700; }
.yan-sayac b { display: block; font-size: 1.85rem; color: #fff; line-height: 1.1;
               letter-spacing: -.03em; margin-top: 3px; }
.yan-sayac em { display: block; font-style: normal; font-size: .76rem; color: #9FC0AC; margin-top: 2px; }

.yan-alt { margin-top: auto; padding: 14px; border-top: 1px solid rgba(255, 255, 255, .08); }
.yan-kisi { display: flex; align-items: center; gap: 11px; padding: 4px 6px 10px; }
.bas-harf {
    width: 38px; height: 38px; flex: none; border-radius: 50%;
    background: linear-gradient(145deg, var(--b400), var(--b700));
    display: grid; place-items: center; color: #fff;
    font-size: .8rem; font-weight: 700; letter-spacing: .04em;
}
.yan-kisi b { display: block; font-size: .87rem; color: #fff; line-height: 1.25;
              max-width: 148px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.yan-kisi small { display: block; font-size: .72rem; color: #85AC96; }
.yan-cikis {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    padding: 9px; border-radius: var(--r-s);
    background: rgba(255, 255, 255, .06); color: #C6DDCF;
    font-size: .85rem; font-weight: 600;
}
.yan-cikis:hover { background: rgba(255, 255, 255, .12); color: #fff; text-decoration: none; }

/* ------------------------------------------------------- telefon üst ---- */
.ust {
    position: sticky; top: 0; z-index: 40;
    background: var(--b900);
    padding: 0 14px; height: 58px;
    display: flex; align-items: center; gap: 11px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .06), 0 4px 14px rgba(0, 0, 0, .18);
}
.ust .rozet-logo { width: 34px; height: 34px; border-radius: 11px; font-size: 17px; }
.ust-yazi b { display: block; color: #fff; font-size: .92rem; line-height: 1.15; font-weight: 650; }
.ust-yazi small { display: block; color: #86AD97; font-size: .69rem; }
.ust .bas-harf { margin-left: auto; width: 33px; height: 33px; }

/* ------------------------------------------------------- alt sekmeler --- */
.alt-menu {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 50;
    display: grid; grid-auto-flow: column; grid-auto-columns: 1fr;
    background: rgba(255, 255, 255, .92);
    backdrop-filter: blur(14px);
    border-top: 1px solid var(--line);
    padding-bottom: env(safe-area-inset-bottom);
}
.alt-menu a {
    display: grid; justify-items: center; gap: 3px; padding: 9px 4px 8px;
    color: var(--ink-3); font-size: .67rem; font-weight: 650;
}
.alt-menu a:hover { text-decoration: none; }
.alt-menu a.etkin { color: var(--b600); }
.alt-menu svg { width: 21px; height: 21px; fill: none; stroke: currentColor;
                stroke-width: 1.85; stroke-linecap: round; stroke-linejoin: round; }

/* ============================================================ parçalar === */
.bildirim {
    margin: 0 0 16px; padding: 12px 16px;
    background: var(--b50); border: 1px solid var(--b100);
    border-left: 3px solid var(--b500);
    color: var(--b800); border-radius: var(--r-s);
    font-size: .9rem; font-weight: 600;
}

.baslik {
    display: flex; align-items: flex-end; gap: 16px;
    flex-wrap: wrap; margin-bottom: 20px;
}
.baslik-sol { flex: 1 1 300px; min-width: 0; }
.ust-yol { font-size: .82rem; color: var(--ink-2); margin-bottom: 5px; display: block; }
.ust-yol:hover { color: var(--b600); }
.alt-yazi { color: var(--ink-2); font-size: .87rem; margin: 6px 0 0; }
.baslik-islem { display: flex; gap: 8px; flex-wrap: wrap; }

/* --------------------------------------------------------- kartlar ------ */
.kart {
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: var(--r-m);
    box-shadow: var(--sh1);
}
.kart-ic { padding: 18px 20px; }
.kart-bas { padding: 16px 20px 14px; border-bottom: 1px solid var(--line-2); }
.kart + .kart { margin-top: 14px; }

/* ---------------------------------------------------------- sayaçlar ---- */
.sayaclar { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-bottom: 20px; }

.sayac {
    background: var(--surface); border: 1px solid var(--line);
    border-radius: var(--r-m); padding: 15px 16px; box-shadow: var(--sh1);
    position: relative; overflow: hidden;
}
.sayac::after {
    content: ""; position: absolute; inset: auto 0 0 0; height: 3px;
    background: var(--b500); opacity: .9;
}
.sayac.mavi::after   { background: var(--b700); }
.sayac.gri::after    { background: var(--pasif); }
.sayac.sari::after   { background: var(--abdullah); }
.sayac.kirmizi::after{ background: var(--dogan); }

.sayac span {
    display: block; font-size: .69rem; font-weight: 700; letter-spacing: .1em;
    text-transform: uppercase; color: var(--ink-3);
}
.sayac b {
    display: block; font-size: 1.85rem; line-height: 1.12; letter-spacing: -.035em;
    margin-top: 4px; font-family: "Segoe UI Variable Display", "Segoe UI", sans-serif;
    font-variant-numeric: tabular-nums;
}
.sayac em { display: block; font-style: normal; font-size: .76rem; color: var(--ink-2); margin-top: 3px; }

.sayac-vurgu {
    background: linear-gradient(150deg, var(--b800), var(--b600));
    border-color: transparent; color: #fff; box-shadow: var(--sh2);
}
.sayac-vurgu::after { display: none; }
.sayac-vurgu span { color: #9CC3AC; }
.sayac-vurgu em { color: #B7D5C4; }

/* --------------------------------------------------------- grup ızgara -- */
.izgara { display: grid; grid-template-columns: 1fr; gap: 13px; }

.grup {
    display: flex; flex-direction: column; background: var(--surface); border: 1px solid var(--line);
    border-radius: var(--r-m); padding: 16px 17px 15px; box-shadow: var(--sh1);
    color: inherit; position: relative; overflow: hidden;
    transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}
.grup::before {
    content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
    background: var(--b500); opacity: 0; transition: opacity .14s;
}
.grup:hover {
    text-decoration: none; transform: translateY(-3px);
    box-shadow: var(--sh2); border-color: var(--b100);
}
.grup:hover::before { opacity: 1; }

.grup-bas { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 14px; }
.grup-no {
    width: 42px; height: 42px; flex: none; border-radius: 12px;
    background: var(--b50); border: 1px solid var(--b100); color: var(--b700);
    display: grid; place-items: center; font-weight: 700; font-size: 1.02rem;
    font-variant-numeric: tabular-nums;
}
.grup-ad {
    display: block;
    font-family: "Segoe UI Variable Display", "Segoe UI", sans-serif;
    font-weight: 650; font-size: .96rem; line-height: 1.28; letter-spacing: -.01em;
}
.grup-meta { display: block; font-size: .74rem; color: var(--ink-3);
             margin-top: 4px; font-weight: 500; }

.grup-sayi { display: flex; gap: 18px; margin: auto 0 13px; }
.grup-sayi > div { min-width: 0; }
.grup-sayi b {
    display: block; font-size: 1.16rem; font-weight: 700; letter-spacing: -.025em;
    font-variant-numeric: tabular-nums; line-height: 1.2;
}
.grup-sayi span { display: block; font-size: .71rem; color: var(--ink-3); font-weight: 600; }

/* ------------------------------------------------------------ ölçekler -- */
.serit { display: flex; height: 7px; border-radius: 99px; overflow: hidden; background: var(--line-2); }
.serit i { display: block; height: 100%; }
.serit i.a { background: var(--ali); }
.serit i.b { background: var(--abdullah); }
.serit i.d { background: var(--dogan); }
.serit i.k { background: var(--kararsiz); }

.lejant { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 9px;
          font-size: .74rem; color: var(--ink-2); font-weight: 550; }
.lejant span { display: inline-flex; align-items: center; gap: 5px; }
.nokta { width: 8px; height: 8px; border-radius: 50%; display: inline-block; flex: none; }
.nokta.a { background: var(--ali); } .nokta.b { background: var(--abdullah); }
.nokta.d { background: var(--dogan); } .nokta.k { background: var(--kararsiz); }

.olcek { height: 6px; background: var(--line-2); border-radius: 99px; overflow: hidden; }
.olcek i { display: block; height: 100%; background: var(--b500); border-radius: 99px; }
.olcek-yazi { display: flex; justify-content: space-between; font-size: .72rem;
              color: var(--ink-3); margin-top: 6px; font-weight: 600; }

/* ------------------------------------------------------------ rozetler -- */
.rz {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 3px 9px; border-radius: 7px; font-size: .715rem; font-weight: 650;
    border: 1px solid transparent; white-space: nowrap; line-height: 1.5;
    letter-spacing: -.005em;
}
.oy-ali        { background: #E4F1E9; color: #10532F; border-color: #C4DFCF; }
.oy-abdullah   { background: #FBF0DE; color: #8A5406; border-color: #EED9B3; }
.oy-dogan      { background: #FBE9E7; color: #93291F; border-color: #F0C8C3; }
.oy-kararsiz   { background: #EDF0F3; color: #46545F; border-color: #DAE0E5; }
.oy-yok        { background: #F1F3F2; color: #5F6D66; border-color: #E1E6E3; }
.oy-bilinmiyor { background: #F3F5F4; color: #77857D; border-color: #E5EAE7; }

.sonuc-olumlu       { background: #E4F1E9; color: #146336; border-color: #C4DFCF; }
.sonuc-olumsuz      { background: #FBE9E7; color: #A62D22; border-color: #F0C8C3; }
.sonuc-kararsiz     { background: #EDF0F3; color: #46545F; border-color: #DAE0E5; }
.sonuc-ulasilamadi  { background: #F3F4F5; color: #6B7680; border-color: #E4E7EA; }

.hak-evet     { background: #E4F1E9; color: #10532F; border-color: #C4DFCF; }
.hak-hayir    { background: #F3F4F5; color: #6B7680; border-color: #E4E7EA; }
.hak-belirsiz { background: var(--uyari-bg); color: var(--uyari); border-color: var(--uyari-cz); }

.rz-gri  { background: #F1F3F2; color: #5F6D66; border-color: #E1E6E3; }
.rz-aski { background: #FBF0DE; color: #8A5406; border-color: #EED9B3; }
.rz-not  { background: var(--uyari-bg); color: var(--uyari); border-color: var(--uyari-cz); }

/* -------------------------------------------------------------- form ---- */
label {
    display: block; font-size: .71rem; font-weight: 700; letter-spacing: .07em;
    text-transform: uppercase; color: var(--ink-3); margin-bottom: 6px;
}
input[type=text], input[type=search], input[type=password], input[type=date],
input[type=datetime-local], select, textarea {
    width: 100%; padding: 10px 13px;
    font: inherit; font-size: .93rem; color: var(--ink);
    background: var(--surface); border: 1px solid var(--line);
    border-radius: var(--r-s); outline: none;
    transition: border-color .12s, box-shadow .12s;
}
select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2356675D' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right 12px center;
    background-size: 11px; padding-right: 32px;
}
textarea { resize: vertical; min-height: 88px; }
input:focus, select:focus, textarea:focus {
    border-color: var(--b400); box-shadow: 0 0 0 3.5px rgba(35, 135, 79, .13);
}
input::placeholder, textarea::placeholder { color: var(--ink-3); }

.alan { margin-bottom: 14px; }

/* ------------------------------------------------------------ düğmeler -- */
.dg {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    padding: 10px 17px; border-radius: var(--r-s); border: 1px solid transparent;
    background: var(--b600); color: #fff; font: inherit; font-size: .9rem; font-weight: 650;
    cursor: pointer; white-space: nowrap; transition: background .12s, box-shadow .12s, transform .08s;
    box-shadow: 0 1px 2px rgba(7, 42, 24, .14);
}
.dg:hover { background: var(--b700); color: #fff; text-decoration: none; }
.dg:active { transform: translateY(1px); }
.dg.ikincil { background: var(--surface); color: var(--ink); border-color: var(--line); box-shadow: var(--sh1); }
.dg.ikincil:hover { background: var(--b50); border-color: var(--b100); color: var(--b700); }
.dg.kucuk { padding: 7px 13px; font-size: .83rem; }
.dg.tam { width: 100%; padding: 12px; font-size: .96rem; }
.dg[disabled] { opacity: .45; pointer-events: none; }

/* -------------------------------------------------------------- çipler -- */
.cipler { display: flex; gap: 7px; flex-wrap: wrap; }
.cip {
    padding: 7px 13px; border-radius: 99px; border: 1px solid var(--line);
    background: var(--surface); font-size: .81rem; font-weight: 600; color: var(--ink-2);
    cursor: pointer; transition: all .12s;
}
.cip:hover { text-decoration: none; border-color: var(--b400); color: var(--b700); background: var(--b50); }
.cip.etkin { background: var(--b800); border-color: var(--b800); color: #fff; }
.cip.etkin:hover { background: var(--b900); color: #fff; }

/* -------------------------------------------------------------- filtre -- */
.filtre { background: var(--surface); border: 1px solid var(--line);
          border-radius: var(--r-m); box-shadow: var(--sh1); margin-bottom: 16px; }
.filtre-ust { padding: 14px 16px; }
.filtre-alt { padding: 0 16px 14px; }
.filtre-satir { display: grid; grid-template-columns: 1fr; gap: 11px; }
.filtre-satir.ikinci { grid-template-columns: repeat(2, 1fr); }
.filtre .alan { margin: 0; }

.ara-kutu { position: relative; }
.ara-kutu svg {
    position: absolute; left: 13px; top: 50%; transform: translateY(-50%);
    width: 18px; height: 18px; fill: none; stroke: var(--ink-3);
    stroke-width: 2; stroke-linecap: round; pointer-events: none;
}
.ara-kutu input { padding-left: 41px; font-size: 1rem; height: 46px; }

/* -------------------------------------------------------- firma listesi - */
.liste { display: grid; gap: 10px; }

.firma {
    background: var(--surface); border: 1px solid var(--line);
    border-radius: var(--r-m); box-shadow: var(--sh1);
    padding: 15px 16px; position: relative;
    transition: border-color .12s, box-shadow .12s;
}
.firma:hover { border-color: var(--b100); box-shadow: var(--sh2); }
.firma.oncelikli { box-shadow: inset 3px 0 0 var(--abdullah), var(--sh1); }

.firma-ust { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 9px; }
.firma-ad {
    flex: 1; min-width: 0;
    font-family: "Segoe UI Variable Display", "Segoe UI", sans-serif;
    font-weight: 650; font-size: .97rem; line-height: 1.34; letter-spacing: -.012em;
    color: var(--ink); word-break: break-word;
}
a.firma-ad:hover { color: var(--b600); text-decoration: none; }

.yildiz {
    background: none; border: none; cursor: pointer; padding: 2px 4px; line-height: 1;
    font-size: 1.12rem; color: var(--ink-3); flex: none; border-radius: 6px;
}
.yildiz:hover { background: var(--surface-2); color: var(--abdullah); }
.yildiz.aktif { color: #D69A12; }

.firma-kisi {
    font-size: .85rem; font-weight: 600; color: var(--ink);
    margin-bottom: 7px; display: flex; align-items: center; gap: 7px; flex-wrap: wrap;
}
.firma-kisi svg { width: 14px; height: 14px; stroke: var(--ink-3); fill: none; stroke-width: 1.8; flex: none; }

.rozetler { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; margin-bottom: 9px; }

.firma-adres {
    font-size: .8rem; color: var(--ink-3); line-height: 1.45;
    margin-bottom: 11px; display: flex; gap: 7px; align-items: flex-start;
}
.firma-adres svg { width: 14px; height: 14px; stroke: var(--ink-3); fill: none;
                   stroke-width: 1.7; flex: none; margin-top: 2px; }

.iletisim { display: flex; gap: 7px; flex-wrap: wrap; align-items: center; margin-bottom: 11px; }
.tel {
    display: inline-flex; align-items: center; gap: 7px; padding: 7px 13px;
    background: var(--b50); color: var(--b800); border-radius: 9px;
    font-weight: 700; font-size: .87rem; border: 1px solid var(--b100);
    font-variant-numeric: tabular-nums; letter-spacing: -.01em;
}
.tel:hover { background: var(--b100); text-decoration: none; }
.tel svg { width: 14px; height: 14px; fill: currentColor; }
.tel.wa { background: #E7F6EC; border-color: #C3E5CE; color: #0A6B31; font-weight: 650; }
.tel.wa:hover { background: #D6EEDF; }
.tel-yok { color: var(--ink-3); font-size: .82rem; font-style: italic; }

.firma-islem {
    display: flex; gap: 8px; align-items: center; flex-wrap: wrap;
    padding-top: 11px; border-top: 1px solid var(--line-2);
}
.mini-secim { width: auto; min-width: 152px; padding: 7px 30px 7px 11px; font-size: .84rem; }

/* --------------------------------------------------------------- tablo -- */
.tablo-sar { overflow-x: auto; -webkit-overflow-scrolling: touch; }
table { width: 100%; border-collapse: collapse; font-size: .86rem; }
thead th {
    position: sticky; top: 0; z-index: 1;
    background: var(--surface-2); text-align: left; padding: 11px 13px;
    font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .09em;
    color: var(--ink-3); border-bottom: 1px solid var(--line); white-space: nowrap;
}
tbody td { padding: 11px 13px; border-bottom: 1px solid var(--line-2); vertical-align: middle; }
tbody tr:last-child td { border-bottom: none; }
tbody tr:hover { background: var(--surface-2); }
td.sy, th.sy { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
td.ad { font-weight: 600; }
tfoot td { padding: 12px 13px; background: var(--surface-2); font-weight: 700;
           border-top: 1px solid var(--line); font-variant-numeric: tabular-nums; }

/* ---------------------------------------------------------- sayfalama --- */
.sayfalama { display: flex; gap: 6px; align-items: center; justify-content: center;
             flex-wrap: wrap; margin-top: 20px; }
.sayfalama a, .sayfalama span {
    min-width: 40px; padding: 9px 12px; text-align: center; border-radius: var(--r-s);
    border: 1px solid var(--line); background: var(--surface);
    font-size: .86rem; font-weight: 650; color: var(--ink); box-shadow: var(--sh1);
}
.sayfalama a:hover { border-color: var(--b400); color: var(--b700); text-decoration: none; }
.sayfalama .simdiki { background: var(--b800); border-color: var(--b800); color: #fff; }
.sayfalama .bos { border: none; background: none; box-shadow: none;
                  color: var(--ink-3); min-width: auto; padding: 9px 2px; }

/* ------------------------------------------------------------ boş hal --- */
.bos-hal { text-align: center; padding: 54px 24px; }
.bos-hal svg { width: 44px; height: 44px; stroke: var(--b100); fill: none; stroke-width: 1.4; }
.bos-hal b { display: block; font-size: 1.02rem; margin: 12px 0 5px;
             font-family: "Segoe UI Variable Display", "Segoe UI", sans-serif; }
.bos-hal p { margin: 0; color: var(--ink-2); font-size: .88rem; }

/* -------------------------------------------------------------- giriş --- */
.giris-sayfa {
    min-height: 100dvh; display: grid; place-items: center; padding: 22px;
    background: radial-gradient(120% 120% at 15% 0%, #17683C 0%, #0B3A22 46%, #072A18 100%);
}
.giris-kart {
    width: 100%; max-width: 408px; background: var(--surface); border-radius: var(--r-l);
    padding: 34px 30px 28px; box-shadow: var(--sh3);
}
.giris-logo {
    width: fit-content; padding: 12px 22px; border-radius: 16px; margin: 0 auto 16px;
    background: linear-gradient(145deg, var(--b500), var(--b800));
    display: grid; place-items: center; color: #fff;
    font-family: "Segoe UI Variable Display", "Segoe UI", sans-serif;
    font-size: 21px; font-weight: 700; letter-spacing: .10em;
    box-shadow: 0 10px 24px -10px rgba(7, 42, 24, .7);
}
.giris-kart h1 { text-align: center; font-size: 1.28rem; }
.giris-kart .alt { text-align: center; color: var(--ink-3); font-size: .84rem;
                   margin: 5px 0 24px; font-weight: 550; }
.hata-kutu {
    background: #FBE9E7; border: 1px solid #F0C8C3; color: #93291F;
    padding: 11px 14px; border-radius: var(--r-s); font-size: .87rem;
    margin-bottom: 16px; font-weight: 600;
}
.giris-not { margin: 18px 0 0; padding-top: 16px; border-top: 1px solid var(--line-2);
             font-size: .79rem; color: var(--ink-2); line-height: 1.62; }
.giris-yardim { margin: 12px 0 0; font-size: .79rem; color: var(--ink-2);
                line-height: 1.62; }
.giris-yardim .wa {
    display: inline-flex; align-items: center; gap: 5px;
    margin-left: 2px; padding: 3px 9px 3px 7px; border-radius: 999px;
    background: #E8F6ED; color: #128C4A; font-weight: 700;
    white-space: nowrap; vertical-align: -2px;
}
.giris-yardim .wa:hover { background: #D6EFDF; text-decoration: none; }
.giris-yardim .wa svg { width: 14px; height: 14px; fill: currentColor; flex: none; }

/* -------------------------------------------------------- firma detay --- */
.detay { display: grid; gap: 14px; align-items: start; }

.detay-ad {
    font-family: "Segoe UI Variable Display", "Segoe UI", sans-serif;
    font-size: 1.34rem; font-weight: 700; line-height: 1.26;
    letter-spacing: -.022em; word-break: break-word;
}

.bilgi > div { display: flex; gap: 14px; padding: 11px 0; border-bottom: 1px solid var(--line-2);
               font-size: .88rem; }
.bilgi > div:last-child { border-bottom: none; padding-bottom: 0; }
.bilgi .et { flex: 0 0 118px; color: var(--ink-3); font-weight: 650; font-size: .81rem; }
.bilgi .dg-ic { flex: 1; min-width: 0; word-break: break-word; }

.zaman { position: relative; padding-left: 22px; }
.zaman::before { content: ""; position: absolute; left: 5px; top: 8px; bottom: 10px;
                 width: 2px; background: var(--line); border-radius: 2px; }
.zaman-oge { position: relative; padding: 0 0 18px 4px; }
.zaman-oge:last-child { padding-bottom: 0; }
.zaman-oge::before {
    content: ""; position: absolute; left: -21px; top: 5px;
    width: 12px; height: 12px; border-radius: 50%;
    background: var(--surface); border: 2.5px solid var(--b500);
}
.zaman-bas { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; font-size: .85rem; }
.zaman-tarih { color: var(--ink-3); font-size: .78rem; }
.zaman-not {
    margin-top: 7px; font-size: .87rem; background: var(--surface-2);
    border: 1px solid var(--line-2); border-radius: var(--r-s);
    padding: 10px 13px; white-space: pre-wrap; line-height: 1.55;
}

/* --------------------------------------------------------------- panel -- */
.ikili { display: grid; gap: 14px; grid-template-columns: 1fr; }

.tempo { display: flex; align-items: flex-end; gap: 5px; height: 92px; margin-top: 14px; }
.tempo > div { flex: 1; background: var(--line-2); border-radius: 5px 5px 0 0;
               position: relative; min-height: 4px; }
.tempo > div i { position: absolute; inset: auto 0 0 0; display: block;
                 background: linear-gradient(180deg, var(--b400), var(--b600));
                 border-radius: 5px 5px 0 0; }
.tempo-yazi { display: flex; gap: 5px; margin-top: 7px; }
.tempo-yazi span { flex: 1; text-align: center; font-size: .64rem;
                   color: var(--ink-3); font-weight: 600; }

.uyari-kart {
    background: var(--uyari-bg); border: 1px solid var(--uyari-cz);
    border-left: 3px solid #D9A521; border-radius: var(--r-m);
    padding: 17px 19px; margin-bottom: 16px;
}
.uyari-kart h2 { color: #7A5700; font-size: 1rem; }
.uyari-kart p { color: #7A5700; font-size: .87rem; margin: 8px 0 13px; line-height: 1.6; }

/* ==================================================== geniş ekranlar ==== */
@media (min-width: 620px) {
    .sayaclar { grid-template-columns: repeat(3, 1fr); }
    .izgara { grid-template-columns: repeat(2, 1fr); }
    .filtre-satir { grid-template-columns: repeat(3, 1fr); }
    .firma { padding: 17px 18px; }
}

@media (min-width: 1024px) {
    body { font-size: 16px; }   /* masaustunde de ayni buyuklukte kalsin */

    .kabuk { display: grid; grid-template-columns: var(--yan-g) 1fr; }

    .yan {
        display: flex; flex-direction: column;
        position: sticky; top: 0; height: 100dvh; overflow-y: auto;
        background: linear-gradient(178deg, var(--b900) 0%, #06231400 100%), var(--b900);
        border-right: 1px solid rgba(255, 255, 255, .06);
    }
    .ust, .alt-menu { display: none; }

    .icerik { padding: 30px 34px 48px; }
    .sayaclar { grid-template-columns: repeat(6, 1fr); gap: 13px; }
    .izgara { grid-template-columns: repeat(3, 1fr); }
    .filtre-satir { grid-template-columns: 2.2fr repeat(3, 1fr); }
    .filtre-satir.ikinci { grid-template-columns: repeat(4, 1fr); }
    .ikili { grid-template-columns: 1fr 1fr; }
    .detay { grid-template-columns: minmax(0, 1.6fr) minmax(320px, 1fr); }
    .detay-sag { position: sticky; top: 28px; }

    /* geniş ekranda firma satırı yatay düzene geçsin */
    .firma { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; }
    .firma-sol { min-width: 0; }
    .firma-sag { display: flex; flex-direction: column; align-items: flex-end; gap: 9px; }
    .firma-adres, .firma-kisi, .rozetler { margin-bottom: 7px; }
    .firma-adres:last-child { margin-bottom: 0; }
    .iletisim { margin-bottom: 0; justify-content: flex-end; }
    .firma-islem { border-top: none; padding-top: 0; justify-content: flex-end; }
}

@media (min-width: 1400px) {
    .izgara { grid-template-columns: repeat(4, 1fr); }
}

/* ------------------------------------------------------------ yazdırma -- */
@media print {
    .yan, .ust, .alt-menu, .filtre, .sayfalama, .firma-islem, .yildiz { display: none !important; }
    body { background: #fff; }
    .kabuk { display: block; }
    .kart, .firma, .sayac { box-shadow: none; break-inside: avoid; }
}

/* ==========================================================================
   Hızlı arama penceresi (Ctrl+K / "/"), telefon ekleme, katlanır filtreler
   ========================================================================== */

/* -------------------------------------------- yan menüdeki arama düğmesi */
.hizli-ac {
    display: flex; align-items: center; gap: 10px; width: calc(100% - 24px);
    margin: 0 12px 4px; padding: 9px 12px;
    background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .1);
    border-radius: var(--r-s); color: #A9C9B7; cursor: pointer;
    font: inherit; font-size: .88rem; text-align: left;
}
.hizli-ac:hover { background: rgba(255, 255, 255, .13); color: #fff; }
.hizli-ac svg { width: 17px; height: 17px; flex: none; fill: none;
                stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.hizli-ac span { flex: 1; }
.hizli-ac kbd {
    font: inherit; font-size: .68rem; font-weight: 700; letter-spacing: .04em;
    background: rgba(255, 255, 255, .12); border-radius: 5px; padding: 2px 6px; color: #C6DDCF;
}

.ust-ara {
    margin-left: auto; width: 36px; height: 36px; flex: none;
    background: rgba(255, 255, 255, .1); border: none; border-radius: 10px;
    color: #C6DDCF; cursor: pointer; display: grid; place-items: center;
}
.ust-ara svg { width: 19px; height: 19px; fill: none; stroke: currentColor;
               stroke-width: 2; stroke-linecap: round; }
.ust .bas-harf { margin-left: 8px; }

/* ------------------------------------------------------------- pencere */
.hizli { position: fixed; inset: 0; z-index: 200; display: flex;
         align-items: flex-start; justify-content: center; padding: 6vh 16px 16px; }
.hizli-perde { position: absolute; inset: 0; background: rgba(7, 26, 16, .55);
               backdrop-filter: blur(3px); }
.hizli-kutu {
    position: relative; width: 100%; max-width: 640px;
    background: var(--surface); border-radius: var(--r-l);
    box-shadow: var(--sh3); overflow: hidden; display: flex; flex-direction: column;
    max-height: 76vh;
}

.hizli-giris { display: flex; align-items: center; gap: 12px;
               padding: 15px 18px; border-bottom: 1px solid var(--line); }
.hizli-giris svg { width: 21px; height: 21px; flex: none; fill: none;
                   stroke: var(--ink-3); stroke-width: 2; stroke-linecap: round; }
.hizli-giris input {
    flex: 1; border: none; padding: 0; font-size: 1.08rem; background: none;
    border-radius: 0;
}
.hizli-giris input:focus { box-shadow: none; }
.hizli-kapat {
    border: 1px solid var(--line); background: var(--surface-2); color: var(--ink-3);
    border-radius: 6px; padding: 3px 8px; font: inherit; font-size: .7rem;
    font-weight: 700; text-transform: uppercase; cursor: pointer; flex: none;
}
.hizli-kapat:hover { background: var(--line-2); color: var(--ink); }

.hizli-sonuc { overflow-y: auto; flex: 1; padding: 6px; }
.hizli-ipucu { margin: 0; padding: 26px 16px; text-align: center;
               color: var(--ink-3); font-size: .87rem; }

.hizli-satir {
    display: flex; align-items: center; gap: 12px;
    padding: 10px 12px; border-radius: var(--r-s); color: inherit;
}
.hizli-satir:hover { text-decoration: none; }
.hizli-satir.secili { background: var(--b50); box-shadow: inset 0 0 0 1px var(--b100); }
.hizli-no {
    width: 34px; height: 34px; flex: none; border-radius: 9px;
    background: var(--b50); border: 1px solid var(--b100); color: var(--b700);
    display: grid; place-items: center; font-weight: 700; font-size: .82rem;
    font-variant-numeric: tabular-nums;
}
.hizli-satir.secili .hizli-no { background: #fff; }
.hizli-orta { flex: 1; min-width: 0; }
.hizli-orta b { display: block; font-size: .9rem; font-weight: 650; line-height: 1.3;
                overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hizli-orta small { display: block; font-size: .77rem; color: var(--ink-3);
                    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hizli-sag { flex: none; }

.hizli-dip {
    display: flex; align-items: center; gap: 16px;
    padding: 10px 16px; border-top: 1px solid var(--line);
    background: var(--surface-2); font-size: .75rem; color: var(--ink-3);
}
.hizli-dip kbd {
    font: inherit; font-size: .68rem; font-weight: 700;
    background: var(--surface); border: 1px solid var(--line);
    border-radius: 5px; padding: 1px 5px; margin-right: 3px; color: var(--ink-2);
}
.hizli-dip a { margin-left: auto; font-weight: 650; }

/* -------------------------------------------------- telefon ekle/düzelt */
.tel-ekle {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 7px 13px; border-radius: 9px; cursor: pointer;
    background: var(--surface); border: 1px dashed var(--line);
    color: var(--ink-2); font: inherit; font-size: .84rem; font-weight: 650;
}
.tel-ekle:hover { border-color: var(--b400); border-style: solid;
                  color: var(--b700); background: var(--b50); }

.tel-kalem {
    width: 30px; height: 30px; flex: none; cursor: pointer;
    background: var(--surface); border: 1px solid var(--line); border-radius: 8px;
    color: var(--ink-3); font-size: .82rem; line-height: 1;
}
.tel-kalem:hover { border-color: var(--b400); color: var(--b700); background: var(--b50); }

.tel-form { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.tel-form input {
    width: 168px; padding: 8px 11px; font-size: .92rem;
    font-variant-numeric: tabular-nums; letter-spacing: .02em;
}
.tel-uyari { flex-basis: 100%; font-style: normal; font-size: .78rem;
             color: var(--dogan); font-weight: 600; }

select.kaydedildi { border-color: var(--b400); box-shadow: 0 0 0 3px rgba(35, 135, 79, .16); }

/* ------------------------------------------------------ filtre sadeleşme */
.ara-temizle {
    position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
    width: 26px; height: 26px; border-radius: 7px; display: grid; place-items: center;
    color: var(--ink-3); font-size: .82rem; background: var(--surface-2);
    border: 1px solid var(--line);
}
.ara-temizle:hover { color: var(--ink); background: var(--line-2); text-decoration: none; }
.ara-kutu input { padding-right: 46px; }

.cip-dugme { font: inherit; }
.cip-temizle { color: var(--dogan); border-color: #F0C8C3; }
.cip-temizle:hover { background: #FBE9E7; color: #93291F; border-color: #E8B6B0; }

.filtre-detay { padding: 4px 16px 16px; border-top: 1px solid var(--line-2); margin-top: 14px; }

@media (min-width: 1024px) {
    .hizli { padding-top: 10vh; }
    .hizli-kutu { max-width: 680px; }
}

/* ==========================================================================
   Geri tuşu · tıklanabilir sayaçlar · oy dağılımı · askıda kartlar
   ========================================================================== */

/* -------------------------------------------------------- geri düğmesi */
.geri {
    display: inline-flex; align-items: center; gap: 7px;
    padding: 8px 15px 8px 11px; margin-bottom: 10px;
    background: var(--surface); border: 1px solid var(--line);
    border-radius: 99px; box-shadow: var(--sh1);
    color: var(--ink-2); font-size: .89rem; font-weight: 650;
    transition: all .12s;
}
.geri:hover {
    text-decoration: none; background: var(--b50);
    border-color: var(--b400); color: var(--b700);
    transform: translateX(-2px);
}
.geri:active { transform: translateX(-2px) scale(.97); }
.geri svg { width: 17px; height: 17px; flex: none; fill: none;
            stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }

/* -------------------------------------------------- tıklanabilir sayaç */
a.sayac { color: var(--ink); transition: transform .13s, box-shadow .13s, border-color .13s; }
a.sayac:hover {
    text-decoration: none; transform: translateY(-3px);
    box-shadow: var(--sh2); border-color: var(--b100);
}
a.sayac em { color: var(--b600); font-weight: 650; }
a.sayac.gri em { color: var(--ink-2); }

/* Koyu yeşil kartın içindeki her şey beyaz kalmalı. Bu blok, yukarıdaki
   a.sayac kuralından daha yüksek özgüllükte olduğu için rengi geri alır. */
.sayac.sayac-vurgu,
a.sayac.sayac-vurgu,
.sayac.sayac-vurgu b,
a.sayac.sayac-vurgu b { color: #FFFFFF; }
.sayac.sayac-vurgu span, a.sayac.sayac-vurgu span { color: #A6CDB6; }
.sayac.sayac-vurgu em,   a.sayac.sayac-vurgu em   { color: #C3DDCF; }
a.sayac.sayac-vurgu:hover { border-color: transparent; box-shadow: var(--sh3); }

/* ------------------------------------------------------- oy dağılımı --- */
.dagilim { margin-bottom: 16px; }
.serit.buyuk { height: 18px; border-radius: 10px; }
.serit.buyuk i { transition: width .3s ease; }

.dagilim-satirlar { margin-top: 18px; display: grid; }

/* Telefonda iki satır: üstte ad + sayı + yüzde, altta tam genişlikte çubuk.
   Tek satıra sıkıştırınca sayılar çubuğun üstüne biniyordu. */
.dsatir {
    display: grid;
    grid-template-columns: 12px minmax(0, 1fr) auto auto;
    grid-template-areas:
        "nokta ad    sayi  yuzde"
        ".     cubuk cubuk cubuk";
    align-items: center; gap: 8px 10px;
    padding: 12px 8px; border-radius: var(--r-s);
    color: inherit; border-bottom: 1px solid var(--line-2);
}
.dsatir > .nokta  { grid-area: nokta; }
.dsatir > .dad    { grid-area: ad; }
.dsatir > .dcubuk { grid-area: cubuk; }
.dsatir > .dsayi  { grid-area: sayi; }
.dsatir > .dyuzde { grid-area: yuzde; }
.dsatir.sonuncu { border-bottom: none; }
.dsatir:hover { text-decoration: none; background: var(--surface-2); }

.dad { font-size: .95rem; font-weight: 650; white-space: nowrap;
        overflow: hidden; text-overflow: ellipsis; }
.dcubuk { height: 9px; background: var(--line-2); border-radius: 99px; overflow: hidden; min-width: 40px; }
.dcubuk i { display: block; height: 100%; border-radius: 99px; transition: width .3s ease; }
.dcubuk i.a { background: var(--ali); }
.dcubuk i.b { background: var(--abdullah); }
.dcubuk i.d { background: var(--dogan); }
.dcubuk i.k { background: var(--kararsiz); }
.dcubuk i.bos { background: #C9D3CD; }
.nokta.bos { background: #C9D3CD; }

.dsayi {
    font-size: 1.22rem; font-weight: 700; letter-spacing: -.03em;
    text-align: right; white-space: nowrap;
    font-family: "Segoe UI Variable Display", "Segoe UI", sans-serif;
}
.dyuzde {
    font-size: .85rem; font-weight: 650; color: var(--ink-3);
    min-width: 42px; text-align: right; white-space: nowrap;
}

.dagilim-not {
    margin: 14px 0 0; padding: 11px 14px;
    background: var(--b50); border: 1px solid var(--b100);
    border-radius: var(--r-s); font-size: .88rem; color: var(--b800);
}

/* ------------------------------------------------------ askıda kartlar */
.firma.askida {
    background: #FCFBF8;
    box-shadow: inset 3px 0 0 var(--abdullah), var(--sh1);
}
.firma.askida .firma-ad { color: var(--ink-2); }
.firma.askida .tel { background: var(--surface-2); border-color: var(--line); color: var(--ink-2); }
.firma.askida.oncelikli { box-shadow: inset 3px 0 0 var(--abdullah), var(--sh1); }

/* -------------------------------------------------- görüşme sonuç seçimi */
.sonuc-secim { display: grid; gap: 8px; }
.ss { position: relative; display: block; margin: 0; cursor: pointer; }
.ss input { position: absolute; opacity: 0; width: 0; height: 0; }
.ss span {
    display: block; padding: 11px 14px 11px 40px;
    border: 1.5px solid var(--line); border-radius: var(--r-s);
    background: var(--surface); transition: all .12s;
}
.ss span::before {
    content: ""; position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
    width: 17px; height: 17px; border-radius: 50%;
    border: 2px solid var(--line); background: var(--surface); transition: all .12s;
}
.ss b { display: block; font-size: .92rem; font-weight: 650; line-height: 1.3; }
.ss small { display: block; font-size: .78rem; color: var(--ink-3); margin-top: 1px; }
.ss:hover span { border-color: var(--ink-3); }

.ss input:checked + span { border-width: 1.5px; }
.ss input:checked + span::before { border-width: 5px; }
.ss input:focus-visible + span { box-shadow: 0 0 0 3px rgba(35, 135, 79, .2); }

.ss-olumlu input:checked + span      { border-color: var(--ali); background: #E9F4EE; }
.ss-olumlu input:checked + span::before      { border-color: var(--ali); }
.ss-olumlu input:checked + span b    { color: #10532F; }

.ss-kararsiz input:checked + span    { border-color: var(--kararsiz); background: #EFF2F5; }
.ss-kararsiz input:checked + span::before    { border-color: var(--kararsiz); }
.ss-kararsiz input:checked + span b  { color: #46545F; }

.ss-olumsuz input:checked + span     { border-color: var(--dogan); background: #FCEDEB; }
.ss-olumsuz input:checked + span::before     { border-color: var(--dogan); }
.ss-olumsuz input:checked + span b   { color: #93291F; }

.ss-ulasilamadi input:checked + span { border-color: var(--ink-3); background: var(--surface-2); }
.ss-ulasilamadi input:checked + span::before { border-color: var(--ink-3); }

.form-ipucu {
    margin: -4px 0 14px; padding: 9px 12px;
    background: var(--surface-2); border: 1px solid var(--line-2);
    border-radius: var(--r-s); font-size: .81rem; color: var(--ink-2); line-height: 1.5;
}
.form-ipucu:empty { display: none; }

/* Geniş ekranda tek satıra döner. */
@media (min-width: 620px) {
    .dsatir {
        grid-template-columns: 12px 150px minmax(0, 1fr) auto auto;
        grid-template-areas: "nokta ad cubuk sayi yuzde";
        gap: 16px; padding: 12px;
    }
    .dsayi { font-size: 1.45rem; min-width: 62px; }
    .dyuzde { min-width: 48px; }
}

/* Dağılım tazelenince kısa bir vurgu. */
.dagilim.tazelendi { box-shadow: 0 0 0 2px var(--b400), var(--sh1); }
.dagilim { transition: box-shadow .25s; }

.askida-not {
    margin: 13px 0 0; padding: 12px 15px;
    background: var(--uyari-bg); border: 1px solid var(--uyari-cz);
    border-left: 3px solid #D9A521; border-radius: var(--r-s);
    font-size: .85rem; color: #7A5700; line-height: 1.55;
}


/* ==========================================================================
   Arama satiri - buyuk kutu + acik ARA dugmesi
   Yazdikca otomatik arama kaldirildi; yavas yazanda sayfa altindan kayiyordu.
   ========================================================================== */

.ara-satir { display: flex; gap: 10px; align-items: stretch; }
.ara-satir .ara-kutu { flex: 1; min-width: 0; }

.ara-kutu input {
    height: 56px;
    font-size: 1.08rem;
    padding-left: 46px;
    padding-right: 46px;
}
.ara-kutu svg { left: 15px; width: 20px; height: 20px; }

.ara-dugme {
    flex: none;
    padding: 0 26px;
    font-size: 1.02rem;
    font-weight: 700;
    letter-spacing: .04em;
    gap: 9px;
}
.ara-dugme svg {
    width: 19px; height: 19px; flex: none;
    fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round;
}

.ara-not {
    margin: 9px 0 0;
    font-size: .84rem;
    color: var(--ink-3);
}
.ara-not b { color: var(--ink-2); }

/* telefonda dugme alta gecsin, tam genislik olsun */
@media (max-width: 619px) {
    .ara-satir { flex-direction: column; }
    .ara-dugme { width: 100%; height: 52px; }
    .ara-kutu input { height: 52px; }
}

/* listede firma adi ve telefon biraz daha okunakli */
.firma-ad { font-size: 1.02rem; }
.tel { font-size: .92rem; padding: 8px 14px; }
.mini-secim { font-size: .88rem; padding: 9px 32px 9px 12px; }