/* MGO Payneos Enterprise Light · v2.7.8
 * Entirely local, additive theme: CSS only for appearance; no API, SQL, cron or
 * payment/enrollment logic. No imports, CDNs, remote fonts, images or scripts.
 * Load order: app.css -> dynamics.css -> enterprise.css.
 */
:root {
  color-scheme: light;
  --mgo-primary: #1765ad;
  --mgo-primary-hover: #114c87;
  --mgo-primary-tint: #edf5ff;
  --mgo-ink: #20324a;
  --mgo-muted: #66788c;
  --mgo-outline: #e0e8f2;
  --mgo-field: #c9d5e4;
  --mgo-page: #f5f8fc;
  --mgo-sidebar: #fff;
  --mgo-card: #fff;
  --mgo-shadow: 0 1px 3px rgba(25,46,78,.045), 0 7px 22px rgba(25,46,78,.035);
  --mgo-radius: 12px;
  --navy: #17365b;
  --navy2: #204e7e;
  --blue: var(--mgo-primary);
  --blue2: var(--mgo-primary-hover);
  --ink: var(--mgo-ink);
  --muted: var(--mgo-muted);
  --canvas: var(--mgo-page);
  --stroke: var(--mgo-outline);
  --surface: var(--mgo-card);
  --shadow: var(--mgo-shadow);
}
html { background:var(--mgo-page); scroll-behavior:auto; }
body,button,input,select,textarea { font-family:"Segoe UI Variable","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif; }
body { background:var(--mgo-page); color:var(--mgo-ink); font-size:13px; line-height:1.5; }
:focus-visible { outline:2px solid var(--mgo-primary); outline-offset:3px; }
::selection { background:#dbeeff; color:#143d67; }
[hidden] { display:none!important; }

/* White enterprise application bar; server-synchronised Türkiye clock retained. */
.dashboard .topbar {
  height:64px; padding:0 23px 0 18px; gap:22px;
  background:rgba(255,255,255,.98); color:var(--mgo-ink);
  border-bottom:1px solid var(--mgo-outline);
  box-shadow:0 2px 13px rgba(27,60,99,.035);
  position:fixed; z-index:60;
}
.dashboard .topbar::before { content:""; height:3px; position:absolute; inset:0 0 auto 0; background:linear-gradient(90deg,#214a7d 0%,#2c85d7 42%,#9abfe6 100%); }
.d365-header-identity { min-width:210px; gap:12px; }
.d365-appgrid {
  width:36px; height:36px; border-radius:10px; background:#eaf3fd;
  color:var(--mgo-primary); font-size:21px; font-weight:600;
}
.d365-header-name { color:#173451; font-size:14px; font-weight:750; letter-spacing:-.25px; }
.d365-header-separator { color:#b6c4d4; }
.dashboard .breadcrumb { color:#8493a6; font-size:11px; font-weight:600; min-width:0; }
.dashboard .breadcrumb strong { color:#3b526d; font-weight:650; }
.dashboard .breadcrumb span { color:#b2c0cf; }
.dashboard .top-actions { gap:10px; margin-left:auto; }
.dashboard .top-actions .pill.pale {
  border:1px solid #d9e9dc; background:#f0f8f2; color:#287046;
  border-radius:9px; font-size:11px; font-weight:700; padding:7px 11px;
}
.dashboard .top-actions .pill.pale .dot { background:#229f65; }
.dashboard .top-actions .avatar.small {
  background:#e7f0fb; border:1px solid #d3e2f5; color:#315c8b;
  border-radius:10px; width:33px; height:33px;
}
.dashboard .mgo-clock { border-right:1px solid var(--mgo-outline); padding-right:14px; gap:2px; min-width:149px; }
.dashboard .mgo-clock-label { color:#6e839c; font-size:9px; font-weight:750; letter-spacing:.6px; }
.dashboard .mgo-clock-time { color:#213f61; font-size:12px; font-variant-numeric:tabular-nums; }
.dashboard .mgo-clock-status { color:#229f65; }
.dashboard .mgo-clock.mgo-clock-warning .mgo-clock-status { color:#ce7c18; }
.workspace-menu-trigger,
.dashboard .settings-topmenu .workspace-menu-trigger {
  background:#fff!important; border:1px solid #dbe5f0!important;
  color:#344e6a!important; border-radius:9px!important;
  padding:8px 12px!important; font-size:11px!important; font-weight:720!important;
  min-height:35px; box-shadow:0 1px 1px rgba(23,52,81,.015);
}
.workspace-menu-trigger:hover,
.workspace-menu[open] .workspace-menu-trigger,
.dashboard .settings-topmenu[open] .workspace-menu-trigger {
  background:#eef5fc!important; color:#165996!important; border-color:#a9c8e9!important;
}
.workspace-menu-panel { top:calc(100% + 10px); border:1px solid #dae5f1; border-radius:13px; background:#fff; padding:9px; box-shadow:0 16px 48px rgba(19,49,81,.16); }
.workspace-menu-heading { color:#8494a7; font-size:10px; }
.workspace-menu-item { border-radius:8px; min-height:40px; color:#3b5066; }
.workspace-menu-item:hover { background:#eef5fc; color:#195c96; }
.workspace-menu-item.active { background:#e5f2ff; color:#165c9a; }
.dashboard .settings-advanced-summary { color:#3b5066; border-radius:8px; }
.dashboard .settings-advanced-summary:hover { background:#eef5fc; }

/* Light nav with compact stacked items and quiet provider terminology. */
.dashboard .sidebar {
  top:64px; bottom:0; width:264px; background:var(--mgo-sidebar);
  border-right:1px solid var(--mgo-outline); color:#3c5167; box-shadow:none;
  scrollbar-width:thin; scrollbar-color:#cfdae6 transparent; z-index:45;
}
.dashboard .sidebar-top { padding:21px 17px 17px; background:#fff; border-bottom:1px solid #edf1f6; }
.dashboard .sidebar .brand { gap:11px; font-size:18px; color:#193b60; font-weight:800; letter-spacing:-.4px; }
.dashboard .sidebar .brand b { color:#3667a0; font-weight:600; }
.dashboard .sidebar .brand small { color:#8193a7; font-size:9px; letter-spacing:.8px; text-transform:uppercase; }
.dashboard .sidebar .brand-icon { width:38px; height:38px; border-radius:11px; background:linear-gradient(145deg,#1f4e7e,#1d70bf); font-size:20px; box-shadow:0 3px 9px rgba(22,95,169,.15); }
.dashboard .sidebar .environment { margin-top:15px; background:#f4f8fd; border:1px solid #e3ebf4; border-radius:9px; color:#516a83; padding:8px 10px; font-size:10px; letter-spacing:.2px; }
.dashboard .sidebar .environment .dot { background:#239d69; }
.dashboard .sidebar .env-tag { background:#e2edf9; color:#1b5d97; border-radius:5px; font-weight:750; }
.dashboard .nav { padding:12px 10px 20px; }
.dashboard .nav-label,.dashboard .nav-section { color:#8998ab; font-size:10px; font-weight:800; letter-spacing:1.05px; padding:12px 13px 7px; }
.dashboard .nav-label.space-top,.dashboard .nav-section.space-top { margin-top:13px; border-top:1px solid #edf1f6; padding-top:20px; }
.dashboard .nav-link.prod-nav-link,
.dashboard .nav-link.prod-nav-link.prod-main-link {
  display:flex; align-items:center; padding:9px 11px; min-height:46px;
  border-radius:9px; margin:2px 0; gap:10px; font-weight:630; color:#53677b;
  box-shadow:none; border:1px solid transparent; transition:background .16s,color .16s,border-color .16s;
}
.dashboard .nav-link.prod-nav-link:hover { background:#f1f6fc; border-color:#e4edf8; color:#173e68; }
.dashboard .nav-link.prod-nav-link.active { background:#eaf3fe; color:#145d9d; border-color:#d8e9f9; box-shadow:inset 3px 0 #2577c5; font-weight:750; }
.dashboard .nav-link.prod-nav-link .nav-icon { display:grid; place-items:center; width:21px; height:21px; flex:0 0 21px; color:#7590aa; }
.dashboard .nav-link.prod-nav-link.active .nav-icon { color:#186ab0; }
.dashboard .nav-icon .mgo-icon,
.dashboard .workspace-menu-icon .mgo-icon { display:block; width:18px; height:18px; flex:none; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.dashboard .workspace-menu-icon .mgo-icon { width:17px; height:17px; }
.dashboard .nav-link.prod-nav-link .nav-copy { min-width:0; display:flex; flex-direction:column; gap:2px; }
.dashboard .nav-link.prod-nav-link .nav-friendly { color:inherit; font-size:12px; font-weight:inherit; line-height:1.25; letter-spacing:-.04px; }
.dashboard .nav-link.prod-nav-link .nav-technical { font-size:10px; color:#93a3b3; font-weight:470; line-height:1.3; letter-spacing:0; }
.dashboard .nav-link.prod-nav-link.active .nav-technical { color:#6b8bad; }
.dashboard .sidebar-bottom { margin:0 15px; padding:14px 5px 20px; border-color:#edf1f5; background:#fff; }
.dashboard .mini-profile .avatar { background:#e9f1fa; color:#2464a3; border:1px solid #d9e7f6; }
.dashboard .mini-profile b { color:#2d4054; }
.dashboard .mini-profile small { color:#8795a5; }
.dashboard .logout { color:#47749d; font-weight:650; }
.dashboard .logout:hover { color:#1a5489; }

/* Spacious but data-dense content: forms remain at their original DOM locations. */
.dashboard .workspace { margin-left:264px; min-width:0; background:var(--mgo-page); }
.dashboard .content { padding:91px 30px 25px; max-width:1840px; margin:0 auto; }
.dashboard .page-heading { margin-bottom:17px; align-items:center; gap:16px; }
.dashboard .page-heading h1 { color:#193653; font-size:25px; font-weight:750; letter-spacing:-.65px; margin:0 0 5px; }
.dashboard .page-heading p { font-size:12px; color:#778a9e; }
.dashboard .eyebrow { color:#3777ad; font-size:10px; font-weight:800; letter-spacing:1.2px; }
.dashboard .page-chip { background:#fff; border-color:#e2eaf2; color:#70859b; border-radius:9px; padding:8px 12px; font-weight:650; }
.d365-commandbar { min-height:48px; border:1px solid #e1eaf3; border-radius:11px; background:#fff; padding:6px 9px; margin-bottom:20px; gap:4px; box-shadow:var(--mgo-shadow); }
.d365-command { color:#425c77; border-radius:7px; font-size:12px; font-weight:650; padding:8px 13px; }
.d365-command span { color:#1b69ad; }
.d365-command:hover { background:#edf5ff; color:#1765ad; }
.d365-command-divider { background:#e4ebf3; }
.d365-command-hint { color:#94a2b2; }
.dashboard .panel,.dashboard .stat-card {
  border:1px solid var(--mgo-outline); border-radius:var(--mgo-radius);
  background:#fff; box-shadow:var(--mgo-shadow);
}
.dashboard .panel { padding:22px 24px; margin-bottom:18px; min-width:0; }
.dashboard .stat-card { padding:19px 20px; position:relative; overflow:hidden; }
.dashboard .stat-card::before { content:""; position:absolute; top:0; left:0; height:3px; width:100%; background:#dfeafa; }
.dashboard .stat-card:nth-child(2)::before { background:#cce8dd; }
.dashboard .stat-card:nth-child(3)::before { background:#cdddf7; }
.dashboard .stat-card:nth-child(4)::before { background:#e6dff6; }
.dashboard .stat-card strong { color:#173b61; font-size:28px; font-weight:750; letter-spacing:-.9px; }
.dashboard .stat-card .stat-top { font-size:12px; color:#697e93; font-weight:650; }
.dashboard .stat-card .stat-top span { color:#297bb9; }
.dashboard .stat-card small { color:#91a0af; }
.dashboard .stats-grid { gap:14px; margin-bottom:19px; }
.dashboard .two-col { gap:17px; margin-bottom:17px; }
.dashboard .panel-header { align-items:flex-start; gap:16px; }
.dashboard h2,.dashboard .panel h2 { color:#203c59; font-size:16px; font-weight:740; letter-spacing:-.2px; }
.dashboard .panel-header p { color:#8595a7; font-size:12px; }
.dashboard .table-wrap { border:1px solid #e4ebf3; border-radius:9px; background:#fff; max-width:100%; overflow:auto; }
.dashboard .table-wrap table { font-size:12px; line-height:1.4; }
.dashboard .table-wrap th { background:#f6f9fd; color:#5c6f84; font-size:11px; font-weight:750; letter-spacing:.1px; padding:11px 12px; border-bottom:1px solid #e1e8f1; }
.dashboard .table-wrap td { color:#4d6074; font-size:12px; padding:11px 12px; border-color:#edf1f6; }
.dashboard .table-wrap tbody tr:nth-child(even) { background:#fcfdff; }
.dashboard .table-wrap tbody tr:hover { background:#f0f7ff; }
.dashboard .table-wrap td strong { color:#263f59; }
.dashboard .btn { min-height:37px; padding:9px 14px; font-size:12px; font-weight:720; border-radius:8px; box-shadow:none; transition:background .15s,border-color .15s,box-shadow .15s; }
.dashboard .btn.primary { background:#1765ad; border-color:#1765ad; color:white; }
.dashboard .btn.primary:not(:disabled):hover { background:#115189; border-color:#115189; box-shadow:0 2px 8px rgba(21,94,164,.13); }
.dashboard .btn.outline { background:#fff; border:1px solid #cbd9e7; color:#3b5875; }
.dashboard .btn.outline:not(:disabled):hover { background:#f0f7fe; color:#155a99; border-color:#9ac1e6; }
.dashboard .btn:disabled { opacity:.5; box-shadow:none; }
.dashboard .status { padding:5px 9px; border-radius:7px; font-size:11px; font-weight:750; }
.dashboard .status.good { background:#e8f7ed; color:#22724a; }
.dashboard .status.warn { background:#fff6df; color:#8d6216; }
.dashboard .status.bad { background:#feebeb; color:#ae3636; }
.dashboard .status.muted { background:#f1f4f8; color:#748496; }
.dashboard form label { color:#425771; font-size:12px; font-weight:660; }
.dashboard input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
.dashboard select,.dashboard textarea { background:white; border:1px solid var(--mgo-field); border-radius:8px; padding:9px 11px; min-height:38px; color:#29405a; font-size:12px; }
.dashboard input:not([type=checkbox]):not([type=radio]):focus,
.dashboard select:focus,.dashboard textarea:focus { border-color:#317bc3!important; box-shadow:0 0 0 3px rgba(42,118,189,.13)!important; }
.dashboard input[type=checkbox],.dashboard input[type=radio] { accent-color:#1765ad; }
.dashboard label .hint { color:#8596a8; }
.dashboard .notice { color:#597188; border:1px solid #dfe9f4; background:#f7fafc; border-radius:9px; padding:13px 15px; }
.dashboard .notice.blue { color:#1d5a8c; border-color:#d3e6fa; background:#edf6ff; }
.dashboard .notice.warning { color:#805e1d; border-color:#f2e4c0; background:#fffaf0; }
.dashboard .alert { border-radius:9px; font-size:12px; }
.dashboard .key-values>div { padding:12px 0; border-color:#edf1f5; }
.dashboard .key-values span { color:#788a9b; }
.dashboard .step { border-color:#edf1f5; }
.dashboard .step>span { border-radius:8px; background:#e9f3ff; color:#1669ac; }
.dashboard .formula { border-color:#d9e8fb; background:#f6faff; }
.dashboard .footer { color:#8b9eaf; padding:17px 2px 5px; }
.dashboard .prod-registry-bulkbar { border-color:#dae7f5; background:#f6faff; border-radius:11px; }
.dashboard .prod-confirm-dialog { border:1px solid #e0e8f1; border-radius:14px; }
.dashboard .prod-confirm-warning { border-radius:8px; }
.dashboard .prod-duplicate-dialog { border-radius:13px; }

/* Consistent login and setup without fetching fonts/images. */
.auth-bg { background:radial-gradient(ellipse at 0% 0%,rgba(196,225,255,.45),transparent 43%),linear-gradient(140deg,#eff5fb,#f8fafc 62%,#eaf3fc); border-top:0; min-height:100vh; }
.login-card,.install-card { border:1px solid #dce8f4; border-radius:18px; background:#fff; box-shadow:0 18px 64px rgba(22,58,100,.12); padding:37px 39px 31px; }
.login-card .brand-big,.install-card .brand-big { color:#1c3e61; font-size:19px; font-weight:800; }
.login-card .brand-big b,.install-card .brand-big b { color:#306ca7; font-weight:620; }
.login-card .brand-big small,.install-card .brand-big small { color:#899aaf; }
.login-card .brand-icon,.install-card .brand-icon { background:linear-gradient(145deg,#1e4a79,#2774bc); border-radius:11px; width:43px; height:43px; font-size:22px; }
.login-card h1,.install-card h1 { color:#1b3855; font-size:26px; font-weight:770; letter-spacing:-.55px; }
.login-card input,.install-card input { border:1px solid #cbd8e6; border-radius:9px; min-height:43px; }
.login-card input:focus,.install-card input:focus { border-color:#2f7fc5; box-shadow:0 0 0 3px rgba(35,112,186,.12); }
.login-card .btn.primary,.install-card .btn.primary { background:#1765ad; border-color:#1765ad; border-radius:9px; min-height:44px; }
.login-card .btn.primary:hover,.install-card .btn.primary:hover { background:#11518e; }
.auth-bg .mgo-clock { border-top-color:#e7edf4; }
.auth-bg .mgo-clock-label { color:#8496a8; }
.auth-bg .mgo-clock-time { color:#274d77; }

/* Optional local-only navigation filter. Hidden from the user when JS is off. */
.mgo-nav-search { padding:0 11px 8px; }
.mgo-nav-search-field { display:flex; align-items:center; gap:8px; background:#f6f9fd; border:1px solid #e2eaf3; border-radius:9px; padding:0 10px; color:#7a8fa5; }
.mgo-nav-search-field:focus-within { border-color:#83b1dd; box-shadow:0 0 0 2px rgba(21,101,173,.1); background:#fff; }
.mgo-nav-search-field .mgo-icon { width:16px; height:16px; flex:none; stroke:currentColor; fill:none; stroke-width:1.8; }
.mgo-nav-search-field input { width:100%; min-width:0; height:36px; margin:0; padding:0; background:transparent; border:0; border-radius:0; outline:0; box-shadow:none; color:#36516c; font-size:12px; }
.mgo-nav-search-field input::placeholder { color:#a0b0bf; }
.mgo-nav-search-field input:focus { outline:none; box-shadow:none; }
.mgo-nav-empty { font-size:11px; color:#8797a7; margin:7px 12px 9px; }

@media(max-width:1320px) {
  .dashboard .breadcrumb { display:none; }
  .dashboard .topbar { gap:13px; }
  .dashboard .top-actions { gap:7px; }
  .dashboard .content { padding-left:22px; padding-right:22px; }
}
@media(max-width:1100px) {
  .dashboard .sidebar { width:242px; }
  .dashboard .workspace { margin-left:242px; }
  .dashboard .top-actions .pill.pale { display:none; }
  .dashboard .content { padding-left:20px; padding-right:20px; }
  .d365-header-identity { min-width:0; }
  .dashboard .two-col,.dashboard .two-col.sideform { grid-template-columns:1fr; }
}
@media(max-width:760px) {
  .dashboard .topbar { height:60px; padding:0 11px; gap:8px; }
  .dashboard .sidebar { top:60px; width:min(288px,89vw); transform:translateX(-105%); box-shadow:13px 10px 32px rgba(24,54,86,.1); }
  .dashboard .sidebar.open { transform:translateX(0); }
  .dashboard .workspace { margin-left:0; }
  .dashboard .mobile-menu { display:block; color:#27517a; flex:none; padding:6px 8px; font-size:22px; border:1px solid #e0eaf4; border-radius:8px; }
  .dashboard .content { padding:83px 14px 20px; }
  .d365-header-name { font-size:12px; }
  .d365-appgrid { width:30px; height:30px; font-size:18px; }
  .dashboard .top-actions { gap:5px; }
  .dashboard .mgo-clock { padding-right:7px; min-width:108px; }
  .dashboard .mgo-clock-time { font-size:10px; }
  .dashboard .mgo-clock-label { font-size:7px; }
  .dashboard .page-heading h1 { font-size:21px; }
  .dashboard .panel { padding:17px 15px; }
  .dashboard .stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .dashboard .settings-menu-panel { right:0; }
}
@media(max-width:570px) {
  .d365-header-name { display:none; }
  .d365-header-identity { flex:0 0 auto; }
  .dashboard .topbar { gap:5px; }
  .workspace-menu-trigger,.dashboard .settings-topmenu .workspace-menu-trigger { font-size:10px!important; padding:6px 7px!important; }
  .dashboard .mgo-clock { min-width:97px; }
  .dashboard .mgo-clock-time { font-size:9px; }
  .dashboard .top-actions .avatar.small { display:none; }
  .dashboard .page-chip { display:none; }
  .d365-command { font-size:11px; padding:7px 8px; }
  .d365-commandbar { gap:0; }
  .d365-command-hint { display:none; }
  .dashboard .form-grid,.dashboard .field-row { grid-template-columns:1fr; }
  .dashboard .footer { flex-direction:column; }
  .login-card,.install-card { padding:28px 21px; }
}
@media(prefers-reduced-motion:reduce) { .dashboard .nav-link,.dashboard .btn { transition:none; } }
/* The sidebar search field is a local navigation control, never a data form. */
.dashboard .mgo-nav-search-field input[type="search"] { width:100%; height:36px; min-height:36px; padding:0; margin:0; border:0; background:transparent; border-radius:0; box-shadow:none; font-size:12px; }
.dashboard .mgo-nav-search-field input[type="search"]:focus { border:0!important; box-shadow:none!important; outline:none!important; }
