/* v188 — Admin/Power User editor for the shared Power Down checklist. */
.power-check-sheet,
.power-check-editor-sheet{
  box-sizing:border-box;
  width:min(100%,560px);
}
.power-check-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.power-check-title-copy{
  min-width:0;
  flex:1 1 auto;
}
.power-check-title-copy h3{
  margin:0 0 7px!important;
}
.power-check-edit-btn{
  flex:0 0 auto;
  min-width:74px;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin:0;
  padding:8px 10px;
  border:1px solid #D6B643;
  border-radius:12px;
  background:#FFF7D6;
  color:#6F5300;
  font:850 10px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.05em;
  cursor:pointer;
}
.power-check-edit-btn svg{
  width:16px;
  height:16px;
}
.power-check-edit-btn:active{
  transform:scale(.98);
}
.power-check-editor-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.power-check-editor-head span{
  display:block;
  margin-bottom:5px;
  color:#987317;
  font-size:9px;
  line-height:1;
  font-weight:900;
  letter-spacing:.07em;
}
.power-check-editor-head h3{
  margin:0!important;
}
.power-check-language-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin:0 0 14px;
  padding:4px;
  border:1px solid #D9E1E9;
  border-radius:13px;
  background:#EEF3F7;
}
.power-check-language-tabs button{
  min-height:38px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#607389;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  cursor:pointer;
}
.power-check-language-tabs button.on{
  background:#FFFFFF;
  color:#0B315D;
  box-shadow:0 3px 10px rgba(18,37,63,.10),inset 0 -2px 0 #E7BF29;
}
.power-check-editor-field{
  display:grid;
  gap:6px;
  margin:0 0 12px;
}
.power-check-editor-field > span,
.power-check-editor-steps-head > b{
  color:#5E7084;
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.power-check-editor-field input,
.power-check-editor-field textarea,
.power-check-editor-step textarea{
  box-sizing:border-box;
  width:100%;
  border:1px solid #CBD7E2;
  border-radius:12px;
  background:#FFFFFF;
  color:#102F50;
  font:650 14px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  outline:none;
  resize:vertical;
}
.power-check-editor-field input{
  min-height:44px;
  padding:10px 12px;
}
.power-check-editor-field textarea{
  min-height:68px;
  padding:10px 12px;
}
.power-check-editor-field input:focus,
.power-check-editor-field textarea:focus,
.power-check-editor-step textarea:focus{
  border-color:#1F6FA8;
  box-shadow:0 0 0 3px rgba(31,111,168,.14);
}
.power-check-editor-steps-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:3px 0 8px;
}
.power-check-editor-steps-head button{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:8px 10px;
  border:1px solid #D6B643;
  border-radius:11px;
  background:#FFF7D6;
  color:#6F5300;
  font-size:9px;
  line-height:1;
  font-weight:900;
  letter-spacing:.04em;
  cursor:pointer;
}
.power-check-editor-steps-head button svg{
  width:15px;
  height:15px;
}
.power-check-editor-steps,
.power-check-editor-steps li{
  list-style:none;
}
.power-check-editor-steps{
  display:grid;
  gap:9px;
  margin:0 0 14px;
  padding:0;
}
.power-check-editor-step{
  display:grid;
  grid-template-columns:30px minmax(0,1fr) 34px;
  gap:8px;
  align-items:start;
  padding:9px;
  border:1px solid #D8E1E9;
  border-radius:14px;
  background:#F8FAFC;
}
.power-check-editor-number{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  margin-top:1px;
  border-radius:50%;
  background:#FFD83D;
  color:#0B315D;
  font-size:12px;
  line-height:1;
  font-weight:900;
}
.power-check-editor-step textarea{
  min-height:72px;
  padding:9px 10px;
}
.power-check-editor-step-actions{
  display:grid;
  gap:5px;
}
.power-check-editor-step-actions button{
  width:34px;
  height:30px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid #CBD7E2;
  border-radius:9px;
  background:#FFFFFF;
  color:#173D69;
  cursor:pointer;
}
.power-check-editor-step-actions button.delete{
  color:#9A3240;
}
.power-check-editor-step-actions button svg{
  width:15px;
  height:15px;
}
.power-check-editor-step-actions button:disabled,
.power-check-editor-steps-head button:disabled{
  opacity:.35;
  cursor:not-allowed;
}
.power-check-editor-footer{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);
  gap:10px;
  margin-top:8px;
}
.power-check-editor-footer .btn{
  min-height:52px;
  margin:0!important;
  padding:12px 10px;
}
.power-check-editor-save{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid #E6B900!important;
  background:#FFD83D!important;
  color:#0B315D!important;
}
.power-check-editor-save svg{
  width:19px;
  height:19px;
  flex:0 0 auto;
}
[data-theme="dark"] .power-check-edit-btn,
[data-theme="dark"] .power-check-editor-steps-head button{
  border-color:#B99225;
  background:#4A3C13;
  color:#FFE36C;
}
[data-theme="dark"] .power-check-language-tabs{
  border-color:#315777;
  background:#0D2744;
}
[data-theme="dark"] .power-check-language-tabs button{
  color:#AFC0D0;
}
[data-theme="dark"] .power-check-language-tabs button.on{
  background:#173D69;
  color:#FFFFFF;
  box-shadow:inset 0 -2px 0 #E7BF29;
}
[data-theme="dark"] .power-check-editor-field > span,
[data-theme="dark"] .power-check-editor-steps-head > b{
  color:#AFC0D0;
}
[data-theme="dark"] .power-check-editor-field input,
[data-theme="dark"] .power-check-editor-field textarea,
[data-theme="dark"] .power-check-editor-step textarea{
  border-color:#315777;
  background:#0D2744;
  color:#EEF6FD;
}
[data-theme="dark"] .power-check-editor-step{
  border-color:#315777;
  background:#102F50;
}
[data-theme="dark"] .power-check-editor-step-actions button{
  border-color:#315777;
  background:#0D2744;
  color:#DDEAF4;
}
[data-theme="dark"] .power-check-editor-step-actions button.delete{
  color:#FFB4BE;
}
@media(max-width:390px){
  .power-check-title-row{
    gap:8px;
  }
  .power-check-edit-btn{
    min-width:70px;
    padding:8px 7px;
    gap:5px;
    font-size:9px;
  }
  .power-check-edit-btn svg{
    width:16px;
    height:16px;
  }
  .power-check-editor-step{
    grid-template-columns:28px minmax(0,1fr) 32px;
    gap:6px;
    padding:8px;
  }
  .power-check-editor-number{
    width:28px;
    height:28px;
  }
  .power-check-editor-step-actions button{
    width:32px;
  }
  .power-check-editor-footer{
    grid-template-columns:minmax(0,.78fr) minmax(0,1.35fr);
    gap:8px;
  }
  .power-check-editor-footer .btn{
    font-size:10px!important;
  }
}


/* =========================================================
   v207 — Compact Power Down checklist editor
   Keeps all editing features while fitting substantially more
   content on a phone screen.
   ========================================================= */
#modal .power-check-editor-sheet{
  width:min(100%,520px) !important;
  max-height:calc(100dvh - 16px) !important;
  padding:12px !important;
  border-radius:18px !important;
}

.power-check-editor-head{
  gap:8px !important;
  margin-bottom:7px !important;
}
.power-check-editor-head span{
  margin-bottom:3px !important;
  font-size:8px !important;
  letter-spacing:.06em !important;
}
.power-check-editor-head h3{
  font-size:17px !important;
  line-height:1.08 !important;
}

.power-check-language-tabs{
  gap:4px !important;
  margin:0 0 8px !important;
  padding:3px !important;
  border-radius:11px !important;
}
.power-check-language-tabs button{
  min-height:32px !important;
  border-radius:8px !important;
  font-size:10px !important;
}

.power-check-editor-field{
  gap:4px !important;
  margin:0 0 8px !important;
}
.power-check-editor-field > span,
.power-check-editor-steps-head > b{
  font-size:9px !important;
}
.power-check-editor-field input,
.power-check-editor-field textarea,
.power-check-editor-step textarea{
  border-radius:10px !important;
  font-size:13px !important;
  line-height:1.28 !important;
}
.power-check-editor-field input{
  min-height:38px !important;
  padding:7px 10px !important;
}
.power-check-editor-field textarea{
  min-height:50px !important;
  padding:8px 10px !important;
}

.power-check-editor-steps-head{
  gap:7px !important;
  margin:1px 0 6px !important;
}
.power-check-editor-steps-head button{
  min-height:32px !important;
  gap:4px !important;
  padding:6px 9px !important;
  border-radius:9px !important;
  font-size:8.5px !important;
}
.power-check-editor-steps-head button svg{
  width:13px !important;
  height:13px !important;
}

.power-check-editor-steps{
  gap:6px !important;
  margin:0 0 9px !important;
}
.power-check-editor-step{
  grid-template-columns:25px minmax(0,1fr) 27px !important;
  gap:5px !important;
  padding:6px !important;
  border-radius:11px !important;
}
.power-check-editor-number{
  width:25px !important;
  height:25px !important;
  margin-top:0 !important;
  font-size:11px !important;
}
.power-check-editor-step textarea{
  min-height:56px !important;
  padding:7px 8px !important;
}
.power-check-editor-step-actions{
  gap:3px !important;
}
.power-check-editor-step-actions button{
  width:27px !important;
  height:25px !important;
  min-width:27px !important;
  min-height:25px !important;
  border-radius:7px !important;
}
.power-check-editor-step-actions button svg{
  width:12px !important;
  height:12px !important;
}

.power-check-editor-footer{
  gap:7px !important;
  margin-top:4px !important;
}
.power-check-editor-footer .btn{
  min-height:44px !important;
  height:44px !important;
  padding:8px 9px !important;
  border-radius:11px !important;
  font-size:10px !important;
}
.power-check-editor-save{
  gap:5px !important;
}
.power-check-editor-save svg{
  width:16px !important;
  height:16px !important;
}

@media(max-width:390px){
  #modal .power-check-editor-sheet{
    padding:10px !important;
    border-radius:16px !important;
  }
  .power-check-editor-head{
    margin-bottom:5px !important;
  }
  .power-check-editor-head h3{
    font-size:16px !important;
  }
  .power-check-language-tabs{
    margin-bottom:7px !important;
  }
  .power-check-language-tabs button{
    min-height:30px !important;
    font-size:9.5px !important;
  }
  .power-check-editor-field{
    margin-bottom:7px !important;
  }
  .power-check-editor-field input{
    min-height:36px !important;
    padding:6px 9px !important;
  }
  .power-check-editor-field textarea{
    min-height:46px !important;
    padding:7px 9px !important;
  }
  .power-check-editor-steps-head button{
    min-height:30px !important;
    padding:5px 8px !important;
  }
  .power-check-editor-steps{
    gap:5px !important;
  }
  .power-check-editor-step{
    grid-template-columns:24px minmax(0,1fr) 26px !important;
    gap:4px !important;
    padding:5px !important;
    border-radius:10px !important;
  }
  .power-check-editor-number{
    width:24px !important;
    height:24px !important;
    font-size:10.5px !important;
  }
  .power-check-editor-step textarea{
    min-height:52px !important;
    padding:6px 7px !important;
    font-size:12.5px !important;
  }
  .power-check-editor-step-actions{
    gap:2px !important;
  }
  .power-check-editor-step-actions button{
    width:26px !important;
    height:24px !important;
    min-width:26px !important;
    min-height:24px !important;
  }
  .power-check-editor-footer{
    gap:6px !important;
  }
  .power-check-editor-footer .btn{
    min-height:42px !important;
    height:42px !important;
    font-size:9.5px !important;
  }
}