/* WAJ KMS: shared, responsive public and administration components. */
.kms-page { background:#f4f7fc; padding:44px 0 72px; min-height:65vh; }
.kms-page h1,.kms-page h2,.kms-page h3,.kms-form-panel h2,.kms-section-head h2 { color:#123663; line-height:1.25; }
.kms-page h1 { font-size:clamp(1.8rem,3vw,2.55rem); letter-spacing:-.045em; margin:12px 0; }
.kms-page h2 { font-size:1.3rem; margin:0; }
.kms-page p { color:#63748c; }
.kms-icon { width:22px; height:22px; flex-shrink:0; vertical-align:middle; }
.kms-eyebrow { font-size:.72rem; font-weight:700; letter-spacing:.12em; color:#0150b3; }
.kms-back { display:inline-block; color:#566b87; font-size:.86rem; text-decoration:none; margin-bottom:24px; }
.kms-back:hover { color:#0150b3; }
.kms-login-shell { display:grid; grid-template-columns:1.05fr 1fr; border:1px solid #e1e8f2; border-radius:24px; overflow:hidden; background:white; box-shadow:0 18px 64px #1337610c; max-width:1040px; margin:0 auto; }
.kms-welcome { background:radial-gradient(ellipse at 95% 0%,#1b7bca 0%,transparent 65%),linear-gradient(150deg,#074b99,#062651); padding:54px 44px; color:white; display:flex; flex-direction:column; align-items:flex-start; }
.kms-welcome .kms-eyebrow { color:#bbddff; font-size:.65rem; letter-spacing:.1em; }
.kms-welcome-icon { background:#ffffff12; border:1px solid #ffffff26; border-radius:20px; padding:20px; margin:45px 0 16px; }
.kms-welcome-icon .kms-icon { width:48px; height:48px; color:#afd9ff; }
.kms-welcome h1 { color:white; font-size:clamp(2rem,3vw,2.8rem); margin:0 0 18px; }
.kms-welcome p { color:#c1d6ed; font-size:.9rem; line-height:1.85; max-width:360px; margin:0 0 26px; }
.kms-format-tags { display:flex; flex-wrap:wrap; gap:8px; }
.kms-format-tags span { padding:5px 12px; border:1px solid #ffffff2b; border-radius:7px; font-size:.72rem; color:#e5f2ff; }
.kms-welcome-note { margin-top:auto; padding-top:48px; display:flex; gap:10px; align-items:center; font-size:.73rem; color:#c0d8f2; }
.kms-welcome-note .kms-icon { width:16px; height:16px; }
.kms-login-form { padding:55px 46px; align-self:center; }
.kms-login-form h2 { font-size:1.8rem; letter-spacing:-.035em; margin:24px 0 10px; }
.kms-login-form>p { font-size:.86rem; margin:0 0 28px; }
.kms-pill { display:inline-flex; align-items:center; gap:6px; padding:5px 10px; background:#edf5ff; color:#245a97; font-size:.7rem; font-weight:600; border-radius:6px; line-height:1.6; white-space:nowrap; vertical-align:middle; }
.kms-pill .kms-icon { width:14px; height:14px; }
.kms-pill-muted { background:#eef0f4; color:#64748b; }
.kms-field { margin-bottom:20px; }
.kms-field label { display:block; font-size:.83rem; font-weight:600; color:#263f5e; margin-bottom:8px; }
.kms-field input,.kms-field textarea,.kms-search input { display:block; width:100%; border:1px solid #d8e1ed; background:white; padding:12px 14px; border-radius:9px; color:#233d5c; font:inherit; font-size:.88rem; box-sizing:border-box; }
.kms-field textarea { resize:vertical; }
.kms-field input::placeholder,.kms-field textarea::placeholder,.kms-search input::placeholder { color:#8a98ab; }
.kms-field input:focus,.kms-field textarea:focus,.kms-search input:focus { outline:3px solid #0150b326; border-color:#4288d3; }
.kms-field small,.kms-check small,.kms-access-option small { display:block; font-size:.76rem; color:#6b7d94; line-height:1.6; margin-top:6px; font-weight:400; }
.kms-button { display:inline-flex; align-items:center; justify-content:center; gap:9px; border:1px solid transparent; border-radius:9px; background:#0150b3; color:white; padding:11px 18px; font:inherit; font-size:.82rem; font-weight:600; cursor:pointer; text-decoration:none; line-height:1.5; white-space:nowrap; }
.kms-button:hover { background:#003f90; color:white; }
.kms-button .kms-icon { width:18px; height:18px; }
.kms-button-light { background:#eaf0f8; color:#285480; }
.kms-button-light:hover { background:#dce7f5; color:#123e6c; }
.kms-button-wide { width:100%; justify-content:space-between; margin-top:5px; }
.kms-button:disabled { opacity:.6; cursor:wait; }
.kms-button:focus-visible,.kms-directory-card:focus-visible,.kms-tabs a:focus-visible,.kms-check input:focus-visible,.kms-access-option input:focus-visible { outline:3px solid #59a8fb; outline-offset:3px; }
.kms-login-help { margin-top:30px; padding-top:22px; border-top:1px solid #edf1f6; font-size:.73rem; }
.kms-login-help strong { color:#536a86; font-weight:500; }
.kms-login-help p { margin:3px 0 0; }
.kms-alert { padding:14px 18px; font-size:.85rem; border-radius:10px; margin:0 0 22px; overflow-wrap:anywhere; }
.kms-alert-error { background:#fff0f0; color:#9d2837; border:1px solid #f4d6da; }
.kms-alert-success { background:#eaf8f0; color:#196144; border:1px solid #cdebdc; }
.kms-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:30px; }
.kms-heading>div:first-child { min-width:0; }
.kms-heading h1,.kms-heading p { overflow-wrap:anywhere; }
.kms-heading p { margin:8px 0 0; font-size:.87rem; max-width:660px; white-space:pre-line; }
.kms-account { display:flex; gap:12px; align-items:center; flex-shrink:0; }
.kms-account strong,.kms-account small { display:block; }
.kms-account strong { font-size:.83rem; color:#274468; }
.kms-account small { font-size:.68rem; color:#77869b; }
.kms-account form { margin:0 0 0 8px; }
.kms-avatar { display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:#dcecff; font-weight:700; color:#2863a6; }
.kms-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); background:white; border:1px solid #e1e8f2; border-radius:14px; margin-bottom:34px; padding:24px 10px; }
.kms-summary>div { display:flex; align-items:center; gap:16px; padding:0 24px; border-right:1px solid #e6edf6; }
.kms-summary>div:last-child { border:0; }
.kms-summary .kms-icon { color:#4a82bf; width:27px; height:27px; }
.kms-summary span { font-size:.74rem; color:#77879b; }
.kms-summary strong { display:block; color:#1c406b; font-size:1.35rem; line-height:1.4; font-weight:600; }
.kms-section-head { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:0 0 22px; }
.kms-section-head h2 { margin:0; font-size:1.2rem; }
.kms-section-head p { margin:7px 0 0; font-size:.84rem; color:#6f8097; white-space:pre-line; overflow-wrap:anywhere; }
.kms-search { display:flex; align-items:center; gap:4px; width:270px; position:relative; flex-shrink:0; }
.kms-search .kms-icon { position:absolute; left:13px; width:18px; height:18px; color:#8595a9; }
.kms-search input { padding:10px 12px 10px 40px; font-size:.8rem; }
.kms-directory-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.kms-directory-card { display:flex; flex-direction:column; padding:24px; border:1px solid #dfe7f2; border-radius:14px; background:#fff; color:#294665; text-decoration:none; transition:box-shadow .15s,border-color .15s; min-width:0; }
.kms-directory-card:hover { color:#294665; border-color:#9fc2ea; box-shadow:0 8px 24px #174c8c0d; }
.kms-card-top { display:flex; justify-content:space-between; align-items:center; gap:8px; }
.kms-folder-icon { display:grid; place-items:center; height:48px; width:48px; border-radius:12px; background:#edf5ff; color:#3e85c8; }
.kms-folder-icon .kms-icon { width:28px; height:28px; }
.kms-directory-card h3 { font-size:1.05rem; font-weight:600; margin:20px 0 9px; overflow-wrap:anywhere; }
.kms-directory-card p { font-size:.79rem; color:#7a889c; line-height:1.7; margin:0 0 24px; overflow-wrap:anywhere; }
.kms-card-footer { display:flex; justify-content:space-between; gap:8px; padding-top:16px; border-top:1px solid #eef2f7; font-size:.69rem; margin-top:auto; color:#7085a0; }
.kms-card-footer span:last-child { color:#1b64ae; font-weight:600; }
.kms-card-footer .kms-icon { width:14px; height:14px; margin-left:5px; }
.kms-empty { text-align:center; padding:65px 24px; border:1px dashed #cdd9e9; border-radius:14px; background:white; }
.kms-empty>.kms-icon { width:48px; height:48px; color:#75a2d4; margin-bottom:18px; }
.kms-empty h2,.kms-empty h3 { margin:0 0 12px; color:#254a72; font-weight:600; }
.kms-empty p { max-width:520px; margin:0 auto 22px; font-size:.86rem; color:#70819a; }
.kms-empty-small { padding:35px 20px; }
.kms-no-results { padding:24px; text-align:center; background:white; border-radius:10px; }
.kms-table-wrap { background:white; border:1px solid #e1e8f2; border-radius:12px; overflow-x:auto; }
.kms-table { width:100%; border-collapse:collapse; }
.kms-table th { background:#f8fafd; color:#7a8ba2; font-size:.7rem; font-weight:600; text-transform:uppercase; letter-spacing:.035em; text-align:left; padding:14px 20px; border-bottom:1px solid #e6edf6; }
.kms-table td { padding:17px 20px; font-size:.81rem; color:#637792; border-bottom:1px solid #edf2f8; vertical-align:middle; }
.kms-table tr:last-child td { border-bottom:0; }
.kms-file-name { display:flex; gap:14px; align-items:center; min-width:220px; }
.kms-file-name strong { font-size:.82rem; font-weight:500; color:#2d4b70; overflow-wrap:anywhere; max-width:420px; }
.kms-file-badge { display:grid; place-items:center; width:46px; height:50px; border-radius:8px; flex-shrink:0; font-weight:700; font-size:.62rem; }
.kms-type-pdf { background:#fff0ee; color:#c7665c; }
.kms-type-word { background:#eaf2ff; color:#417abe; }
.kms-type-excel { background:#eaf7ef; color:#3b8e61; }
.kms-type-image { background:#f3edff; color:#8c68bc; }
.kms-nowrap { white-space:nowrap; }
.kms-admin-toolbar { display:flex; justify-content:space-between; gap:20px; align-items:center; border-bottom:1px solid #dce5f0; margin:8px 0 28px; }
.kms-tabs { display:flex; gap:24px; }
.kms-tabs a { color:#75869c; padding:14px 0; font-size:.88rem; text-decoration:none; border-bottom:3px solid transparent; font-weight:500; }
.kms-tabs a.is-active { color:#0150b3; border-color:#0150b3; }
.kms-text-link { color:#1763ac; font-size:.81rem; font-weight:600; text-decoration:none; }
.kms-text-link:hover { text-decoration:underline; }
.kms-form-panel { border:1px solid #e1e8f2; background:white; border-radius:14px; padding:30px; max-width:850px; }
.kms-form-panel h2 { font-size:1.2rem; margin:0 0 28px; }
.kms-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.kms-check,.kms-access-option { display:flex; gap:11px; align-items:flex-start; font-size:.85rem; color:#334f71; cursor:pointer; }
.kms-check input,.kms-access-option input { margin:4px 0 0; accent-color:#0150b3; width:17px; height:17px; flex-shrink:0; }
.kms-access-fieldset { border:0; margin:28px 0; padding:0; }
.kms-access-fieldset legend { font-weight:600; font-size:.94rem; margin-bottom:15px; color:#2b496e; }
.kms-access-option { border:1px solid #dfe7f2; padding:17px; border-radius:10px; margin-bottom:10px; }
.kms-access-option:has(input:checked) { border-color:#6b9ed9; background:#f3f8ff; }
.kms-access-option strong { font-weight:600; }
.kms-directory-choices { padding:18px; margin-top:15px; background:#f8fafd; border:1px solid #e6edf6; border-radius:10px; }
.kms-directory-choices .kms-check { margin-bottom:14px; }
.kms-directory-choices .kms-check span { overflow-wrap:anywhere; min-width:0; }
.kms-directory-choices.is-disabled { opacity:.45; }
.kms-help { display:block; font-size:.76rem; line-height:1.7; color:#73859f; margin-top:18px; }
.kms-form-actions { display:flex; gap:12px; border-top:1px solid #e8eef6; padding-top:24px; margin-top:26px; }
.kms-upload-panel { background:white; border:1px dashed #a6c0e1; border-radius:14px; padding:25px; margin-bottom:30px; }
.kms-upload-label { display:flex; gap:16px; margin-bottom:20px; }
.kms-upload-label>.kms-icon { background:#ecf4ff; border-radius:10px; box-sizing:content-box; padding:13px; color:#5188bf; }
.kms-upload-label label { font-weight:600; font-size:.95rem; color:#274b73; cursor:pointer; }
.kms-upload-label p { font-size:.8rem; color:#6c819c; margin:8px 0 5px; }
.kms-upload-label small { font-size:.72rem; color:#7b8ba0; }
.kms-upload-panel input[type=file] { font:inherit; font-size:.83rem; color:#5a7291; max-width:100%; }
.kms-upload-panel input[type=file]::file-selector-button { background:#edf3fb; color:#306096; border:0; padding:10px 16px; border-radius:7px; margin-right:15px; cursor:pointer; }
.kms-upload-bottom { display:flex; gap:18px; justify-content:space-between; align-items:center; margin-top:22px; }
.kms-upload-bottom>span { color:#7c8da3; font-size:.74rem; }
.kms-count { background:#e5edf8; padding:3px 9px; border-radius:6px; font-size:.75rem; margin-left:6px; }
.kms-inline-actions { display:flex; gap:18px; align-items:center; }
.kms-inline-actions form { margin:0; }
.kms-danger-link { background:transparent; color:#b85b61; border:0; font:inherit; font-size:.78rem; cursor:pointer; padding:3px 0; }
.kms-removed { margin-top:28px; color:#647c98; font-size:.85rem; }
.kms-removed summary { cursor:pointer; padding:15px 0; }
.kms-table-subtext { display:block; margin-top:5px; color:#7f8da2; }
.kms-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
[data-kms-item][hidden],[data-kms-empty][hidden] { display:none !important; }
.admin-main:has(.kms-admin-toolbar) { min-width:0; }
@media (max-width:1150px) {
  .kms-directory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .kms-heading { flex-direction:column; align-items:flex-start; }
}
@media (max-width:760px) {
  .kms-login-shell { grid-template-columns:1fr; }
  .kms-welcome { padding:28px; }
  .kms-welcome-icon { display:none; }
  .kms-welcome h1 { margin-top:20px; font-size:2rem; }
  .kms-welcome p { max-width:none; margin-bottom:18px; }
  .kms-welcome-note { padding-top:22px; }
  .kms-login-form { padding:30px 26px; }
  .kms-summary { padding:12px 0; }
  .kms-summary>div { padding:8px 15px; gap:9px; }
  .kms-summary .kms-icon { display:none; }
  .kms-summary strong { font-size:1.1rem; }
  .kms-summary span { font-size:.66rem; }
  .kms-admin-toolbar { align-items:flex-start; flex-direction:column; gap:0; padding-bottom:15px; }
  .kms-admin-toolbar>.kms-text-link { margin-top:12px; }
}
@media (max-width:540px) {
  .kms-page { padding:26px 0 44px; }
  .kms-directory-grid,.kms-form-grid { grid-template-columns:1fr; }
  .kms-section-head { flex-direction:column; align-items:flex-start; gap:16px; }
  .kms-search { width:100%; }
  .kms-account { flex-wrap:wrap; gap:9px; }
  .kms-account form { margin-left:0; }
  .kms-form-panel { padding:22px 18px; }
  .kms-tabs { gap:18px; }
  .kms-tabs a { font-size:.8rem; }
  .kms-upload-panel { padding:20px 16px; }
  .kms-upload-label>.kms-icon { display:none; }
  .kms-upload-bottom { flex-direction:column; align-items:flex-start; }
  .kms-summary { grid-template-columns:1fr; }
  .kms-summary>div { border-right:0; padding:12px 22px; }
  .kms-summary .kms-icon { display:block; }
  .kms-summary span { font-size:.74rem; }
}