/* /uranus/partials/pen_mode.css
 * 共通 手書き入力モーダル
 */

.pm-modal{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.35);
  display:none;
  align-items:flex-start;
  justify-content:center;
  z-index:2000;
  padding:100px 0 16px;
  overflow-y:auto;
}

.pm-modal.open{
  display:flex;
}

.pm-card{
  width:95%;
  background:#fff;
  border:1px solid #ddd;
  box-shadow:0 20px 40px rgba(0,0,0,.18);
  color:#111;
  display:flex;
  flex-direction:column;
  padding:0;
}

.pm-topline{
  height:44px;
  display:flex;
  align-items:center;
  gap:16px;
  padding:0 18px 0 50px;
  font-size:14px;
  line-height:1.4;
  flex:0 0 auto;
}

.pm-mode-label{
  font-size:18px;
  line-height:1.2;
  font-weight:500;
  color:#111;
  white-space:nowrap;
}

.pm-meta-inline{
  font-size:14px;
  color:#444;
  line-height:1.4;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.pm-toolbar{
  height:44px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 18px 0 50px;
  flex:0 0 auto;
}

.pm-btn{
  padding:8px 12px;
  border:1px solid #bbb;
  background:#fff;
  color:#111;
  cursor:pointer;
  font-size:14px;
  line-height:1.2;
}

.pm-btn:hover{
  background:#f3f4f6;
}

.pm-text{
  width:95%;
  height:120px;
margin:50px auto 0;
  display:block;

  padding:12px 14px;
  border:1px solid #d1d5db;
  border-radius:0;
  background:#fff;
  color:#111;
  font-size:18px;
  line-height:1.6;
  font-family:inherit;
}

.pm-status{
  margin:10px 0 0 50px;
  font-size:14px;
  color:#666;
  min-height:1.4em;
  flex:0 0 auto;
}

.pm-target{
  cursor:pointer;
}

.pm-target:hover{
  background:#f9fafb;
}

@media print{
  .pm-modal{
    display:none !important;
  }
}