/* Orbit Intranet (Early 2000s Style) */
body, html {margin:0;padding:0;font:13px "Verdana", "Tahoma", sans-serif;background:#d4d7dc url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) repeat;color:#222;}
a {color:#0b3c7a;text-decoration:underline;} a:hover {color:#c00000;}
img {border:0;}
table {border-collapse:collapse;}

/* Login */
.login-body {background:#5c7088 url('data:image/gif;base64,R0lGODlhEAAQAMQfAP7+/vLy8p6enoiIh5ycnLW1tdnZ2bCwsKurq+Dg4O3t7fT09Onp6czMzObm5pGRkbu7u/z8/Onp6enp6dLS0rCwsICAgP///wAAACH5BAEAAB8ALAAAAAAQABAAAAVn4CeOZGmeaKqubOu+cCzPdFQBAJCCCoEgEBQCh8TjMZjUq1is1gsFgsGo/IpHLJbDqf0Kh0Go1Go9Ho/H4TC6Xi8fj8XiEaj8fjgICg4SFhoeIiYqLjI2Oj5CRkpOUlZYAADs=') repeat-x;}
.login-wrapper {padding:40px 10px;}
.login-panel {width:860px;margin:0 auto;border:1px solid #2c4863;background:#f4f7fa;box-shadow:0 0 8px rgba(0,0,0,.35);}
.lp-left {width:45%;background:#23394f url('data:image/gif;base64,R0lGODlhEAAQAMQfAP///7m5uYeHh5+fn729vdjY2Nzc3IKCgoaGhvX19d7e3srKytra2tzc3OPj49DQ0LGxsYCAgNPT09jY2NLS0uHh4Zqamurq6v///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAB8ALAAAAAAQABAAAAVt4CeOZGmeaKqubOtCzPdFQBApCCAAiAYFA8JgMBgEAxHIqFosWq1ar9isdgslsOp/QqHQajUaj0ej8fhMLpeLx+Px+HRaLRaLx6PR6QDgsHhEWGh4iJiouMjY6PkJGSk5SVlpeYmZqbnJ2AgQA7') repeat-x;color:#d7e4ef;vertical-align:top;padding:30px 25px;font-size:11px;border-right:1px solid #1d2f40;}
.lp-right {padding:30px 35px;vertical-align:top;}
.product-brand {font:700 34px 'Trebuchet MS',Verdana,Arial;color:#fff;letter-spacing:1px;line-height:32px;text-shadow:1px 1px 2px #000;}
.product-brand span {font-size:16px;display:inline-block;margin-top:4px;letter-spacing:3px;}
.tagline {margin:15px 0 18px;font:11px Verdana,Arial;color:#c7d4dd;line-height:1.4;}
.login-bullets {list-style:square;margin:0 0 10px 18px;padding:0;color:#b7c6d0;}
.login-bullets li {margin-bottom:6px;}
.login-form h1 {margin:0 0 18px;font:700 20px 'Trebuchet MS',Verdana;color:#18324a;letter-spacing:.5px;border-bottom:2px solid #2c4863;padding-bottom:6px;}
.form-row {margin-bottom:14px;display:flex;align-items:center;}
.form-row label {width:110px;font:11px Verdana;color:#10293c;text-transform:uppercase;letter-spacing:.5px;}
.form-row input[type=text], .form-row input[type=password] {flex:1;padding:6px 6px 5px;border:1px solid #7e95aa;background:#fff url('data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==') repeat-x;font:12px Consolas,monospace;box-shadow:inset 0 1px 2px rgba(0,0,0,.25);} 
.form-row input:focus {outline:1px solid #2c4863;background-color:#eef5fa;}
.remember-row {margin-top:-4px;}
.btn-oldschool {background:#2c4863 url('data:image/gif;base64,R0lGODlhEAAQAMQfAP////v7+/b29tTU1Nzc3PLy8rCwsJqamt3d3dPT08/Pz8fHx8XFxbS0tJiYmNnZ2dbW1uHh4cfHx7m5uYKCgo6Ojs/Pz////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAB8ALAAAAAAQABAAAAVt4CeOZGmeaKqubOtCzPdFQBBApCCAwCgMBgEAxHIqFosWq1ar9isdgslsOp/QqHQajUaj0ej8fhMLpeLx+Px+HRaLRaLx6PR6QDgsHhEWGh4iJiouMjY6PkJGSk5SVlpeYmZqbnJ2AgQA7') repeat-x;border:1px solid #1d2f40;color:#fff;font:11px Verdana;padding:5px 18px;cursor:pointer;letter-spacing:.5px;text-transform:uppercase;}
.btn-oldschool.secondary {background:#7a8e9e;border-color:#5a6b78;}
.btn-oldschool:hover {filter:brightness(1.15);} 
.form-actions {display:flex;gap:10px;margin:6px 0 8px 110px;}
.login-message {margin-left:110px;font:11px Verdana;min-height:16px;padding-top:4px;}
.login-message.error {color:#9c0505;}
.login-message.success {color:#0c640f;}
.disclaimer {margin:18px 0 0 110px;font:10px Verdana;color:#555;line-height:1.4;}
.login-footer {text-align:center;margin-top:25px;font:10px Verdana;color:#e3edf3;text-shadow:0 1px 1px #000;}

/* Portal Layout */
body.portal {background:#e2e5e9;}
.portal-shell {min-height:100vh;display:flex;flex-direction:column;}
.portal-topbar {background:#0e2d4a url('data:image/gif;base64,R0lGODlhEAAQAMQfAP///8LCwrKysqGhoZqamvv7+52dnaOjow4ODu/v72xsbPb29sHBwdTU1P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAB8ALAAAAAAQABAAAAVt4CeOZGmeaKqubOtCzPdFQBADCCAAiAYFA8JgMBgEAxHIqFosWq1ar9isdgslsOp/QqHQajUaj0ej8fhMLpeLx+Px+HRaLRaLx6PR6QDgsHhEWGh4iJiouMjY6PkJGSk5SVlpeYmZqbnJ2AgQA7') repeat-x;color:#fff;border-bottom:3px solid #1d4a73;display:flex;align-items:center;padding:5px 12px;}
.topbar-logo {font:700 18px 'Trebuchet MS';letter-spacing:1px;margin-right:25px;text-shadow:1px 1px 2px #000;}
.topbar-env {font:10px Verdana;background:#be2b00;color:#fff;padding:2px 6px;margin-left:8px;border:1px solid #861d00;}
.topbar-user {margin-left:auto;font:11px Verdana;display:flex;gap:12px;align-items:center;}
.topbar-user a {color:#fff;text-decoration:none;font-weight:bold;}
.topbar-user a:hover {text-decoration:underline;}
.portal-main {flex:1;display:flex;}
.portal-nav {width:190px;background:#f4f7fa;border-right:1px solid #9aa9b3;padding:10px 0;font:11px Verdana;}
.nav-section {margin-bottom:18px;}
.nav-section h4 {margin:0;padding:6px 12px;font:700 10px Verdana;background:#d2dde5;border-top:1px solid #b0bcc4;border-bottom:1px solid #b0bcc4;letter-spacing:1px;color:#223c51;text-transform:uppercase;}
.nav-section ul {list-style:none;margin:0;padding:4px 0;}
.nav-section li {margin:0;}
.nav-section a {display:block;padding:5px 14px 5px 22px;color:#18324a;text-decoration:none;background:url('data:image/gif;base64,R0lGODlhCQAJAIAAAP///wAAACH5BAEAAAAALAAAAAAJAAkAAAIRjI+py+0Po5yUFQA7') 10px 50% no-repeat;}
.nav-section a:hover {background-color:#e1ecf3;color:#0b3c7a;}
.nav-section a.active {background-color:#c7d7e2;font-weight:bold;border-left:3px solid #1d4a73;padding-left:19px;}
.portal-content {flex:1;padding:18px 22px 40px;overflow:auto;}
.module-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:25px;}
.mod-box {background:#fff;border:1px solid #b8c5ce;box-shadow:0 1px 2px rgba(0,0,0,.15);}
.mod-head {background:#d2dde5;padding:6px 10px;font:700 11px Verdana;color:#254257;letter-spacing:.5px;border-bottom:1px solid #b0bcc4;display:flex;justify-content:space-between;align-items:center;}
.mod-tools {font-size:10px;display:flex;gap:6px;}
.mod-tools button {background:#eef2f5;border:1px solid #9aa9b3;font:9px Verdana;padding:2px 5px;cursor:pointer;}
.mod-tools button:hover {background:#fff;}
.mod-body {padding:10px 12px;font:11px Verdana;line-height:1.5;overflow-x:auto;}
.mod-body .data-table {min-width:640px;}
.ticker {background:#fff;border:1px solid #b8c5ce;margin-bottom:18px;padding:6px 10px;font:11px Verdana;display:flex;gap:35px;overflow:hidden;white-space:nowrap;color:#000;}
.ticker span {animation:ticker 40s linear infinite;display:inline-block;}
@keyframes ticker {0%{transform:translateX(0);}100%{transform:translateX(-50%);} }

/* Table-esque widgets */
.data-table {width:100%;border:1px solid #9aa9b3;background:#fff;font:11px Verdana;margin:0 0 15px;border-spacing:0;}
.data-table th {background:#c7d7e2;padding:6px 8px;text-align:left;border:1px solid #9aa9b3;font-weight:700;color:#1a3247;font-size:10px;letter-spacing:.5px;text-transform:uppercase;}
.data-table td {padding:6px 8px;border:1px solid #c3d1db;}
.data-table tr:nth-child(even) td {background:#f1f6f9;}
.status-badge {display:inline-block;padding:2px 6px;font:9px Verdana;border:1px solid #6d7e89;background:#e3edf3;color:#1b3d55;text-transform:uppercase;letter-spacing:.5px;}
.status-badge.ok {background:#d5f4d5;border-color:#5b875b;color:#214521;}
.status-badge.warn {background:#fff2cc;border-color:#c8a23a;color:#5a4310;}
.status-badge.err {background:#f9d5d5;border-color:#b85d5d;color:#681212;}

/* Directory cards */
.directory {display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:25px;}
.dir-card {background:#fff;border:1px solid #b8c5ce;padding:8px 10px;font:11px Verdana;position:relative;}
.dir-card h5 {margin:0 0 4px;font:700 12px Verdana;color:#1a3d57;}
.dir-card .role {font:10px Verdana;color:#5a6e7c;margin-bottom:6px;}
.dir-card .contact {font:10px Verdana;color:#2c4863;}

/* Footer */
.portal-footer {background:#0e2d4a;color:#d6e2eb;font:10px Verdana;padding:8px 15px;text-align:right;border-top:3px solid #1d4a73;}
.portal-footer a {color:#fff;}

/* Utility */
.hidden {display:none!important;}
.flex {display:flex;}
.nowrap {white-space:nowrap;}
.mt20 {margin-top:20px;}
.note-box {padding:8px 10px;background:#fff8d8;border:1px solid #d2c08a;font:10px Verdana;margin:10px 0;}

/* Legacy style scrollbars (only visible in some browsers) */
::-webkit-scrollbar {width:12px;background:#d2dde5;}
::-webkit-scrollbar-thumb {background:#9aa9b3;border:2px solid #d2dde5;}
::-webkit-scrollbar-thumb:hover {background:#82929e;}

@media (max-width:900px){.portal-nav{display:none;} .portal-main{flex-direction:column;} .portal-content{padding:12px 14px;} .portal-topbar{flex-wrap:wrap;} }