/* Shared staff controls and the dedicated gate workspace. */
.role-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-bottom:24px;padding:24px 10px}
.role-summary>div{min-width:0;padding:0 20px;border-right:1px solid var(--line)}
.role-summary>div:last-child{border-right:0}
.role-summary strong{display:block;font-size:14px;color:var(--navy)}
.role-summary p{font-size:12px;color:var(--muted);line-height:1.85;margin:9px 0 0}
.staff-actions{display:flex;flex-wrap:wrap;gap:8px}
.staff-actions button{min-height:44px;white-space:nowrap;font-size:12px;padding:10px 12px}
.staff-edit{border-color:#B5CBF6;margin:22px 0;background:#FCFDFF}
.staff-edit>.row-title{margin-bottom:10px}
.guard-login{max-width:570px}
.guard-topbar{min-height:80px;padding:16px 36px;gap:20px;background:#fff;border-bottom:1px solid var(--line)}
.guard-topbar>div{display:flex;align-items:center;gap:13px;min-width:0}
.guard-topbar>div:before{content:'岗';display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:var(--blue);color:#fff;font-size:21px;font-weight:700}
.guard-topbar .guard-brand-text{min-width:0}
.guard-topbar strong{display:block;font-size:17px;color:var(--navy);line-height:1.4}
.guard-topbar small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}
.guard-topbar>span{font-size:13px;gap:12px}
.guard-main{width:100%;max-width:1480px;min-width:0;margin:0 auto;padding:34px 40px 48px}
.guard-main .heading h1{font-size:28px}
.guard-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.guard-stats>div{padding:22px 24px}
.guard-stats>div:first-child{border-color:#C6D8FC}
.guard-verify{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:36px;align-items:center;border-color:#D1DFF8;position:relative}
.guard-verify p,.guard-footnote{color:var(--muted);font-size:12px;line-height:1.9}
.guard-verify h2{margin-bottom:9px}
.guard-verify p{margin:0}
.guard-verify form{min-width:0}
.guard-verify label{display:block;font-size:13px;font-weight:600;margin-bottom:10px}
.guard-input-row{display:flex;gap:10px;min-width:0}
.guard-input-row input{flex:1;min-width:0}
.guard-input-row button{flex:0 0 auto}
.guard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:20px}
.guard-tabs{display:flex;gap:6px;background:#F3F6FB;padding:5px;border-radius:11px}
.guard-tabs button{min-height:44px;box-shadow:none}
.guard-tabs .secondary{background:transparent;border-color:transparent;color:var(--muted)}
.guard-tabs .primary{background:#fff;color:var(--blue);box-shadow:0 2px 8px #142B450B;border:1px solid #E1E9F6}
.guard-search{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}
.guard-search label{font-size:12px;color:var(--muted);white-space:nowrap}
.guard-search input{width:230px}
.guard-search select{width:140px}
.guard-main .table-scroll table{min-width:780px}
.guard-main table td:last-child{white-space:nowrap}
.guard-notice{padding:15px 18px;margin:18px 0;border-radius:11px;background:#EDF8F2;color:#247454;border:1px solid #CCE7DA;font-size:13px;line-height:1.8}
.guard-modal-backdrop{position:fixed;inset:0;background:#142B4566;display:grid;place-items:center;padding:28px;z-index:100;overflow-y:auto;overscroll-behavior:contain}
.guard-modal{width:min(540px,100%);max-height:calc(100dvh - 56px);overflow-y:auto;padding:30px;box-shadow:0 20px 80px #142B4533}
.guard-modal h2{font-size:21px;margin-bottom:20px}
.guard-modal p{line-height:1.85;color:#526880;font-size:14px}
.guard-modal p strong{font-size:18px;color:var(--navy)}
.guard-modal p:last-of-type{padding:14px 16px;background:#F4F7FC;border-radius:10px;font-size:13px}
.guard-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:26px}
.guard-modal-actions button{min-height:46px}
.guard-footnote{text-align:center;margin:23px 0 0}
@media(max-width:1150px){
  .role-summary{padding:22px 6px}
  .role-summary>div{padding:0 16px}
  .guard-main{padding:28px 28px 44px}
  .guard-verify{grid-template-columns:minmax(0,1fr);gap:22px}
  .guard-topbar{padding:16px 28px}
  .guard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .guard-search{flex:1 1 390px}
  .guard-search input{flex:1;min-width:180px}
}
@media(max-width:760px){
  .role-summary{grid-template-columns:minmax(0,1fr);gap:18px;padding:22px}
  .role-summary>div{padding:0 0 17px;border-right:0;border-bottom:1px solid var(--line)}
  .role-summary>div:last-child{border-bottom:0;padding-bottom:0}
  .role-summary p{margin-top:6px}
  .guard-main{padding:24px 20px 38px}
  .guard-topbar{padding:14px 20px;align-items:center}
  .guard-topbar>span{justify-content:flex-end;max-width:45%;font-size:12px;gap:6px}
  .guard-topbar strong{font-size:16px}
  .guard-topbar small{font-size:11px}
  .guard-stats>div{padding:19px}
  .guard-toolbar{gap:17px}
  .guard-main .heading h1{font-size:25px}
}
@media(max-width:580px){
  .guard-main{padding:20px 14px 32px}
  .guard-topbar{padding:12px 14px;gap:10px;align-items:flex-start}
  .guard-topbar>div{gap:9px}.guard-topbar>div:before{width:36px;height:36px;flex-basis:36px;border-radius:10px;font-size:18px}
  .guard-topbar>span{max-width:120px}
  .guard-stats>div{padding:16px}
  .guard-input-row{flex-direction:column}
  .guard-input-row button{width:100%}
  .guard-search{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;width:100%;flex-basis:100%}
  .guard-search input,.guard-search select{width:100%;min-width:0}
  .guard-tabs{width:100%}.guard-tabs button{flex:1}
  .guard-modal-backdrop{padding:16px}
  .guard-modal{padding:24px 20px;max-height:calc(100dvh - 32px)}
  .guard-modal h2{font-size:19px}
  .guard-modal-actions{gap:10px;flex-wrap:wrap}.guard-modal-actions button{flex:1}
}