/* ================= Duyurular, kontaklar, duyuru maili ================= */
:root { --lv-info: #1565C0; --lv-important: #E0A800; --lv-urgent: #C62828; }

/* sayfanın üstündeki duyuru bandı */
.annbar { display: flex; align-items: center; gap: 12px; background: #fff; border: 1px solid var(--line); border-left: 5px solid var(--lv-info); border-radius: 10px; padding: 10px 10px 10px 14px; margin-bottom: 18px; box-shadow: var(--shadow); }
.annbar.lv-important { border-left-color: var(--lv-important); background: #FFFBEA; }
.annbar.lv-urgent { border-left-color: var(--lv-urgent); background: #FFF4F4; }
.annbar-ic { width: 34px; height: 34px; border-radius: 9px; display: grid; place-items: center; flex: none; background: #E8EEF9; color: var(--lv-info); }
.annbar.lv-important .annbar-ic { background: var(--yellow); color: var(--dark); }
.annbar.lv-urgent .annbar-ic { background: var(--lv-urgent); color: #fff; }
.annbar-t { flex: 1; min-width: 0; text-decoration: none; display: flex; flex-direction: column; }
.annbar-t b { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.annbar-t span { color: var(--muted); font-size: 12.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.annbar-more { font-size: 12px; font-weight: 700; color: var(--muted); text-decoration: none; white-space: nowrap; }
.annbar-more:hover { color: var(--ink); }
.annbar-x { border: 0; background: none; color: var(--muted); padding: 6px; border-radius: 8px; cursor: pointer; display: grid; place-items: center; }
.annbar-x:hover { background: rgba(0,0,0,.06); color: var(--ink); }

/* Süper Admin alt menüsü: Duyurular / Kontaklar / Gönderim geçmişi */
.annnav { display: flex; gap: 4px; margin: -4px 0 16px; border-bottom: 1px solid var(--line); overflow-x: auto; scrollbar-width: none; }
.annnav::-webkit-scrollbar { display: none; }
.annnav a { display: inline-flex; align-items: center; gap: 7px; padding: 9px 12px 11px; text-decoration: none; font-weight: 600; color: var(--muted); border-bottom: 3px solid transparent; white-space: nowrap; margin-bottom: -1px; }
.annnav a:hover { color: var(--ink); }
.annnav a.on { color: var(--ink); border-color: var(--yellow); }

/* kısa menüde (personel, analist) yazılar her zaman görünür */
@media (min-width: 1181px) { .nav:not(:has(> a:nth-child(6))) a span { display: inline; } }

/* filtre çubuğu */
.annbar2 { max-width: 920px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 14px; }
.annbar2 .right { gap: 8px; }
.annbar2 select { width: auto; min-width: 170px; padding: 7px 9px; }
.chipsel { display: flex; gap: 6px; flex-wrap: wrap; }
.chipsel button { border: 1px solid #D6D4CB; background: #fff; border-radius: 99px; padding: 6px 13px; font-weight: 600; font-size: 13px; cursor: pointer; display: inline-flex; gap: 6px; align-items: center; }
.chipsel button:hover { border-color: #b9b6aa; }
.chipsel button.on { background: var(--dark); color: #fff; border-color: var(--dark); }
.chipsel .n { font-size: 11px; color: var(--muted); font-weight: 700; }
.chipsel .n:empty { display: none; }
.chipsel button.on .n { color: var(--yellow); }

/* duyuru kartı */
.annlist { display: flex; flex-direction: column; gap: 14px; max-width: 920px; }
.ann { position: relative; padding: 20px 22px 18px 26px; overflow: hidden; scroll-margin-top: 80px; transition: box-shadow .2s; }
.ann::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: var(--line); }
.ann.lv-info::before { background: #C9D8EE; }
.ann.lv-important::before { background: var(--lv-important); }
.ann.lv-urgent::before { background: var(--lv-urgent); }
.ann.unread { border-color: #E5D9A6; }
.ann.unread.lv-info::before { background: var(--lv-info); }
.ann.focus { box-shadow: 0 0 0 3px rgba(255,206,6,.7), var(--shadow); }
.ann-tags { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 6px; }
.ann-tags:empty { display: none; }
.annlv, .annpin, .annst, .annnew { display: inline-flex; align-items: center; gap: 4px; border-radius: 99px; padding: 2px 9px; font-size: 11px; font-weight: 700; letter-spacing: .2px; text-transform: uppercase; }
.annlv.lv-important { background: var(--yellow); color: var(--dark); }
.annlv.lv-urgent { background: var(--lv-urgent); color: #fff; }
.annpin { background: var(--dark); color: var(--yellow); }
.annnew { background: #E3F2FD; color: #0D47A1; }
.annst { background: #EFEEE8; color: var(--muted); }
.annst.st-scheduled { background: #E0F2F1; color: #00695C; }
.annst.st-expired { background: #ECEFF1; color: #607D8B; }
.ann h2 { margin: 0 0 8px; font-size: 19px; letter-spacing: -.2px; line-height: 1.3; }
.ann-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 8px; color: var(--muted); font-size: 12.5px; }
.ann-meta .ic { vertical-align: -2px; }
.avatar.sm { width: 24px; height: 24px; font-size: 10px; }
.dotsep { width: 3px; height: 3px; border-radius: 50%; background: #C4C2B8; }
.ann-tg { display: inline-flex; flex-wrap: wrap; gap: 4px; margin-left: 4px; }
.anntgt { display: inline-flex; align-items: center; gap: 4px; background: var(--bg); border: 1px solid var(--line); border-radius: 6px; padding: 1px 7px; font-size: 11.5px; font-weight: 600; color: #4b4b46; }
.anntgt.all { background: var(--yellow-soft); border-color: #F0DF94; color: #6d5600; }
.ann-body { margin-top: 14px; font-size: 14.5px; line-height: 1.65; word-wrap: break-word; }
.ann-body p { margin: 0 0 10px; }
.ann-body ul { margin: 0 0 10px; padding-left: 22px; }
.ann-body li { margin: 2px 0; }
.ann-body > :last-child { margin-bottom: 0; }
.ann-body a { color: var(--blue); }
.ann-body.clamp { max-height: 9.9em; overflow: hidden; -webkit-mask-image: linear-gradient(#000 70%, transparent); mask-image: linear-gradient(#000 70%, transparent); }
.ann-more { margin-top: 6px; font-weight: 600; color: var(--ink); }
.annimgs { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.annimgs a { display: block; border: 1px solid var(--line); border-radius: 10px; overflow: hidden; background: #FBFAF6; }
.annimgs a:hover { border-color: var(--dark); }
.annimgs img { display: block; width: 280px; max-width: 100%; height: 170px; object-fit: cover; }
.annimgs a:only-child img { width: 560px; height: auto; max-height: 360px; object-fit: contain; }
.annfiles, .annexist { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.annexist { margin: 6px 0 10px; }
.annfile { display: inline-flex; align-items: center; gap: 9px; border: 1px solid var(--line); border-radius: 10px; padding: 7px 10px 7px 7px; background: #fff; text-decoration: none; max-width: 100%; min-width: 0; }
a.annfile:hover { border-color: var(--dark); }
.annfile .nm { font-weight: 600; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 240px; }
.annfile small { color: var(--muted); font-size: 11.5px; white-space: nowrap; }
.annfile > .ic { color: var(--muted); }
.annfile button { border: 0; background: none; color: var(--muted); cursor: pointer; padding: 2px; display: grid; border-radius: 6px; }
.annfile button:hover { color: var(--red); }
.annfile.confirm { border-color: var(--red); background: #FDF1F1; }
.annfile.confirm button { color: var(--red); }
.fk { flex: none; width: 34px; height: 34px; border-radius: 7px; display: grid; place-items: center; font-size: 10px; font-weight: 800; color: #fff; letter-spacing: .3px; }
.fk-xls { background: #1D7044; } .fk-doc { background: #2B579A; } .fk-ppt { background: #C43E1C; } .fk-pdf { background: #D93025; } .fk-img { background: #6B6B66; }
.ann-foot { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; margin: 16px -22px -18px -26px; padding: 12px 22px 12px 26px; border-top: 1px solid var(--line); background: #FBFAF7; }
.annstat { display: inline-flex; align-items: center; gap: 7px; border: 0; background: none; padding: 4px 0; cursor: pointer; color: var(--muted); font-size: 12.5px; }
.annstat:hover { color: var(--ink); }
.annstat b { color: var(--ink); }
.annprog { display: inline-block; width: 70px; height: 6px; border-radius: 99px; background: #E9E7DF; overflow: hidden; }
.annprog > i { display: block; height: 100%; background: var(--green); border-radius: 99px; }
.ann-foot .right { gap: 6px; }

/* kimler okudu */
.rdstats { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 12px; }
.rdstats div { background: var(--bg); border-radius: 10px; padding: 10px 14px; }
.rdstats b { display: block; font-size: 24px; font-weight: 800; }
.rdstats span { color: var(--muted); font-size: 12px; font-weight: 600; }
.rdtabs { padding: 0; margin-bottom: 6px; }
.rdlist { max-height: 340px; overflow-y: auto; }
.rdrow { display: flex; align-items: center; gap: 10px; padding: 8px 2px; border-bottom: 1px solid var(--line); }
.rdrow > div { flex: 1; min-width: 0; }
.rdrow b { display: block; font-size: 13px; }
.rdrow small { color: var(--muted); font-size: 12px; }

/* düzenleyici */
.anned { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 18px; align-items: start; }
.anned-side { display: flex; flex-direction: column; gap: 14px; position: sticky; top: 80px; }
.anned-side .card h3 { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.anned-side .hint { display: block; margin-top: 10px; font-size: 12px; line-height: 1.45; }
.flabel { display: block; font-weight: 600; margin-bottom: 6px; font-size: 13px; }
.flabel em { color: var(--red); font-style: normal; }
.flabel small { font-weight: 400; margin-left: 4px; }
.f > .flabel { margin-bottom: 6px; }
div.f { margin-bottom: 16px; }
.edtool { display: flex; justify-content: space-between; align-items: center; border: 1px solid #D6D4CB; border-bottom: 0; border-radius: 8px 8px 0 0; background: #FBFAF7; padding: 4px; }
.edtool + textarea, .edtool ~ .edprev { border-radius: 0 0 8px 8px; }
.edtabs, .edbtns { display: flex; gap: 2px; }
.edtool button { border: 0; background: none; border-radius: 6px; padding: 6px 10px; cursor: pointer; font-weight: 600; font-size: 12.5px; color: var(--muted); display: inline-flex; align-items: center; gap: 5px; }
.edtool button:hover { background: #EFEEE8; color: var(--ink); }
.edtabs button.on { background: #fff; color: var(--ink); box-shadow: 0 1px 2px rgba(0,0,0,.08); }
.edprev { border: 1px solid #D6D4CB; padding: 12px 14px; min-height: 228px; margin-top: 0; background: #fff; }
.seg.block2 { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.seg.block2 label { text-align: center; padding: 8px 6px; border-radius: 8px; font-weight: 600; font-size: 13px; }
.deptlist { display: flex; flex-direction: column; max-height: 260px; overflow-y: auto; border: 1px solid var(--line); border-radius: 8px; }
.deptlist label { padding: 8px 10px; border-bottom: 1px solid var(--line); margin: 0; }
.deptlist label:last-child { border-bottom: 0; }
.deptlist label:has(input:checked) { background: var(--yellow-soft); }
.deptlist span { flex: 1; }
.deptlist small { color: var(--muted); font-size: 11.5px; font-weight: 600; background: var(--bg); border-radius: 99px; padding: 0 7px; }
.lvseg { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.lvseg label { text-align: center; border-radius: 8px; padding: 8px 4px; font-weight: 600; font-size: 13px; }
.lvseg label.lv-important:has(input:checked) { background: var(--yellow); color: var(--dark); border-color: var(--yellow); }
.lvseg label.lv-urgent:has(input:checked) { background: var(--lv-urgent); border-color: var(--lv-urgent); color: #fff; }
.annactions { display: flex; flex-direction: column; gap: 8px; }
.annactions .btn { white-space: normal; text-align: center; }
.setlink { display: flex; align-items: center; gap: 12px; border: 1px solid var(--line); background: var(--yellow-soft); border-radius: 10px; padding: 12px 14px; margin-bottom: 16px; }
.setlink > .ic { color: #8A6D00; flex: none; }
.setlink div { flex: 1; }
.setlink b { display: block; }
.setlink span { color: var(--muted); font-size: 12.5px; }

/* e-posta gönderme penceresi */
.modal.annm .box { max-width: 820px; display: flex; flex-direction: column; overflow: hidden; }
.modal.annm .box > form { display: flex; flex-direction: column; min-height: 0; flex: 1; }
.modal.annm .box .bd { overflow-y: auto; flex: 1; }
.cmp-sum { display: flex; align-items: center; justify-content: space-between; gap: 12px; background: var(--bg); border-radius: 10px; padding: 10px 14px; margin-bottom: 14px; border-left: 4px solid #C9D8EE; }
.cmp-sum.lv-important { border-left-color: var(--lv-important); }
.cmp-sum.lv-urgent { border-left-color: var(--lv-urgent); }
.cmp-sum b { display: block; }
.cmp-sum small { color: var(--muted); font-size: 12px; }
.cmp-warn { display: flex; gap: 8px; align-items: flex-start; background: #FFF3E0; color: #7A4300; border-radius: 8px; padding: 9px 12px; font-size: 13px; margin-bottom: 12px; }
.cmp-warn .ic { flex: none; margin-top: 2px; }
.cmp-rows { border: 1px solid #D6D4CB; border-radius: 10px; margin-bottom: 10px; }
.cmp-row { display: flex; align-items: flex-start; border-bottom: 1px solid var(--line); position: relative; }
.cmp-row:last-child { border-bottom: 0; }
.cmp-row:focus-within { background: #FFFDF2; }
.cmp-l { flex: none; width: 92px; padding: 12px 0 0 14px; font-weight: 600; font-size: 13px; color: var(--muted); }
.cmp-l small { font-size: 10.5px; font-weight: 700; color: #A3A29A; margin-left: 2px; }
.cmp-f { flex: 1; min-width: 0; position: relative; }
.rf { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; padding: 7px 10px 7px 0; min-height: 44px; cursor: text; }
.rf-chips { display: contents; }
.rf input { flex: 1 1 160px; min-width: 120px; border: 0 !important; box-shadow: none !important; padding: 5px 2px !important; background: transparent !important; outline: none; }
.chip { display: inline-flex; align-items: center; gap: 4px; background: #EFEEE8; border-radius: 99px; padding: 3px 4px 3px 10px; font-size: 12.5px; font-weight: 600; max-width: 100%; }
.chip.bad { background: #FDECEC; color: var(--red); }
.chip.grp { background: var(--dark); color: #fff; padding-left: 9px; }
.chip.grp em { font-style: normal; background: var(--yellow); color: var(--dark); border-radius: 99px; padding: 0 6px; font-size: 11px; font-weight: 800; }
.chip button { border: 0; background: none; color: inherit; opacity: .6; cursor: pointer; padding: 2px; display: grid; border-radius: 50%; }
.chip button:hover { opacity: 1; background: rgba(0,0,0,.08); }
.chip.grp button:hover { background: rgba(255,255,255,.18); }
.rf-sug { position: absolute; left: 0; right: 10px; top: 100%; z-index: 5; background: #fff; border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 12px 30px rgba(0,0,0,.14); padding: 5px; max-height: 300px; overflow-y: auto; }
.rf-sug button { display: flex; align-items: center; gap: 10px; width: 100%; text-align: left; border: 0; background: none; padding: 7px 8px; border-radius: 7px; cursor: pointer; }
.rf-sug button.on, .rf-sug button:hover { background: var(--yellow-soft); }
.rf-sug b { display: block; font-size: 13px; }
.rf-sug small { color: var(--muted); font-size: 12px; }
.rf-ic { width: 28px; height: 28px; border-radius: 50%; background: var(--yellow); color: var(--dark); display: grid; place-items: center; font-size: 10.5px; font-weight: 800; flex: none; }
.rf-ic.g { background: var(--dark); color: var(--yellow); border-radius: 8px; }
.rf-hint { padding: 8px 10px; color: var(--muted); font-size: 12.5px; }
.cmp-groups { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin-bottom: 16px; font-size: 12.5px; }
.seg.mini { gap: 0; border: 1px solid #D6D4CB; border-radius: 99px; overflow: hidden; }
.seg.mini label { border: 0; border-radius: 0; padding: 3px 10px; font-size: 12px; font-weight: 600; }
.cmp-gl { display: flex; flex-wrap: wrap; gap: 6px; flex-basis: 100%; }
.gchip { border: 1px dashed #C9C6B8; background: #fff; border-radius: 99px; padding: 4px 10px; font-size: 12.5px; font-weight: 600; cursor: pointer; display: inline-flex; gap: 6px; align-items: center; }
.gchip:hover { border-style: solid; border-color: var(--dark); background: var(--yellow-soft); }
.gchip em { font-style: normal; color: var(--muted); font-size: 11px; }
.cmp-files { display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 10px; }
.cmp-files label { padding: 7px 10px; border-bottom: 1px solid var(--line); margin: 0; gap: 10px; }
.cmp-files label:last-child { border-bottom: 0; }
.cmp-files .fk { width: 28px; height: 28px; font-size: 9px; }
.cmp-files .nm { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; font-size: 13px; }
.cmp-files small { color: var(--muted); }
.cmp-meter { display: flex; align-items: center; gap: 10px; margin-top: 8px; }
.cmp-meter > i { flex: 0 0 140px; height: 6px; background: #E9E7DF; border-radius: 99px; overflow: hidden; }
.cmp-meter > i > i { display: block; height: 100%; background: var(--green); border-radius: 99px; transition: width .2s; }
.cmp-meter > i.over > i { background: var(--red); }
.cmp-meter small { color: var(--muted); font-size: 12px; }
.cmp-total { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; background: var(--bg); border-radius: 8px; padding: 9px 12px; font-size: 13px; }
.cmp-total .badtxt { color: var(--red); font-weight: 600; }
.cmp-foot { flex-wrap: wrap; }
.cmp-foot .sp { flex: 1; }
.cmp-foot .btn.confirm { animation: pop .16s ease-out; }

/* mail önizlemesi */
.modal.annprev .box { max-width: 760px; }
.prevhead { display: grid; gap: 4px; font-size: 13px; margin-bottom: 12px; padding: 10px 12px; background: var(--bg); border-radius: 8px; }
.prevhead span { display: inline-block; width: 52px; color: var(--muted); font-weight: 600; }
.mailprev { border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }
.mailprev img { max-width: 100%; }

/* kontaklar */
.cgrid { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 16px; align-items: start; }
.cgroups { position: sticky; top: 80px; overflow: hidden; }
.cg-h { display: flex; justify-content: space-between; align-items: baseline; padding: 14px 16px 10px; border-bottom: 1px solid var(--line); }
.cg-h small { color: var(--muted); }
.cg-list { display: flex; flex-direction: column; padding: 6px; max-height: calc(100vh - 260px); overflow-y: auto; }
.cg-list button { display: flex; align-items: center; justify-content: space-between; gap: 8px; border: 0; background: none; border-radius: 8px; padding: 8px 10px; text-align: left; cursor: pointer; font-weight: 500; }
.cg-list button span { display: inline-flex; align-items: center; gap: 8px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cg-list button .ic { color: var(--muted); flex: none; }
.cg-list button em { font-style: normal; font-size: 11.5px; font-weight: 700; color: var(--muted); background: var(--bg); border-radius: 99px; padding: 0 7px; }
.cg-list button:hover { background: var(--bg); }
.cg-list button.empty span { color: #9a9990; }
.cg-list button.on { background: var(--dark); color: #fff; }
.cg-list button.on .ic { color: var(--yellow); }
.cg-list button.on em { background: var(--yellow); color: var(--dark); }
.cg-foot { padding: 8px 16px 12px; border-top: 1px solid var(--line); }
.cg-foot .linkbtn { display: inline-flex; align-items: center; gap: 5px; text-decoration: none; font-weight: 600; color: var(--ink); }
.cg-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 16px; border-bottom: 1px solid var(--line); }
.cg-title:empty { display: none; }
.cg-title b { font-size: 16px; display: block; }
.cg-title small { color: var(--muted); }
table.tc tr.off td { opacity: .55; }
table.tc .c-mail a { text-decoration: none; }
table.tc .c-mail a:hover { text-decoration: underline; }
.loglist { margin-bottom: 12px; }
.loglist b { display: block; margin-bottom: 6px; font-size: 13px; }
.loglist b small { color: var(--muted); font-weight: 600; }
.loglist > div { display: flex; flex-wrap: wrap; gap: 5px; max-height: 160px; overflow-y: auto; }
.loglist .chip { padding-right: 10px; }

/* ---------------------------------------------------------------- tablet ve telefon */
@media (max-width: 1000px) {
  .anned { grid-template-columns: 1fr; }
  .anned-side { position: static; display: grid; grid-template-columns: 1fr 1fr; }
  .anned-side .annactions { grid-column: 1 / -1; }
  .cgrid { grid-template-columns: 1fr; }
  .cgroups { position: static; }
  .cg-h, .cg-foot { display: none; }
  .cg-list { flex-direction: row; overflow-x: auto; max-height: none; gap: 6px; padding: 8px; scrollbar-width: none; }
  .cg-list::-webkit-scrollbar { display: none; }
  .cg-list button { flex: none; border: 1px solid var(--line); border-radius: 99px; padding: 6px 12px; }
}
@media (max-width: 760px) {
  .annbar { gap: 10px; padding: 9px 8px 9px 10px; }
  .annbar-ic { width: 30px; height: 30px; }
  .annbar-more, .annbar-open { display: none; }
  .annbar2 { gap: 8px; }
  .annbar2 .right { width: 100%; flex-wrap: nowrap; }
  .annbar2 .right select { flex: 1; min-width: 0; }
  .ann { padding: 16px 16px 14px 20px; }
  .ann h2 { font-size: 17px; }
  .ann-tg { margin-left: 0; flex-basis: 100%; }
  .ann-foot { margin: 14px -16px -14px -20px; padding: 10px 16px 12px 20px; }
  .ann-foot .right { width: 100%; margin-left: 0; }
  .ann-foot .right .btn:not(.ghost) { flex: 1; }
  .annimgs img { width: 100%; height: auto; max-height: 260px; }
  .annimgs a { flex: 1 1 100%; }
  .annfile { flex: 1 1 100%; }
  .annfile .nm { max-width: none; flex: 1; }
  .anned-side { grid-template-columns: 1fr; }
  .cmp-l { width: 64px; padding-left: 10px; }
  .cmp-l small { display: block; margin: 0; }
  .cmp-foot .sp { display: none; }
  .cmp-foot [data-prev], .cmp-foot [data-test] { flex: 1 1 45%; }
  .cmp-foot button[type=submit] { flex: 1 1 100%; order: 3; }
  .cmp-foot [data-x] { display: none; }
  .modal.annm .box { max-height: 100vh; max-height: 100dvh; height: 100dvh; border-radius: 0; }
  .cmp-meter > i { flex-basis: 90px; }
  /* kontak tablosu: kart görünümü */
  table.tc thead { display: none; }
  table.tc, table.tc tbody { display: block; }
  table.tc tr { display: grid; grid-template-columns: 1fr auto; grid-template-areas: "name st" "mail mail" "grp act"; gap: 6px 10px; padding: 12px 14px; border-bottom: 1px solid var(--line); }
  table.tc td { padding: 0; border: 0 !important; }
  table.tc td.hide-sm { display: none; }
  table.tc .c-name { grid-area: name; } table.tc .c-st { grid-area: st; justify-self: end; }
  table.tc .c-mail { grid-area: mail; font-size: 13px; padding-left: 34px; overflow-wrap: anywhere; }
  table.tc .c-grp { grid-area: grp; padding-left: 34px; align-self: center; }
  table.tc .c-act { grid-area: act; }
  table.tlog thead { display: none; }
  table.tlog, table.tlog tbody { display: block; }
  table.tlog tr { display: grid; grid-template-columns: 1fr auto; grid-template-areas: "title st" "rc date"; gap: 6px 10px; padding: 12px 14px; border-bottom: 1px solid var(--line); }
  table.tlog td { padding: 0; border: 0 !important; }
  table.tlog td.hide-sm { display: none; }
  table.tlog .c-title { grid-area: title; } table.tlog .c-st { grid-area: st; justify-self: end; }
  table.tlog .c-rc { grid-area: rc; } table.tlog .c-date { grid-area: date; justify-self: end; align-self: end; }
}
@media print { .annbar { display: none !important; } }