/* Natuna Portal UI v3.5 — global experience layer. Intentionally small and theme-safe. */
.npu-skip-link{position:fixed;z-index:100000;left:14px;top:10px;transform:translateY(-140%);padding:9px 12px;border-radius:8px;background:#0d5c59;color:#fff!important;font-size:12px;font-weight:750;text-decoration:none!important;box-shadow:0 10px 24px rgba(0,0,0,.18);transition:transform .16s ease}
.npu-skip-link:focus{transform:translateY(0);outline:3px solid #c69a51;outline-offset:3px}
.npu-global-search{width:100%;max-width:920px;padding:20px;border:1px solid #dce7e4;border-radius:16px;background:linear-gradient(135deg,#fbfdfc,#f7faf9);box-shadow:0 12px 32px rgba(17,63,60,.045)}
.npu-global-search label{display:block;margin-bottom:9px;color:#17302f;font-size:13px;font-weight:760}.npu-global-search__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.npu-global-search input{width:100%;height:46px;padding:0 14px;border:1px solid #cbdad6;border-radius:10px;background:#fff;color:#17302f;font:inherit;outline:0}.npu-global-search input:focus{border-color:#0d5c59;box-shadow:0 0 0 3px rgba(13,92,89,.09)}.npu-global-search button{min-width:84px;border:1px solid #0d5c59;border-radius:10px;background:#0d5c59;color:#fff;font-weight:760;cursor:pointer}.npu-global-search p{margin:10px 0 0;color:#687b79;font-size:10.8px;line-height:1.55}.npu-global-search strong{color:#415c58}
.npu-quick-access{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:1040px}.npu-quick-access a{position:relative;min-height:128px;padding:18px 38px 17px 16px;border:1px solid #dce7e4;border-radius:14px;background:#fff;color:#17302f!important;text-decoration:none!important;box-shadow:0 9px 26px rgba(17,63,60,.035);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.npu-quick-access a:hover{transform:translateY(-2px);border-color:#bdd2cd;box-shadow:0 13px 30px rgba(17,63,60,.06)}.npu-quick-access span{display:block;color:#0d5c59;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.055em}.npu-quick-access p{margin:9px 0 0;color:#657874;font-size:11px;line-height:1.58}.npu-quick-access b{position:absolute;right:15px;top:16px;color:#c69a51;font-size:18px;font-weight:500}
.npu-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.npu-health-metric{padding:16px;border:1px solid #dfe7e4;border-radius:12px;background:#fff}.npu-health-metric span{display:block;color:#667875;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.npu-health-metric strong{display:block;margin-top:6px;color:#163e3b;font-size:25px}.npu-health-metric p{margin:5px 0 0;color:#7a8a87;font-size:11px;line-height:1.5}.npu-health-list{border-top:1px solid #e2e8e6}.npu-health-list a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:11px 4px;border-bottom:1px solid #e2e8e6;text-decoration:none}.npu-health-list a:hover{background:#f8faf9}.npu-health-list strong{color:#294b47;font-size:12px}.npu-health-list span{color:#7a8b88;font-size:10.5px}
@media(max-width:900px){.npu-quick-access,.npu-health-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.npu-global-search{padding:16px}.npu-global-search__row{grid-template-columns:1fr}.npu-global-search button{height:42px}.npu-quick-access,.npu-health-grid{grid-template-columns:1fr}.npu-health-list a{grid-template-columns:1fr;gap:3px}}
@media(prefers-reduced-motion:reduce){.npu-skip-link,.npu-quick-access a{transition:none!important}}
@media print{.npu-skip-link,.npu-global-search,.npu-quick-access{display:none!important}}


/* v4.0 instant search + recovery */
.npu-global-search{position:relative}.npu-search-suggestions{position:absolute;z-index:9999;left:0;right:0;top:calc(100% - 24px);max-height:430px;overflow:auto;border:1px solid #d6e2df;border-radius:12px;background:#fff;box-shadow:0 18px 46px rgba(13,57,54,.16)}
.npu-search-suggestions a{display:grid;grid-template-columns:116px minmax(0,1fr);gap:3px 12px;padding:12px 14px;border-bottom:1px solid #e2ebe8;color:#17302f!important;text-decoration:none!important}.npu-search-suggestions a:last-child{border-bottom:0}.npu-search-suggestions a:hover,.npu-search-suggestions a:focus-visible{background:#f3f8f6;outline:0}.npu-search-suggestions a span{grid-row:1/3;color:#0d5c59;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.npu-search-suggestions a strong{font-size:12px;line-height:1.42}.npu-search-suggestions a small{color:#7b8c88;font-size:9.8px}.npu-search-suggestions__empty{padding:15px;color:#667b77;font-size:11px}
.npu-smart-recovery{max-width:1040px;margin:30px auto;padding:24px;border:1px solid #dce7e4;border-radius:16px;background:linear-gradient(135deg,#fbfdfc,#f7faf9 64%,#fbf8f2);box-shadow:0 16px 38px rgba(17,63,60,.06)}.npu-smart-recovery>span{display:block;color:#0d5c59;font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.npu-smart-recovery h2{margin:7px 0 6px;color:#17302f;font-size:22px;letter-spacing:-.02em}.npu-smart-recovery>p{margin:0 0 18px;color:#667b77;font-size:12px;line-height:1.65}.npu-smart-recovery__links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.npu-smart-recovery__links a{display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border:1px solid #ccdcd8;border-radius:999px;background:#fff;color:#365652!important;text-decoration:none!important;font-size:10px;font-weight:760}.npu-smart-recovery__links a:hover{background:#edf5f3;border-color:#aec7c1;color:#0d5c59!important}
@media(max-width:680px){.npu-search-suggestions a{grid-template-columns:1fr}.npu-search-suggestions a span{grid-row:auto}.npu-smart-recovery{margin:22px 14px;padding:19px}}


/* v4.1 accessibility/touch refinements */
.npu-skip-target{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:680px){
  .npu-global-search input{font-size:16px}
  .npu-global-search button,.npu-quick-access a,.npu-smart-recovery__links a{min-height:44px}
  .npu-search-suggestions a{min-height:52px}
  .npu-global-search p{font-size:12px}
}