.verbModal{
  position:fixed;
  inset:0;
  z-index:1650;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
}
.verbModalOverlay{
  position:absolute;
  inset:0;
  background:rgba(16,24,40,.45);
}
.verbModalPanel{
  position:relative;
  z-index:1;
  width:min(780px,100%);
  max-height:88vh;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  background:#fff;
  border-radius:10px;
  padding:20px;
  box-shadow:0 18px 48px rgba(16,24,40,.24);
  line-height:1.55;
}
.verbModalPanel h3{
  margin:0 36px 14px 0;
}
.verbModalPanel h4{
  margin:16px 0 8px;
}
.svoNote{
  background:#f8fbff;
  border:1px solid #d9e5f6;
  border-left:5px solid #2f6fed;
  border-radius:8px;
  padding:10px 12px;
  margin:10px 0 14px;
}
.svoNote b,
.svoNote span,
.svoNote em,
.svoNote small{
  display:block;
}
.svoNote span{
  margin-top:4px;
}
.svoNote em{
  margin-top:6px;
  color:#1f2937;
}
.svoNote small{
  margin-top:6px;
  color:#4b5563;
}
.svoExample{
  display:block;
}
.svoParts{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:8px;
}
.svoPart{
  display:inline-flex;
  flex-direction:column;
  gap:2px;
  background:#fff;
  border:1px solid #d9e5f6;
  border-radius:6px;
  padding:5px 8px;
}
.svoPart b{
  color:#2f6fed;
  font-size:12px;
}
.svoPart small{
  color:#4b5563;
  font-size:12px;
}
.verbModalClose{
  position:absolute;
  right:12px;
  top:12px;
  border:0;
  background:#d9534f;
  color:#fff;
  border-radius:50%;
  width:28px;
  height:28px;
  cursor:pointer;
  font-size:20px;
  line-height:28px;
}
.verbTable{
  width:100%;
  border-collapse:collapse;
  background:#fbfdff;
  font-size:14px;
}
.verbTable th,
.verbTable td{
  border:1px solid #d9e5f6;
  padding:7px 9px;
  text-align:left;
}
.verbTable th{
  background:#eaf1ff;
}
.verbTable tr.activeVerbPerson td{
  background:#fff0b8;
  font-weight:700;
}
.verbTable tr.activeVerbPerson td:first-child{
  box-shadow:inset 4px 0 #d78b00;
}
.tenseMapWrap{
  overflow-x:auto;
  margin-top:8px;
}
.tenseMapTable{
  width:100%;
  min-width:720px;
  border-collapse:collapse;
  font-size:14px;
  line-height:1.35;
}
.tenseMapTable th,
.tenseMapTable td{
  border:1px solid #d7dfec;
  padding:8px;
  vertical-align:top;
  text-align:left;
}
.tenseMapTable thead th{
  background:#fff200;
  color:#111;
  font-weight:bold;
}
.tenseMapTable tbody th{
  width:145px;
  background:#f7f7f7;
  font-weight:normal;
}
.tenseMapTable tbody tr:nth-child(1) td{
  background:#fff2c7;
}
.tenseMapTable tbody tr:nth-child(2) td{
  background:#e5f5ee;
}
.tenseMapTable tbody tr:nth-child(3) td{
  background:#fffbc1;
}
.tenseMapTable tbody tr:nth-child(4) td{
  background:#f7f7f7;
}
.tenseMapCell b,
.tenseMapCell span,
.tenseMapCell em{
  display:block;
}
.tenseMapCell{
  cursor:pointer;
}
.tenseMapCell:hover,
.tenseMapCell:focus{
  outline:3px solid #2f6fed;
  outline-offset:-3px;
}
.tenseMapCell span{
  margin-top:5px;
}
.tenseMapCell em{
  margin-top:8px;
  color:#1f2937;
}
.tenseMapCell.activeTenseCell{
  outline:3px solid #2f6fed;
  outline-offset:-3px;
  box-shadow:inset 0 0 0 999px rgba(47,111,237,.08);
}
.tenseDetailModal{
  /* Fiil cekimi penceresinin (1650) uzerinde gorunmelidir. */
  z-index:1750;
}
.tenseDetailPanel{
  width:min(720px,100%);
}
.verbFormsLine{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.verbFormsLine span{
  background:#f0f5ff;
  border:1px solid #d9e5f6;
  border-radius:6px;
  padding:5px 9px;
}
.verbModalNote{
  margin:14px 0 0;
  color:#4b5563;
}

@media (max-width:768px){
  .verbModal{align-items:stretch;padding:8px}
  .verbModalPanel{width:100%;max-height:calc(100vh - 16px);padding:14px;border-radius:8px}
  .verbModalPanel h3{font-size:20px;line-height:1.25;margin-right:34px}
  .verbModalPanel h4{font-size:17px}
  .verbTable{display:block;width:100%;overflow-x:auto;white-space:nowrap}
  .verbTable th,.verbTable td{padding:6px 7px}
  .tenseMapWrap{margin-left:-2px;margin-right:-2px;padding-bottom:4px}
  .tenseMapTable{min-width:760px;font-size:13px}
  .svoParts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .svoPart{min-width:0}
  .verbFormsLine{display:grid;grid-template-columns:1fr}
}
@media (max-width:420px){
  .svoParts{grid-template-columns:1fr}
  .verbModalPanel{padding:12px}
  .tenseMapTable{min-width:720px}
}