/* Cobblemon University UI — overlay for Crafty 4.10.8 */
:root,html.default,html {
 --cu-bg:#0b1119;--cu-panel:#111b26;--cu-raised:#182432;--cu-border:#29384a;
 --cu-text:#e9f0f6;--cu-muted:#9cafc3;--cu-accent:#72dfb8;
 --deep-bg:var(--cu-bg);--dropdown-bg:var(--cu-panel);--card-banner-bg:var(--cu-raised);
 --base-text:var(--cu-text);--outline:var(--cu-border);--base-bg:#e9f0f6;
 --primary:#72dfb8;--info:#80baff;--success:#72dfb8;--warning:#ffd17d;--danger:#ff8994;
 --font-family-sans-serif:Inter,"Segoe UI",system-ui,sans-serif;
 color-scheme:dark;
}
html body {font-family:var(--font-family-sans-serif);background:var(--cu-bg);color:var(--cu-text);font-size:14px;line-height:1.55;}
body .content-wrapper {background:var(--cu-bg);padding:30px;min-height:calc(100vh - 135px);}
body .main-panel {background:var(--cu-bg);}
body a {color:var(--cu-accent);}
body a:hover {color:#b8f7dd;}
body .navbar.default-layout {box-shadow:none;border-bottom:1px solid var(--cu-border);}
body .navbar.default-layout .navbar-brand-wrapper,body .navbar.default-layout .navbar-menu-wrapper {background:#0e1721;}
body .navbar.default-layout .navbar-brand-wrapper {align-items:center!important;}
.cu-brand {display:flex;gap:11px;align-items:center;color:var(--cu-text);text-align:left;}
.cu-brand strong {display:block;font-size:15px;line-height:1.15;letter-spacing:-.3px;}
.cu-brand small {display:block;margin-top:4px;font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--cu-muted);}
.cu-mark {display:inline-block;flex:0 0 33px;width:33px;height:33px;border:2px solid #e8edf5;border-radius:50%;background:linear-gradient(#e97982 0 44%,#101923 44% 56%,#eef3f8 56%);position:relative;box-shadow:0 0 22px #e9798210;}
.cu-mark:after {content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:11px;height:11px;border:3px solid #101923;border-radius:50%;background:#eef3f8;}
body #sidebar {background:#0e1721;border-right:1px solid var(--cu-border);}
body #sidebar .nav {background:transparent;padding-top:15px;}
body #sidebar .nav .nav-item {padding:0 10px;}
body #sidebar .nav .nav-item .nav-link {border-radius:9px;color:var(--cu-muted);padding:13px 15px;margin:3px 0;font-weight:500;}
body #sidebar .nav .nav-item .nav-link:hover,body #sidebar .nav .nav-item.active>.nav-link {background:#72dfb812;color:var(--cu-accent);}
body #sidebar .nav .nav-item .nav-link.cu-current {background:#72dfb817;color:var(--cu-accent);box-shadow:inset 3px 0 var(--cu-accent);}
body #sidebar .nav .sub-menu {padding-top:0;}
body #sidebar .nav .sub-menu .nav-link {font-size:13px;}
body #sidebar .panel-settings {color:var(--cu-muted)!important;}
body .card,body .modal-content,body .dropdown-menu,body .auto-form-wrapper {background:var(--cu-panel);border:1px solid var(--cu-border);border-radius:14px;box-shadow:0 10px 24px #00000012;}
body .card .card-header {background:transparent;border-bottom:1px solid var(--cu-border);padding:18px 22px;}
body .card .card-body {padding:24px;}
body .card-title,body .page-title,body h1,body h2,body h3,body h4,body h5 {color:var(--cu-text);letter-spacing:-.4px;}
body .page-title {font-size:26px;font-weight:650;}
body .text-muted,body .text-secondary {color:var(--cu-muted)!important;}
body .text-primary,body .text-success {color:var(--cu-accent)!important;}
body .text-danger {color:#ff8994!important;}
body .text-warning {color:#ffd17d!important;}
body .btn {border-radius:9px;font-weight:600;font-size:13px;padding:11px 16px;box-shadow:none;transition:background .15s,border-color .15s;}
body .btn-primary,body .btn-success {background:var(--cu-accent);border-color:var(--cu-accent);color:#092319;}
body .btn-primary:hover,body .btn-success:hover {background:#a1efcf;border-color:#a1efcf;color:#092319;}
body .btn-secondary,body .btn-outline-primary {background:var(--cu-raised);border-color:var(--cu-border);color:var(--cu-text);}
body .btn-danger {background:#52262f;border-color:#89434c;color:#ffd6dc;}
body .btn-warning {background:#4a3a20;border-color:#786138;color:#ffe0a6;}
body .btn:disabled {opacity:.45;}
body :focus-visible {outline:2px solid var(--cu-accent)!important;outline-offset:3px;}
body input.form-control,body textarea.form-control,body select.form-control,body .form-control,body .custom-select,body .select2-container--default .select2-selection--single {background:#0c1520!important;border:1px solid #34465b!important;color:var(--cu-text)!important;border-radius:8px;box-shadow:none!important;}
body .form-control:focus {border-color:var(--cu-accent)!important;}
body .form-control::placeholder {color:#869bb2;opacity:1;}
body label {color:#b7c8d9;}
body .table {color:var(--cu-text);}
body .table thead th {background:#15212e;color:var(--cu-muted);font-size:11px;text-transform:uppercase;letter-spacing:.8px;border-color:var(--cu-border);padding:15px;}
body .table td {border-color:#243243;vertical-align:middle;padding:15px;}
body .table-hover tbody tr:hover {background:#192838;color:var(--cu-text);}
body .nav-tabs {border-color:var(--cu-border);gap:4px;}
body .nav-tabs .nav-link {color:var(--cu-muted);border:0;border-bottom:2px solid transparent;padding:13px 17px;}
body .nav-tabs .nav-link.active {color:var(--cu-accent);background:#72dfb80b;border-bottom-color:var(--cu-accent);}
body .dropdown-item {color:var(--cu-text);}
body .dropdown-item:hover {background:var(--cu-raised);color:var(--cu-accent);}
body .modal-header,body .modal-footer {border-color:var(--cu-border);}
body .progress {height:7px;border-radius:8px;background:#253446;}
body .progress-bar {background-color:var(--cu-accent);}
body .footer {background:var(--cu-bg);border-top:1px solid var(--cu-border);padding:16px 30px;font-size:11px;}
body .footer a {color:var(--cu-muted);}
.cu-hero {display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 28px;margin-bottom:24px;border:1px solid #345044;border-radius:15px;background:linear-gradient(110deg,#172b2b,#121d29 75%);position:relative;overflow:hidden;}
.cu-hero h1 {font-size:28px;margin:5px 0 8px;font-weight:650;}
.cu-hero p {color:#b2c3d2;margin:0;max-width:620px;}
.cu-eyebrow {color:var(--cu-accent);font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:700;}
.cu-hero .cu-mark {width:66px;height:66px;flex-basis:66px;opacity:.75;transform:rotate(-18deg);}
.cu-hero .cu-mark:after {width:20px;height:20px;border-width:5px;}
.cu-empty {padding:38px 20px;text-align:center;}
.cu-empty h2 {font-size:22px;margin:16px 0 10px;}
.cu-empty p {color:var(--cu-muted);max-width:480px;margin:0 auto 20px;}
.cu-search-trigger {margin-left:12px;background:#15222f;border:1px solid #314052;border-radius:8px;color:#b6c6d7;padding:8px 12px;font:inherit;display:flex;gap:18px;align-items:center;}
.cu-search-trigger kbd {background:#263649;color:#aebfd2;font-size:10px;padding:3px 5px;border-radius:4px;}
.cu-palette {padding:0;max-width:540px;width:calc(100vw - 32px);background:#111b26;color:#e9f0f6;border:1px solid #3d536b;border-radius:15px;box-shadow:0 30px 100px #0009;}
.cu-palette::backdrop {background:#020810b8;backdrop-filter:blur(5px);}
.cu-palette header {display:flex;align-items:center;gap:10px;padding:17px 20px;border-bottom:1px solid #29384a;}
.cu-palette input {flex:1;min-width:0;color:#e9f0f6;background:transparent;border:0;padding:8px;outline:none;font:inherit;}
.cu-palette header button {color:#aabbcc;border:1px solid #34465b;background:#182432;border-radius:5px;cursor:pointer;}
.cu-palette ul {list-style:none;padding:10px;margin:0;max-height:360px;overflow:auto;}
.cu-palette li a {display:block;padding:13px 15px;border-radius:8px;color:#d8e6f3;}
.cu-palette li a:hover,.cu-palette li a:focus {background:#72dfb816;color:#72dfb8;}
.cu-palette .cu-no-results {color:#9cafc3;padding:20px;}
body .auth.auth-bg-1 {background:radial-gradient(ellipse at 20% 0%,#183730 0,transparent 50%),#0b1119!important;}
body #login-form-background {background:#111b26!important;border:1px solid #314253!important;padding:35px!important;border-radius:18px!important;}
body .auto-form-logo {margin-bottom:30px;}
body .auto-form-logo .cu-brand {justify-content:center;}
body .auto-form-logo .cu-brand strong {font-size:22px;}
body .auto-form-logo .cu-brand small {font-size:11px;}
body .login-input {box-shadow:none!important;}
body #error-field {color:#ffc1c8;background:#4f242d;border-color:#8a4652;text-align:left;}
body .auth .login-text-input {height:46px;}
body .auth .btn-primary {min-height:45px;}
body pre,body code {font-family:"Cascadia Code",Consolas,monospace;}
body pre {background:#080f17;border:1px solid var(--cu-border);border-radius:10px;padding:16px;}
@media(max-width:991px){body .content-wrapper{padding:20px;} .cu-hero{padding:22px;} .cu-search-trigger span{display:none;} .cu-brand strong{font-size:13px;}}
@media(max-width:575px){body .content-wrapper{padding:14px;} .cu-hero{padding:20px;gap:12px;} .cu-hero h1{font-size:23px;} .cu-hero .cu-mark{display:none;} .cu-search-trigger{display:none;} body .card .card-body{padding:17px;} body #login-form-background{padding:24px!important;} body .auto-form-logo .cu-brand strong{font-size:18px;}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;}}

/* Final spacing and legibility pass */
body h1,body h2,body h3,body h4,body h5,body .page-title,body .card-title{font-family:var(--font-family-sans-serif)!important;}
body .navbar-brand-wrapper .navbar-brand{height:100%;display:flex;align-items:center;line-height:normal!important;padding:0 18px!important;}
body .navbar-brand-wrapper .brand-logo-mini{justify-content:center;}
body .navbar-brand-wrapper .cu-brand{line-height:normal;}
body .navbar-brand-wrapper .cu-brand strong{line-height:1.25;}
body .navbar-brand-wrapper .cu-brand small{line-height:1.4;margin-top:3px;}
body .cu-metrics .col-xl-4{padding-top:10px;padding-bottom:14px;}
body .cu-metrics .disk-usage{height:22px!important;width:100%!important;overflow:hidden;background:#243345;}
body .cu-metrics .disk-usage .progress-bar{font-size:11px;line-height:22px;text-align:left;align-items:flex-start;overflow:visible;white-space:nowrap;color:#f1faf6;text-shadow:0 1px 3px #000;background:#28634e;}
body .cu-metrics .disk-usage .progress-bar>*{white-space:nowrap;}
@media(max-width:575px){.cu-search-trigger{display:flex;padding:8px;margin-left:5px;}.cu-search-trigger kbd{display:none;}.cu-search-trigger:before{content:"⌕";font-size:21px;line-height:20px;}}