/* v0.2.7n38 Site Cleanup + Safe Tracker Core */
html[data-tracker-theme="maritime"] body.lilyjo-tracker-theme-active{
  --n38-navy:#063b59;--n38-blue:#08698a;--n38-teal:#168d9e;--n38-ice:#eef7fa;
  --n38-border:#b8d6e0;--n38-text:#102c3a;--n38-muted:#647f8d;--n38-ocean:#0b789f;
  --n38-green:#15975f;--n38-warn:#d99a23;
  background:radial-gradient(circle at 78% 5%,rgba(92,198,211,.20),transparent 26%),
             linear-gradient(155deg,var(--n38-navy) 0%,#075775 42%,var(--n38-teal) 100%) fixed!important;
  color:var(--n38-text)
}
html[data-tracker-theme="maritime"] body.lilyjo-tracker-theme-active
:is(#app,.app,.workspace,.main,.app-main,.main-content,#main,#content-wrap,.screen,#content){background:transparent!important}
html[data-tracker-theme="maritime"] body.lilyjo-tracker-theme-active #screen-header{
  background:rgba(244,250,252,.96)!important;border-bottom:1px solid rgba(173,211,223,.9)!important;
  box-shadow:0 5px 22px rgba(1,31,47,.12)!important}
html[data-tracker-theme="maritime"] body.lilyjo-tracker-theme-active #statusbar{
  background:rgba(4,65,91,.88)!important;border-bottom:1px solid rgba(132,211,224,.18)!important;
  color:#f4fbfd!important;backdrop-filter:blur(10px)}
html[data-tracker-theme="maritime"] body.lilyjo-tracker-theme-active
:is(#sidebar,.sidebar,.app-sidebar){
  background:linear-gradient(180deg,var(--n38-navy) 0%,#086485 56%,var(--n38-teal) 100%)!important}
html[data-tracker-theme="classic"] body.lilyjo-tracker-theme-active{background:initial!important}

body.lilyjo-tracker-core-n38 #content{max-width:1320px;margin:0 auto;padding-bottom:30px}
.n38-tracker{display:grid;gap:16px}.n38-overview{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:16px}
.n38-card{background:rgba(244,250,252,.97);border:1px solid var(--n38-border,#b8d6e0);border-radius:20px;
  box-shadow:0 12px 30px rgba(1,31,47,.13);overflow:hidden}
.n38-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 18px 13px;border-bottom:1px solid #d4e6ec}
.n38-card-head h2{margin:0;color:var(--n38-text,#102c3a)!important;font-size:17px}.n38-card-head p{margin:4px 0 0;color:var(--n38-muted,#647f8d);font-size:12px}
.n38-source-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border:1px solid #9cc8d7;border-radius:999px;
  background:#e5f4f8;color:var(--n38-ocean,#0b789f);font-size:12px;font-weight:850;white-space:nowrap}
.n38-source-pill::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(11,120,159,.10)}
.n38-source-pill.ok{color:var(--n38-green,#15975f);background:#e7f7ef;border-color:#a6d8bf}
.n38-source-pill.warn{color:#9a6912;background:#fff6df;border-color:#ebcf86}
.n38-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px 18px 18px}
.n38-metric{min-width:0;min-height:94px;padding:13px 14px;border:1px solid #c8dee6;border-radius:14px;background:linear-gradient(145deg,#f8fcfd,#e9f4f7)}
.n38-metric small{display:block;margin-bottom:8px;color:var(--n38-muted,#647f8d);font-size:10px;font-weight:850;letter-spacing:.10em;text-transform:uppercase}
.n38-metric strong{display:block;color:var(--n38-text,#102c3a)!important;font-size:20px;line-height:1.18;font-weight:850;overflow-wrap:anywhere}
.n38-metric.primary strong{color:var(--n38-ocean,#0b789f)!important}
.n38-position{padding:16px 18px 18px}.n38-position-main{display:grid;grid-template-columns:1.4fr .8fr .65fr .65fr;gap:12px}
.n38-position .n38-metric:first-child strong{font-size:23px;color:var(--n38-ocean,#0b789f)!important}
.n38-safety{margin:0 18px 18px;padding:12px 14px;display:flex;gap:10px;border:1px solid #b8d8e2;border-radius:12px;
  background:#eaf5f8;color:#496b7b;font-size:12px;line-height:1.45}.n38-safety b{color:var(--n38-text,#102c3a)}
.n38-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 18px 18px}
.n38-tool{width:100%;min-height:90px;text-align:left;border:1px solid #c6dee6;border-radius:14px;background:linear-gradient(145deg,#f8fcfd,#e9f4f7);
  padding:14px;cursor:pointer;color:var(--n38-text,#102c3a);transition:.15s ease}
.n38-tool:hover{transform:translateY(-1px);border-color:#8dbfce;box-shadow:0 8px 18px rgba(5,64,88,.08)}
.n38-tool strong{display:block;margin-bottom:5px;color:var(--n38-text,#102c3a)!important;font-size:14px}
.n38-tool span{display:block;color:var(--n38-muted,#647f8d);font-size:11.5px;line-height:1.35}.n38-tool.primary{background:linear-gradient(145deg,#e5f4f8,#d9edf3);border-color:#9cc9d7}
.n38-refresh-note{padding:0 18px 16px;color:var(--n38-muted,#647f8d);font-size:11px}
#navigation .n38-nav-hidden{display:none!important}

body.lilyjo-trackdata-safe-n38 #content{max-width:1540px;margin:0 auto}
.n38-trackdata-guard{margin:0 0 16px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;
  border:1px solid #a9d0dc;border-radius:16px;background:rgba(240,249,251,.97);box-shadow:0 10px 24px rgba(1,31,47,.10)}
.n38-trackdata-guard strong{display:block;margin-bottom:3px;color:var(--n38-text,#102c3a)!important;font-size:14px}
.n38-trackdata-guard span{display:block;color:var(--n38-muted,#647f8d);font-size:11.5px;line-height:1.4}
.n38-trackdata-unlock{flex:0 0 auto;min-height:38px;padding:8px 12px;border:1px solid #9cc4d2;border-radius:10px;background:#eef7fa;color:#0c6688;font:inherit;font-size:12px;font-weight:850;cursor:pointer}
body.lilyjo-trackdata-safe-n38:not(.lilyjo-trackdata-write-n38) #content :is(button,a)[data-n38-write="1"]{display:none!important}
.n38-trackdata-guard.write{border-color:#e0c77e;background:#fff8e7}
.n38-trackdata-guard.write .n38-trackdata-unlock{border-color:#d6bc68;background:#fff2c6;color:#835d0d}
@media(max-width:1000px){.n38-overview{grid-template-columns:1fr}.n38-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.n38-position-main{grid-template-columns:repeat(2,minmax(0,1fr))}.n38-tool-grid{grid-template-columns:1fr}}
@media(max-width:650px){.n38-metrics,.n38-position-main{grid-template-columns:1fr}.n38-card-head{align-items:flex-start;flex-direction:column}.n38-trackdata-guard{align-items:stretch;flex-direction:column}}
