/* Shared Admin chrome for the Rota and Star modules. */
.star-module .admin-entry,.rota-module .admin-entry{
  min-width:72px;min-height:40px;height:40px;padding:0 14px;border-color:#dedfe4;
  background:#fff;color:#383a40;font-size:13px;font-weight:600;box-shadow:0 1px 2px rgba(24,24,27,.04)
}
.star-module .admin-entry:hover,.rota-module .admin-entry:hover{border-color:#f2a36c;background:#fff8f3;color:#a84408}
.star-module .admin-state{
  min-height:32px;padding:5px 10px;border:1px solid #e1e2e6;border-radius:999px;background:#f6f6f8;
  color:#666971;display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:500
}
.star-module .admin-state::before{content:"";width:7px;height:7px;border-radius:50%;background:#92959d;box-shadow:0 0 0 3px rgba(146,149,157,.12)}
.star-module .admin-state.active{border-color:#cce7dc;background:#f2fbf7;color:#237151}
.star-module .admin-state.active::before{background:#2d8b64;box-shadow:0 0 0 3px rgba(45,139,100,.12)}
.star-module .btn,.rota-module .btn{transition:background-color .15s,border-color .15s,box-shadow .15s,transform .1s}
.star-module .btn:active:not(:disabled),.rota-module .btn:active:not(:disabled){transform:translateY(1px)}
.star-module .btn:disabled,.rota-module .btn:disabled{cursor:not-allowed;opacity:.56}
.star-module .btn.danger,.rota-module .btn.danger{border-color:#efcaca;background:#fff;color:#a83f3f}
.star-module .btn.danger:hover,.rota-module .btn.danger:hover{border-color:#dfaaaa;background:#fff5f5}
.rota-module .exit-admin{border-color:#e5d8d8;color:#8f4e4e}
.rota-module .toolbar-actions .btn{min-height:40px;height:40px}

.star-module dialog,.rota-module dialog{max-height:calc(100dvh - 28px);border-radius:18px;box-shadow:0 24px 80px rgba(22,22,25,.22)}
.star-module #star-adminDialog{width:min(980px,calc(100vw - 28px));display:none;grid-template-rows:auto auto minmax(0,1fr) auto}
.star-module #star-adminDialog[open]{display:grid}
.star-module #star-adminLoginDialog{width:min(450px,calc(100vw - 28px))}
.star-module .dialog-head,.rota-module .dialog-head{padding:17px 20px 13px;align-items:flex-start}
.star-module .dialog-close,.rota-module .icon-btn{cursor:pointer;flex:0 0 auto}
.star-module .dialog-body{padding:16px 20px 20px;overflow:auto}
.star-module .dialog-foot{padding:12px 20px;border-top:1px solid var(--line);background:#fafafa;display:flex;align-items:center;justify-content:space-between;gap:12px}
.star-module .dialog-foot-note{max-width:520px;line-height:1.45}
.star-module .dialog-actions,.rota-module .dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.star-module .login-form .dialog-actions{margin-top:0}
.star-module .dialog-note{margin:0 2px;color:var(--star-muted,var(--muted));font-size:10px;line-height:1.5}
.star-module .admin-tabs{padding:0 20px;gap:8px;background:#fff}
.star-module .admin-tab{height:44px;padding:0 10px;border-bottom-width:2px;border-radius:8px 8px 0 0;cursor:pointer}
.star-module .admin-tab:hover{background:#fafafa;color:#3f4147}
.star-module .admin-toolbar{align-items:center;margin-bottom:12px}
.star-module .admin-toolbar h4{font-size:14px;font-weight:600}
.star-module .panel-intro{max-width:640px;line-height:1.5}
.star-module .team-row{min-height:60px;padding:10px}
.star-module .team-row .field{gap:8px}
.star-module .check-wrap{min-height:24px}
.star-module .number-input:focus,.star-module .input:focus,.rota-module input:focus,.rota-module select:focus{outline:0;border-color:#ff6900;box-shadow:0 0 0 3px rgba(255,105,0,.12)}

@media(max-width:720px){
  .star-module .star-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
  .star-module .control-field{grid-column:1/-1;width:100%}
  .star-module .control-spacer{display:none}
  .star-module .admin-state{justify-self:start}
  .star-module .admin-entry{justify-self:end}
  .star-module #star-adminDialog{width:calc(100vw - 18px);max-height:calc(100dvh - 18px)}
  .star-module .dialog-head,.rota-module .dialog-head{padding:14px 15px 11px}
  .star-module .dialog-body{padding:12px 15px 16px}
  .star-module .dialog-foot{padding:10px 15px;align-items:stretch;flex-direction:column}
  .star-module .dialog-actions{width:100%}
  .star-module .dialog-actions .btn{flex:1}
  .star-module .admin-tabs{padding:0 10px;gap:3px}
  .star-module .admin-tab{height:42px;padding:0 8px;font-size:11px}
  .star-module .admin-toolbar{align-items:stretch;flex-direction:column}
  .star-module .admin-toolbar .field{width:100%;min-width:0}
  .star-module .team-row{grid-template-columns:34px minmax(0,1fr) auto}
  .star-module .team-row .btn{grid-column:auto}
}

@media(max-width:480px){
  .star-module .team-row{grid-template-columns:32px minmax(0,1fr)}
  .star-module .team-row .btn{grid-column:2;justify-self:start}
  .star-module .add-row{grid-template-columns:1fr}
  .rota-module .toolbar-actions{gap:5px}
  .rota-module .toolbar-actions .btn{padding:0 9px}
}

@media(prefers-reduced-motion:reduce){.star-module *,.rota-module *{transition:none!important}}
