.admin-guide-layer { position:fixed; inset:0; z-index:1300; isolation:isolate; }
.admin-guide-spotlight { position:fixed; z-index:1; pointer-events:none; border:2px solid #b9dfa0; border-radius:17px; box-shadow:0 0 0 9999px rgba(4,30,23,.66),0 0 0 6px rgba(185,223,160,.23),0 0 26px rgba(185,223,160,.35); }
.admin-guide-panel { position:fixed; z-index:3; width:min(390px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; padding:20px; border:1px solid #d7e4d9; border-radius:23px; background:#fff; color:#233d31; box-shadow:0 22px 75px rgba(4,25,18,.32); outline:none; }
.admin-guide-trigger { position:fixed; z-index:2; padding:0; border:0; border-radius:14px; background:transparent; cursor:pointer; }
.admin-guide-trigger:focus-visible { outline:3px solid #b9dfa0; outline-offset:4px; }
.admin-guide-preview { position:fixed; inset:0; z-index:0; }
.admin-guide-preview .modal-layer { padding:20px 430px 20px 20px; background:rgba(3,25,17,.5); animation:none; backdrop-filter:none; }
.admin-guide-preview .modal { max-height:calc(100dvh - 40px); animation:none; }
.admin-guide-copy { padding:0 0 18px; }
.admin-guide-copy h2 { margin:0 0 10px; color:#194e36; font-size:19px; line-height:1.3; }
.admin-guide-copy p { margin:0; font-size:12px; line-height:1.65; color:#51665a; white-space:pre-line; }
.admin-guide-copy .admin-guide-tip { margin-top:14px; padding:12px 14px; border-left:3px solid #94b980; border-radius:0 11px 11px 0; background:#f1f7ed; color:#365844; font-size:11px; }
.admin-guide-panel footer { display:flex; justify-content:center; border-top:1px solid #e5ece4; padding-top:14px; }
.admin-guide-panel footer .btn { min-width:130px; min-height:40px; padding:10px 17px; font-size:11px; }
.admin-guide-panel button:focus-visible { outline:3px solid #78a265; outline-offset:3px; }
@media (max-width:850px) {
  .admin-guide-spotlight { transition:none; box-shadow:0 0 0 9999px rgba(4,30,23,.66),0 0 0 3px rgba(185,223,160,.23); }
  .admin-guide-preview .modal-layer { padding:10px 10px var(--guide-panel-height,340px); align-items:start; }
  .admin-guide-preview .modal { max-height:calc(100dvh - var(--guide-panel-height,340px) - 20px); }
  .admin-guide-panel { padding:16px; }
  .admin-guide-copy { padding:0 0 14px; }
  .admin-guide-copy h2 { font-size:17px; }
  .admin-guide-copy .admin-guide-tip { margin-top:10px; padding:8px 10px; }
  .admin-guide-panel footer .btn { min-height:44px; }
}
@media (prefers-reduced-motion:reduce) { .admin-guide-spotlight { transition:none; } }