.agent-page{display:grid;gap:20px;padding-bottom:16px}
.agent-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 30px;border:1px solid #e2e7ee;border-radius:21px;background:#fff}
.agent-page-heading h2{margin:4px 0 8px;font-size:clamp(28px,3vw,38px);line-height:1.1;letter-spacing:-.045em}
.agent-page-heading p:last-child{margin:0;max-width:650px;color:#627087;font-size:14px;line-height:1.5}
.agent-page-kicker{margin:0;color:var(--brand);font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.agent-page-cta,.agent-page-back{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:11px;font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}
.agent-page-cta{background:var(--brand);color:var(--brand-contrast,#fff)}
.agent-page-back{border:1px solid #dbe1e9;color:#344055}
.agent-page-private{padding:9px 13px;border-radius:99px;background:#e9f6ee;color:#16714b;font-size:11px;font-weight:850;white-space:nowrap}
.agent-page-stat{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;max-width:360px;padding:20px 23px;border:1px solid #dfe6ee;border-radius:16px;background:linear-gradient(115deg,#fff,#f7f9fc)}
.agent-page-stat span{font-size:12px;font-weight:800;color:#47566f}.agent-page-stat strong{grid-row:1/3;grid-column:2;font-size:31px;letter-spacing:-.04em}.agent-page-stat small{font-size:11px;color:#7a8799}
.agent-page-filters{border:1px solid #e1e6ee;border-radius:12px;background:#fff}.agent-page-filters>summary{padding:13px 17px;cursor:pointer;color:#344055;font-size:12px;font-weight:800}.agent-page-filters .security-list-filters{margin:0;border:0;box-shadow:none;background:transparent}
.agent-page-panel{min-width:0;padding:24px;border:1px solid #e2e7ee;border-radius:20px;background:#fff;box-shadow:0 12px 35px #18203309}
.agent-page-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.agent-page-panel-head h3{margin:0;font-size:21px;letter-spacing:-.035em}.agent-page-panel-head>span{font-size:12px;font-weight:750;color:#718096}
.agent-item-list,.agent-document-list{display:grid;gap:12px}.agent-item{padding:20px;border:1px solid #e2e7ef;border-radius:15px;background:#fff}.agent-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#7a8798;font-size:11px;font-weight:750}.agent-item-badge{padding:5px 10px;border-radius:99px;background:#edf2f8;color:#405576;font-size:10px;font-weight:850}.agent-item-badge.is-urgent{background:#fff0e8;color:#aa4921}.agent-item-badge.is-done{background:#e7f6ee;color:#14754c}.agent-item h4{margin:14px 0 8px;font-size:17px;letter-spacing:-.02em}.agent-item>p{margin:0;color:#4e5f75;font-size:13px;line-height:1.55;overflow-wrap:anywhere}.agent-item-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.agent-item-meta span{padding:6px 9px;border-radius:7px;background:#f2f5f9;color:#637086;font-size:10px;font-weight:800}.agent-item-note{margin-top:17px;padding:15px;border-left:3px solid var(--brand);border-radius:8px;background:#f5f7fb}.agent-item-note strong{font-size:12px}.agent-item-note p{margin:6px 0 0;color:#526077;font-size:12px;line-height:1.5}
.agent-empty{padding:38px 20px;border:1px dashed #d9e2ed;border-radius:14px;background:#fafbfc;text-align:center}.agent-empty strong{font-size:17px}.agent-empty p{margin:7px 0 14px;color:#66748a;font-size:13px}.agent-empty a{color:var(--brand);font-weight:800}
.agent-inline-success{padding:13px 17px;border:1px solid #bce7ce;border-radius:11px;background:#eaf9f0;color:#11613d;font-size:13px;font-weight:750}
.agent-form-card{display:grid;gap:22px;max-width:860px;padding:30px;border:1px solid #e1e7ee;border-radius:21px;background:#fff;box-shadow:0 13px 38px #1820330c}.agent-form-intro{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid #e5e9ef}.agent-form-index{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--brand) 10%,white);color:var(--brand);font-size:12px;font-weight:900}.agent-form-intro h3{margin:0;font-size:20px}.agent-form-intro p{margin:4px 0 0;color:#708098;font-size:12px}.agent-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.agent-form-card label{display:grid;gap:8px;color:#344258;font-size:12px;font-weight:800}.agent-form-card input,.agent-form-card select,.agent-form-card textarea{width:100%;min-width:0;border:1px solid #d9e1eb;border-radius:10px;background:#fff;color:#202a3b;font:inherit;font-size:14px}.agent-form-card input,.agent-form-card select{min-height:45px;padding:10px 12px}.agent-form-card textarea{padding:12px;line-height:1.5;resize:vertical}.agent-form-card :is(input,select,textarea):focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 25%,white);border-color:var(--brand)}.agent-form-actions{display:flex;align-items:center;gap:15px;margin-top:2px}.agent-form-actions button{min-height:46px;padding-inline:22px}.agent-form-actions a{color:#617087;font-size:13px;font-weight:800}
.agent-document{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:15px;padding:18px;border:1px solid #e1e7ee;border-radius:14px}.agent-document-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:color-mix(in srgb,var(--brand) 10%,white);color:var(--brand)}.agent-document-icon svg{width:24px;height:24px}.agent-document-category{color:var(--brand);font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.agent-document h4{margin:4px 0;font-size:16px;overflow-wrap:anywhere}.agent-document small{color:#738095;font-size:11px}.agent-document>a{padding:10px 13px;border:1px solid #dce3eb;border-radius:9px;color:#24334d;font-size:12px;font-weight:800;white-space:nowrap}
.agent-profile-hero{display:flex;align-items:center;gap:22px;padding:30px;border-radius:20px;background:linear-gradient(125deg,var(--dark),color-mix(in srgb,var(--dark) 73%,var(--brand)));color:#fff}.agent-profile-avatar{display:grid;place-items:center;flex:none;width:74px;height:74px;border:1px solid #ffffff55;border-radius:22px;background:#ffffff1e;font-size:34px;font-weight:850}.agent-profile-hero span:not(.agent-profile-avatar){color:#ffffffbd;font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.agent-profile-hero h3{margin:5px 0;font-size:26px;letter-spacing:-.035em}.agent-profile-hero p{margin:0;color:#ffffffc9;font-size:13px}.agent-profile-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr);gap:15px}.agent-profile-details{margin:0}.agent-profile-details div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:16px 0;border-top:1px solid #edf0f4}.agent-profile-details dt{color:#6c7a8e;font-size:12px;font-weight:750}.agent-profile-details dd{margin:0;font-size:13px;font-weight:800;overflow-wrap:anywhere}.agent-profile-help{margin:15px 0 0;padding:12px;border-radius:10px;background:#f4f7fa;color:#617087;font-size:12px;line-height:1.45}.agent-profile-links>a{display:flex;justify-content:space-between;gap:15px;padding:16px 2px;border-top:1px solid #edf0f4;color:#24334a;font-size:13px;font-weight:800}.agent-profile-links>a:hover{color:var(--brand)}
@media(max-width:700px){.agent-page{gap:14px}.agent-page-heading{align-items:stretch;flex-direction:column;padding:22px 20px;border-radius:17px}.agent-page-heading h2{font-size:29px}.agent-page-heading p:last-child{font-size:12px}.agent-page-cta,.agent-page-back{width:100%}.agent-page-stat{max-width:none;padding:16px 18px}.agent-page-panel{padding:18px 14px;border-radius:17px}.agent-item{padding:16px}.agent-form-card{gap:18px;padding:20px 16px;border-radius:17px}.agent-form-grid{grid-template-columns:1fr}.agent-form-actions{align-items:stretch;flex-direction:column}.agent-form-actions a{text-align:center}.agent-document{grid-template-columns:42px minmax(0,1fr);gap:10px;padding:14px}.agent-document-icon{width:39px;height:39px;border-radius:10px}.agent-document-icon svg{width:20px;height:20px}.agent-document>a{grid-column:2;width:max-content}.agent-profile-hero{gap:14px;padding:23px 18px}.agent-profile-avatar{width:54px;height:54px;border-radius:15px;font-size:25px}.agent-profile-hero h3{font-size:21px}.agent-profile-grid{grid-template-columns:1fr}.agent-profile-details div{grid-template-columns:1fr;gap:5px}}
.agent-profile-avatar{overflow:hidden}.agent-profile-avatar img,.agent-hr-photo img{display:block;width:100%;height:100%;object-fit:cover}.agent-profile-form{display:grid;gap:14px}.agent-profile-form label{display:grid;gap:7px;font-size:12px;font-weight:800;color:#38475d}.agent-profile-form input{width:100%;min-height:43px;padding:10px 12px;border:1px solid #d5dce6;border-radius:10px;background:#fff;color:#172033;font:inherit}.agent-profile-form button{justify-self:start}.agent-profile-current{font-size:13px;color:#627187}.agent-profile-current strong{color:#172033}.agent-profile-grid>.agent-page-panel{min-width:0}.agent-hr-layout{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1fr);gap:16px;align-items:start}.agent-hr-layout>.security-editor:last-child{grid-column:1/-1}.agent-hr-summary{padding:24px}.agent-hr-summary p{margin:15px 0 0;color:#637189;font-size:13px;line-height:1.5}.agent-hr-person{display:flex;align-items:center;gap:15px}.agent-hr-person strong,.agent-hr-person small{display:block}.agent-hr-person strong{font-size:18px}.agent-hr-person small{margin-top:4px;color:#6b778b;font-size:12px}.agent-hr-photo{display:grid;place-items:center;flex:none;width:72px;height:72px;overflow:hidden;border-radius:18px;background:#e9eef5;color:#1a2436;font-size:26px;font-weight:800}@media(max-width:800px){.agent-hr-layout{grid-template-columns:1fr}.agent-hr-layout>.security-editor:last-child{grid-column:auto}.agent-profile-form button{width:100%}}
.agent-mission-directions{display:inline-flex;align-items:center;gap:7px;margin:10px 0 2px;padding:9px 13px;border-radius:9px;background:color-mix(in srgb,var(--brand) 11%,white);color:var(--brand);font-size:12px;font-weight:850;text-decoration:none}.agent-mission-directions:hover{background:color-mix(in srgb,var(--brand) 18%,white)}
