/* UON Hub Green System v1 — public student experience */
:root{
 --uon-green:#0b7a4b;--uon-green-2:#0f9b60;--uon-green-dark:#07583a;
 --uon-bg:#07110d;--uon-surface:#0d1812;--uon-surface-2:#111f17;--uon-surface-3:#16281d;
 --uon-text:#f7faf8;--uon-muted:#9fb0a7;--uon-border:rgba(255,255,255,.10);
 --uon-shadow:0 22px 62px rgba(0,0,0,.25);--uon-radius:22px;
 --bg:var(--uon-bg);--surface:var(--uon-surface);--surface2:var(--uon-surface-2);--line:var(--uon-border);
 --text:var(--uon-text);--muted:var(--uon-muted);--primary:var(--uon-green-2);--secondary:var(--uon-green);
 --app-bg:var(--uon-bg);--app-surface:var(--uon-surface);--app-surface2:var(--uon-surface-2);--app-line:var(--uon-border);--app-text:var(--uon-text);--app-muted:var(--uon-muted);--app-primary:var(--uon-green-2);
 --uon-line:var(--uon-border);
}
html[data-theme="light"]{
 --uon-bg:#f4f7f5;--uon-surface:#fff;--uon-surface-2:#edf3ef;--uon-surface-3:#e5eee8;
 --uon-text:#0b1510;--uon-muted:#607167;--uon-border:rgba(7,41,25,.12);--uon-shadow:0 18px 48px rgba(15,52,32,.09);
 --bg:var(--uon-bg);--surface:var(--uon-surface);--surface2:var(--uon-surface-2);--line:var(--uon-border);--text:var(--uon-text);--muted:var(--uon-muted);--primary:var(--uon-green);--secondary:var(--uon-green-2);
 --app-bg:var(--uon-bg);--app-surface:var(--uon-surface);--app-surface2:var(--uon-surface-2);--app-line:var(--uon-border);--app-text:var(--uon-text);--app-muted:var(--uon-muted);--app-primary:var(--uon-green);
}
body:not(.admin-page){background:radial-gradient(circle at 85% -8%,rgba(15,155,96,.08),transparent 30%),var(--uon-bg)!important;color:var(--uon-text)!important}
body:not(.admin-page) ::selection{background:rgba(15,155,96,.32);color:var(--uon-text)}
body:not(.admin-page) .container{width:min(1160px,calc(100% - 32px))}
body:not(.admin-page) a{transition:color .16s ease,border-color .16s ease,background .16s ease,transform .16s ease}

/* Header + navigation */
body:not(.admin-page) .site-header,body:not(.admin-page) .v176-nav{background:rgba(7,17,13,.84)!important;border-color:var(--uon-border)!important;backdrop-filter:blur(18px)}
html[data-theme="light"] body:not(.admin-page) .site-header,html[data-theme="light"] body:not(.admin-page) .v176-nav{background:rgba(244,247,245,.92)!important}
body:not(.admin-page) .site-header{border-bottom:1px solid var(--uon-border)!important}
body:not(.admin-page) .nav{min-height:72px;height:auto!important}
body:not(.admin-page) .brand,body:not(.admin-page) .v176-brand{color:var(--uon-text)!important}
body:not(.admin-page) .brand-mark,body:not(.admin-page) .v176-brand>span{background:linear-gradient(145deg,var(--uon-green-2),var(--uon-green-dark))!important;color:#fff!important;border:0!important;box-shadow:0 10px 26px rgba(11,122,75,.25)!important}
body:not(.admin-page) .v176-brand>span{font-size:0!important}
body:not(.admin-page) .v176-brand>span:after{content:"U";font-size:15px;font-weight:900}
body:not(.admin-page) .brand-name b,body:not(.admin-page) .brand span:last-child{color:var(--uon-green-2)!important}
body:not(.admin-page) .nav-links a,body:not(.admin-page) .v176-desktop-nav a{color:var(--uon-muted)!important;border-radius:12px!important}
body:not(.admin-page) .nav-links a:hover,body:not(.admin-page) .nav-links a.active,body:not(.admin-page) .v176-desktop-nav a:hover,body:not(.admin-page) .v176-desktop-nav a.active{background:rgba(15,155,96,.10)!important;color:var(--uon-text)!important}
body:not(.admin-page) .icon-btn,body:not(.admin-page) .v176-nav-button{background:rgba(255,255,255,.04)!important;color:var(--uon-text)!important;border:1px solid var(--uon-border)!important;border-radius:12px!important}
body:not(.admin-page) .v176-side-menu{background:var(--uon-surface)!important;color:var(--uon-text)!important;border-color:var(--uon-border)!important;box-shadow:var(--uon-shadow)!important}
body:not(.admin-page) .v176-side-menu a{color:var(--uon-muted)!important;border-radius:12px!important}
body:not(.admin-page) .v176-side-menu a:hover,body:not(.admin-page) .v176-side-menu a.active{background:rgba(15,155,96,.10)!important;color:var(--uon-text)!important}
body:not(.admin-page) .v176-menu-settings button{background:var(--uon-surface-2)!important;color:var(--uon-text)!important;border-color:var(--uon-border)!important}
body:not(.admin-page) .v176-backdrop.open{background:rgba(1,8,5,.68)!important;backdrop-filter:blur(5px)}

/* Hero + typography */
body:not(.admin-page) .page-hero,body:not(.admin-page) .search-hero,body:not(.admin-page) .support-centers-hero,body:not(.admin-page) .community-hero,body:not(.admin-page) .google-connect-hero{background:radial-gradient(circle at 80% 0,rgba(15,155,96,.12),transparent 36%),transparent!important}
body:not(.admin-page) .page-hero{padding:58px 0 30px!important}
body:not(.admin-page) .page-hero h1,body:not(.admin-page) .community-hero h1,body:not(.admin-page) .google-connect-hero h1{color:var(--uon-text)!important;letter-spacing:-.035em}
body:not(.admin-page) .page-hero p,body:not(.admin-page) .community-hero p,body:not(.admin-page) .google-connect-hero p{color:var(--uon-muted)!important}
body:not(.admin-page) .student-label,body:not(.admin-page) .badge,body:not(.admin-page) .community-badge,body:not(.admin-page) .eyebrow{background:rgba(15,155,96,.10)!important;border:1px solid rgba(15,155,96,.24)!important;color:#87ddb0!important}
html[data-theme="light"] body:not(.admin-page) .student-label,html[data-theme="light"] body:not(.admin-page) .badge,html[data-theme="light"] body:not(.admin-page) .community-badge,html[data-theme="light"] body:not(.admin-page) .eyebrow{color:#08683f!important}
body:not(.admin-page) .muted,body:not(.admin-page) small{color:var(--uon-muted)}
body:not(.admin-page) .section{padding:54px 0}
body:not(.admin-page) .section-head h1,body:not(.admin-page) .section-head h2,body:not(.admin-page) .section-head h3{color:var(--uon-text)}
body:not(.admin-page) .section-head p{color:var(--uon-muted)!important}

/* Buttons + form controls */
body:not(.admin-page) .btn,body:not(.admin-page) button:not(.assistant-response-tool):not(.assistant-history-head button){border:1px solid var(--uon-border);background:var(--uon-surface-2);color:var(--uon-text);border-radius:13px}
body:not(.admin-page) .btn:hover,body:not(.admin-page) button:hover{border-color:rgba(15,155,96,.34)}
body:not(.admin-page) .btn.primary,body:not(.admin-page) button.primary,body:not(.admin-page) .community-primary{background:linear-gradient(135deg,var(--uon-green-2),var(--uon-green))!important;border-color:transparent!important;color:#fff!important;box-shadow:0 10px 26px rgba(11,122,75,.20)}
body:not(.admin-page) .btn.success{background:rgba(15,155,96,.10)!important;color:#a9e7c6!important;border-color:rgba(15,155,96,.25)!important}
body:not(.admin-page) .btn.danger{background:rgba(239,68,68,.07)!important;color:#fecaca!important;border-color:rgba(239,68,68,.24)!important}
body:not(.admin-page) input:not([type="checkbox"]):not([type="radio"]),body:not(.admin-page) select,body:not(.admin-page) textarea{background:var(--uon-surface-2)!important;color:var(--uon-text)!important;border:1px solid var(--uon-border)!important;border-radius:13px!important}
body:not(.admin-page) input:focus,body:not(.admin-page) select:focus,body:not(.admin-page) textarea:focus{outline:3px solid rgba(15,155,96,.10)!important;border-color:rgba(15,155,96,.48)!important;box-shadow:none!important}
body:not(.admin-page) input::placeholder,body:not(.admin-page) textarea::placeholder{color:color-mix(in srgb,var(--uon-muted) 78%,transparent)!important}
body:not(.admin-page) label{color:var(--uon-text)!important}

/* Universal surfaces */
body:not(.admin-page) .card,body:not(.admin-page) .feature-card,body:not(.admin-page) .item-card,body:not(.admin-page) .form-card,body:not(.admin-page) .panel,body:not(.admin-page) article:not(.message):not(.uon-rd-card){border-color:var(--uon-border)!important}
body:not(.admin-page) .card,body:not(.admin-page) .feature-card,body:not(.admin-page) .item-card,body:not(.admin-page) .form-card,body:not(.admin-page) .panel{background:linear-gradient(145deg,var(--uon-surface),color-mix(in srgb,var(--uon-surface-2) 72%,var(--uon-bg)))!important;color:var(--uon-text)!important;box-shadow:0 16px 42px rgba(0,0,0,.12)!important}
body:not(.admin-page) .feature-card:hover,body:not(.admin-page) .item-card:hover{border-color:rgba(15,155,96,.32)!important;transform:translateY(-2px)}
body:not(.admin-page) .feature-card i{color:var(--uon-green-2)!important}
body:not(.admin-page) .list-row,body:not(.admin-page) .empty{background:rgba(255,255,255,.025)!important;border-color:var(--uon-border)!important;color:var(--uon-text)!important}
body:not(.admin-page) table,body:not(.admin-page) th,body:not(.admin-page) td{color:var(--uon-text)!important;border-color:var(--uon-border)!important}
body:not(.admin-page) th{background:rgba(15,155,96,.07)!important}
body:not(.admin-page) .modal{background:rgba(1,8,5,.76)!important;backdrop-filter:blur(8px)}
body:not(.admin-page) .modal-card{background:var(--uon-surface)!important;color:var(--uon-text)!important;border-color:var(--uon-border)!important}
body:not(.admin-page) .toast,body:not(.admin-page) .notification-drawer{background:var(--uon-surface-2)!important;color:var(--uon-text)!important;border-color:var(--uon-border)!important}

/* Summaries */
body:not(.admin-page) .sum-card{background:linear-gradient(145deg,var(--uon-surface),var(--uon-surface-2))!important;border-color:var(--uon-border)!important;box-shadow:0 14px 36px rgba(0,0,0,.13)!important}
body:not(.admin-page) .sum-card:hover{border-color:rgba(15,155,96,.36)!important}
body:not(.admin-page) .sum-type{background:rgba(15,155,96,.10)!important;color:#8de0b5!important}
html[data-theme="light"] body:not(.admin-page) .sum-type{color:#08683f!important}
body:not(.admin-page) .submit-note{background:rgba(15,155,96,.07)!important;border-color:rgba(15,155,96,.20)!important;color:var(--uon-muted)!important}
body:not(.admin-page) .sum-rating-line{border-color:var(--uon-border)!important}

/* Groups */
body:not(.admin-page) .community-channel{background:linear-gradient(145deg,var(--uon-surface),var(--uon-surface-2))!important;border-color:rgba(15,155,96,.24)!important;box-shadow:0 14px 36px rgba(0,0,0,.12)!important}
body:not(.admin-page) .group-card,body:not(.admin-page) .simple-group-card{background:linear-gradient(145deg,var(--uon-surface),var(--uon-surface-2))!important;border-color:var(--uon-border)!important;box-shadow:0 14px 36px rgba(0,0,0,.12)!important}
body:not(.admin-page) .group-card:before,body:not(.admin-page) .simple-group-card:before{background:var(--uon-green-2)!important}
body:not(.admin-page) .badge{color:#88dfb1!important}
body:not(.admin-page) .whatsapp-join-button{background:linear-gradient(135deg,#1fbd65,#11924b)!important;color:#fff!important}

/* Ratings */
body:not(.admin-page) .r38-stat,body:not(.admin-page) .r38-card{background:linear-gradient(145deg,var(--uon-surface),var(--uon-surface-2))!important;border-color:var(--uon-border)!important;box-shadow:0 14px 36px rgba(0,0,0,.12)!important}
body:not(.admin-page) .r38-type{background:rgba(15,155,96,.10)!important;color:#8de0b5!important}
body:not(.admin-page) .r38-metric{background:rgba(255,255,255,.035)!important}

/* Tools */
body:not(.admin-page) .uon44-tool-card,body:not(.admin-page) .calendar-feature{background:linear-gradient(145deg,var(--uon-surface),var(--uon-surface-2))!important;border-color:var(--uon-border)!important;box-shadow:0 14px 36px rgba(0,0,0,.10)!important}
body:not(.admin-page) .uon44-tool-card:hover,body:not(.admin-page) .calendar-feature:hover{border-color:rgba(15,155,96,.34)!important}
body:not(.admin-page) .calendar-feature-icon{background:rgba(15,155,96,.11)!important;color:#87ddb0!important}

/* Search */
body:not(.admin-page) .search-hero{background:radial-gradient(circle at 50% 0,rgba(15,155,96,.12),transparent 42%),var(--uon-bg)!important}
body:not(.admin-page) .search-box{background:var(--uon-surface)!important;border-color:rgba(15,155,96,.22)!important;box-shadow:var(--uon-shadow)!important}
body:not(.admin-page) .search-filter{background:var(--uon-surface-2)!important;border-color:var(--uon-border)!important;color:var(--uon-muted)!important}
body:not(.admin-page) .search-filter.active{background:rgba(15,155,96,.12)!important;border-color:rgba(15,155,96,.34)!important;color:#9ce4bf!important}
body:not(.admin-page) .search-card{background:var(--uon-surface)!important;border-color:var(--uon-border)!important}
body:not(.admin-page) .search-card:hover{border-color:rgba(15,155,96,.34)!important}

/* Confessions */
body:not(.admin-page) .conf-hero-icon{background:rgba(15,155,96,.10)!important;border-color:rgba(15,155,96,.24)!important;box-shadow:none!important}
body:not(.admin-page) .conf-card{background:linear-gradient(145deg,var(--uon-surface),var(--uon-surface-2))!important;border-color:var(--uon-border)!important}
body:not(.admin-page) .conf-toolbar,body:not(.admin-page) .comment{background:rgba(255,255,255,.025)!important;border-color:var(--uon-border)!important}
body:not(.admin-page) .conf-toolbar button.active,body:not(.admin-page) .conf-reaction.active{background:rgba(15,155,96,.12)!important;border-color:rgba(15,155,96,.30)!important;color:#a6e7c5!important}

/* Community pages: marketplace + question bank */
body.community-page{--community-green:var(--uon-green-2);--community-green-2:var(--uon-green);--community-bg:var(--uon-bg);--community-panel:var(--uon-surface);--community-line:var(--uon-border);--community-muted:var(--uon-muted);background:radial-gradient(circle at 85% 0,rgba(15,155,96,.09),transparent 30%),var(--uon-bg)!important;color:var(--uon-text)!important}
body.community-page .community-card,body.community-page .community-modal-card{background:linear-gradient(145deg,var(--uon-surface),var(--uon-surface-2))!important;border-color:var(--uon-border)!important}
body.community-page .community-search,body.community-page .community-input{background:var(--uon-surface-2)!important;color:var(--uon-text)!important;border-color:var(--uon-border)!important}
body.community-page .community-stat{background:var(--uon-surface)!important;border-color:var(--uon-border)!important}
body.community-page .community-filter{background:var(--uon-surface-2)!important;border-color:var(--uon-border)!important;color:var(--uon-muted)!important}
body.community-page .community-filter.active{background:rgba(15,155,96,.11)!important;border-color:rgba(15,155,96,.30)!important;color:#9ee5c0!important}
body.community-page .community-chip.cyan{background:rgba(15,155,96,.07)!important;border-color:rgba(15,155,96,.17)!important;color:#8de0b5!important}

/* Dashboard */
body:not(.admin-page) .dashboard-stat,body:not(.admin-page) .dashboard-pulse-card,body:not(.admin-page) .dashboard-quick-link,body:not(.admin-page) .dashboard-course-card,body:not(.admin-page) .dashboard-list a,body:not(.admin-page) .dashboard-backup-card{background:linear-gradient(145deg,var(--uon-surface),var(--uon-surface-2))!important;border-color:var(--uon-border)!important}
body:not(.admin-page) .dashboard-pulse-card.is-academic,body:not(.admin-page) .dashboard-pulse-card.is-task{background:linear-gradient(145deg,rgba(15,155,96,.07),var(--uon-surface))!important}
body:not(.admin-page) .dashboard-quick-link:hover,body:not(.admin-page) .dashboard-course-card:hover{border-color:rgba(15,155,96,.32)!important}
body:not(.admin-page) .dashboard-course-card small{color:#86dcae!important}

/* Tasks + Focus */
body:not(.admin-page) .tasks-form-card,body:not(.admin-page) .tasks-stat,body:not(.admin-page) .task-card,body:not(.admin-page) .focus-timer-card,body:not(.admin-page) .focus-side-card,body:not(.admin-page) .focus-stat{background:linear-gradient(145deg,var(--uon-surface),var(--uon-surface-2))!important;border-color:var(--uon-border)!important;box-shadow:0 14px 36px rgba(0,0,0,.10)!important}
body:not(.admin-page) .tasks-filter .btn.active,body:not(.admin-page) .focus-presets .btn.active{background:rgba(15,155,96,.13)!important;border-color:rgba(15,155,96,.34)!important;color:#9ce4bf!important}
body:not(.admin-page) .focus-timer-ring{border-color:rgba(15,155,96,.28)!important;box-shadow:inset 0 0 0 10px rgba(15,155,96,.05)!important}
body:not(.admin-page) .focus-goal-track{background:rgba(255,255,255,.06)!important}
body:not(.admin-page) .focus-goal-track span{background:linear-gradient(90deg,var(--uon-green),var(--uon-green-2))!important}

/* Schedule */
body:not(.admin-page) .schedule-form-card,body:not(.admin-page) .schedule-board-card,body:not(.admin-page) .schedule-day,body:not(.admin-page) .schedule-insight-card,body:not(.admin-page) .schedule-smart-card{background:linear-gradient(145deg,var(--uon-surface),var(--uon-surface-2))!important;border-color:var(--uon-border)!important;box-shadow:0 14px 36px rgba(0,0,0,.10)!important}
body:not(.admin-page) .schedule-day-choice span{background:var(--uon-surface-2)!important;border-color:var(--uon-border)!important;color:var(--uon-muted)!important}
body:not(.admin-page) .schedule-day-choice input:checked+span{background:rgba(15,155,96,.14)!important;border-color:rgba(15,155,96,.40)!important;color:#9ce4bf!important}
body:not(.admin-page) .schedule-event{background:var(--uon-surface-3)!important;border-inline-start-color:var(--uon-green-2)!important;border-right-color:var(--uon-green-2)!important}

/* UON AI */
body:not(.admin-page) .v175-page-hero.ai{background:radial-gradient(circle at 75% 0,rgba(15,155,96,.12),transparent 38%),transparent!important}
body:not(.admin-page) .v175-ai-info,body:not(.admin-page) .v175-ai-chat,body:not(.admin-page) .assistant-history-drawer{background:linear-gradient(145deg,var(--uon-surface),var(--uon-surface-2))!important;border-color:var(--uon-border)!important;color:var(--uon-text)!important;box-shadow:0 16px 44px rgba(0,0,0,.13)!important}
body:not(.admin-page) .message.bot{background:rgba(15,155,96,.09)!important;border:1px solid rgba(15,155,96,.17)!important;color:var(--uon-text)!important}
body:not(.admin-page) .message.user{background:var(--uon-green)!important;color:#fff!important}
body:not(.admin-page) .assistant-chat-tools button,body:not(.admin-page) .assistant-history-item{background:var(--uon-surface-2)!important;border-color:var(--uon-border)!important;color:var(--uon-text)!important}
body:not(.admin-page) .assistant-history-item.active{border-color:rgba(15,155,96,.48)!important;background:rgba(15,155,96,.08)!important}
body:not(.admin-page) .assistant-status-dot{background:var(--uon-green-2)!important;box-shadow:0 0 0 6px rgba(15,155,96,.10)!important}
body:not(.admin-page) .uon-ai-fab{background:linear-gradient(135deg,var(--uon-green-2),var(--uon-green))!important;color:#fff!important;box-shadow:0 16px 40px rgba(7,88,58,.28)!important;border-color:rgba(255,255,255,.12)!important}

/* Google connect */
body:not(.admin-page) .google-connect-page{background:radial-gradient(circle at 15% 0,rgba(15,155,96,.10),transparent 34%),var(--uon-bg)!important;color:var(--uon-text)!important}
body:not(.admin-page) .google-card{background:var(--uon-surface)!important;border-color:var(--uon-border)!important;box-shadow:0 14px 38px rgba(0,0,0,.10)!important}
body:not(.admin-page) .google-scope,body:not(.admin-page) .google-item{background:var(--uon-surface-2)!important;border-color:var(--uon-border)!important;color:var(--uon-text)!important}
body:not(.admin-page) .google-privacy{background:rgba(15,155,96,.055)!important;color:var(--uon-muted)!important}
body:not(.admin-page) .google-status-pill.active{background:rgba(15,155,96,.12)!important;color:#88dfb1!important}

/* Support centers + common service grids */
body:not(.admin-page) .support-center-card,body:not(.admin-page) .support-centers-note{background:linear-gradient(145deg,var(--uon-surface),var(--uon-surface-2))!important;border-color:var(--uon-border)!important;box-shadow:0 14px 36px rgba(0,0,0,.09)!important}
body:not(.admin-page) .support-centers-note{color:var(--uon-muted)!important}

/* Footer + notices */
body:not(.admin-page) .uon-independent-notice{background:rgba(15,155,96,.045)!important;border:1px solid rgba(15,155,96,.16)!important;color:var(--uon-muted)!important;border-radius:16px!important}
body:not(.admin-page) .uon-independent-notice__icon{background:rgba(15,155,96,.12)!important;color:#8de0b5!important}
body:not(.admin-page) .site-footer{background:transparent!important;border-top:1px solid var(--uon-border)!important;color:var(--uon-muted)!important}
body:not(.admin-page) .site-footer a{color:var(--uon-muted)!important}

/* Feature state */
body:not(.admin-page) .feature-state-banner{background:var(--uon-surface)!important;color:var(--uon-text)!important;border-color:var(--uon-border)!important;box-shadow:var(--uon-shadow)!important}
body:not(.admin-page) [aria-disabled="true"],body:not(.admin-page) .feature-unavailable{filter:saturate(.55)!important;opacity:.56!important}

@media(max-width:900px){
 body:not(.admin-page) .nav-links{background:var(--uon-surface)!important;border-color:var(--uon-border)!important;box-shadow:var(--uon-shadow)!important}
 body:not(.admin-page) .section{padding:44px 0}
}
@media(max-width:680px){
 body:not(.admin-page) .container{width:min(100% - 22px,1160px)}
 body:not(.admin-page) .page-hero{padding:38px 0 22px!important}
 body:not(.admin-page) .page-hero h1{font-size:clamp(1.8rem,8vw,2.45rem)!important}
 body:not(.admin-page) .section{padding:36px 0}
 body:not(.admin-page) .btn,body:not(.admin-page) button{min-height:44px}
 body:not(.admin-page) .card,body:not(.admin-page) .modal-card{border-radius:18px!important}
 body:not(.admin-page) .uon-ai-fab{right:12px!important;bottom:12px!important}
}
@media(prefers-reduced-motion:reduce){body:not(.admin-page) *,body:not(.admin-page) *:before,body:not(.admin-page) *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}