/* MCO AS3 Program Hub - shared design system (override layer). Loaded after each page's inline styles. */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800&family=Inter:wght@400;450;500;600;700&display=swap');

:root{
  --teal:#0F3A42; --tealdark:#0C2A31; --navy:#0C2A31;
  --ink:#16242b; --mute:#5A6A72; --line:#E4E8E9; --grey:#F3F5F5;
  --petrol:#0F3A42; --deep:#0C2A31; --accent:#F04E23; --paper:#F3F5F5; --hair:#E4E8E9;
}

body{font-family:'Inter','Segoe UI',Arial,sans-serif!important;background:var(--paper)!important;color:#16242b!important;line-height:1.5!important;-webkit-font-smoothing:antialiased;}
a{color:var(--petrol);}

/* Header */
header.band{background:#fff!important;border-bottom:1px solid var(--hair)!important;}
.logo{background:none!important;color:#0F3A42!important;font-family:'Archivo',sans-serif!important;font-weight:800!important;border-radius:0!important;letter-spacing:.5px!important;padding:0!important;}
header .t1{font-family:'Archivo',sans-serif!important;font-weight:700!important;color:var(--deep)!important;letter-spacing:-.01em!important;}
header .t2{color:var(--mute)!important;font-weight:500!important;}

/* Crumbs + links */
.crumbs a{color:var(--petrol)!important;}

/* Tabs / pills */
.tab{border-radius:8px!important;font-weight:500!important;border:1px solid var(--hair)!important;color:#44555d!important;background:#fff!important;}
.tab.on{background:var(--deep)!important;border-color:var(--deep)!important;color:#fff!important;}

/* Section headings */
h2.sec{font-family:'Archivo',sans-serif!important;font-weight:700!important;color:var(--deep)!important;border-bottom:1px solid var(--hair)!important;text-transform:none!important;letter-spacing:-.005em!important;font-size:15px!important;padding-bottom:6px!important;}

/* Cards + rows: hairline, quiet shadow */
.card{border:1px solid var(--hair)!important;box-shadow:0 1px 2px rgba(12,42,49,.04)!important;border-radius:12px!important;}
.rowcard{box-shadow:0 1px 2px rgba(12,42,49,.04)!important;border:1px solid var(--hair)!important;border-radius:12px!important;}
.rowcard .name{font-family:'Archivo',sans-serif!important;letter-spacing:-.005em!important;}

/* Buttons */
.btn{border-radius:10px!important;font-weight:600!important;}

/* Dashboard tiles / stats keep their hairline look */
.d,.num,.tile{box-shadow:none!important;border:1px solid var(--hair)!important;border-radius:10px!important;}
.d .k,.tile .k{font-family:'Archivo',sans-serif!important;text-transform:none!important;letter-spacing:0!important;}
.d .v,.tile .v,.num b{font-family:'Archivo',sans-serif!important;}

/* Password gate */
.gate{box-shadow:0 18px 40px rgba(12,42,49,.14)!important;border-radius:16px!important;border:1px solid var(--hair)!important;}
.gate h1{font-family:'Archivo',sans-serif!important;color:var(--deep)!important;}

/* Meeting minutes cards */
.mcard{box-shadow:0 1px 2px rgba(12,42,49,.04)!important;border:1px solid var(--hair)!important;border-left:3px solid var(--petrol)!important;border-radius:12px!important;}
.mhead .ttl{font-family:'Archivo',sans-serif!important;color:var(--deep)!important;}

/* Photos */
.ph{box-shadow:0 1px 2px rgba(12,42,49,.05)!important;border:1px solid var(--hair)!important;border-radius:12px!important;}
.toggle{border-color:var(--petrol)!important;}
.vchips button.on{background:var(--deep)!important;border-color:var(--deep)!important;}

footer{color:#9AA6AC!important;}

table,.v,.nums b{font-variant-numeric:tabular-nums}