/* MyDuka Phase 1. Screen-only, scoped overrides; UltimatePOS bundles stay intact. */
@media screen {
body.myduka-login, body.myduka-app { --md-ink:#162c3a; --md-muted:#617581; --md-accent:#1261d8; --md-line:#e2e9ed; font-family:Inter,"Segoe UI",Arial,sans-serif; color:var(--md-ink); }
body.myduka-login { background:#f5f8fa; }
.myduka-login .eq-height-row { min-height:100vh; }
.myduka-login .left-col { display:flex!important; align-items:center; position:relative; background:radial-gradient(ellipse at 5% 0%,#154a91 0%,transparent 65%),linear-gradient(145deg,#112e59,#101d3d); text-align:left; padding:64px 6%; }
.myduka-login .left-col-content { position:relative; color:#fff; }
.myduka-login .myduka-brand-wrap { margin-top:0!important; }
.myduka-login .login-header a { font-size:29px; letter-spacing:-.8px; color:#fff; }
.myduka-login .login-header img { max-width:180px; height:auto; background:#fff; padding:8px; border-radius:12px; }
.myduka-login .login-header small { display:block; margin-top:12px; font-size:13px; font-weight:400; line-height:1.7; color:#cee1e3; overflow-wrap:anywhere; }
.myduka-login .md-login-story { margin-top:62px; max-width:390px; }
.myduka-login .md-eyebrow { display:block; color:#99ceff; font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; }
.myduka-login .md-login-story h1 { font-size:clamp(30px,3.3vw,48px); line-height:1.16; letter-spacing:-1.5px; color:#fff; margin:18px 0; font-weight:650; }
.myduka-login .md-login-story p { color:#d0e2e5; font-size:16px; line-height:1.8; font-weight:400; }
.myduka-login .md-login-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:28px; }
.myduka-login .md-login-tags span { border:1px solid #48678e; border-radius:30px; padding:7px 13px; color:#e4f2f2; font-size:12px; font-weight:500; }
.myduka-login .right-col { background:#f5f8fa; display:block; padding:28px 32px 50px; min-height:100vh; }
.myduka-login .right-col>.row { margin:0; }
.myduka-login #change_lang { margin:0!important; background:white; border:1px solid var(--md-line); border-radius:8px; height:38px; color:var(--md-muted); max-width:180px; }
.myduka-login .right-col a { color:var(--md-accent); font-size:13px; font-weight:600; }
.myduka-login .right-col a:hover { color:#174a98; text-decoration:underline; }
.myduka-login .right-col .bg-maroon { background:transparent!important; color:#42616b!important; white-space:normal; padding:0 0 8px; line-height:1.6; }
.myduka-login .login-form { float:none; clear:both; width:100%; max-width:460px; margin:100px auto 30px; padding:36px; background:#fff; border:1px solid var(--md-line); border-radius:18px; box-shadow:0 12px 38px #1837460a; }
.myduka-login .form-header { color:var(--md-ink); font-size:28px; letter-spacing:-.7px; font-weight:650; margin:0 0 8px; }
.myduka-login .md-login-subtitle { color:var(--md-muted); font-size:14px; line-height:1.6; margin-bottom:28px; }
.myduka-login .right-col label { color:#344e5b; font-size:13px; font-weight:600; }
.myduka-login .form-control { height:48px; border:1px solid #cad7dd; border-radius:9px; background:#fcfdfe; color:var(--md-ink); box-shadow:none; font-size:15px; }
.myduka-login .form-control::placeholder { color:#7a8b95; }
.myduka-login .has-feedback label~.form-control-feedback { top:26px; height:48px; line-height:48px; color:#71878f; }
.myduka-login .form-control:focus { border-color:var(--md-accent); box-shadow:0 0 0 3px #1261d81a; background:#fff; }
.myduka-login .has-error .form-control { border-color:#b63e3e; }
.myduka-login .has-error .help-block { color:#a82d2d; }
.myduka-login .checkbox label { font-weight:400; }
.myduka-login #login-form>br { display:none; }
.myduka-login .btn-login { display:block; width:100%; padding:13px 20px!important; border-radius:9px; background:var(--md-accent); border-color:var(--md-accent); font-weight:650; font-size:15px; box-shadow:0 4px 10px #1261d81a; }
.myduka-login .btn-login:hover { background:#174fa9; border-color:#174fa9; }
.myduka-login #login-form .pull-right { display:block; float:none!important; text-align:center; margin-top:20px; }
.myduka-login a:focus-visible, .myduka-login button:focus-visible, .myduka-app a:focus-visible, .myduka-app button:focus-visible { outline:3px solid #459cf4; outline-offset:3px; }
/* Navigation only: preserve AdminLTE widths, collapse behavior and module markup. */
body.myduka-app, .myduka-app .wrapper, .myduka-app .content-wrapper { background:#f3f6f9; }
.myduka-app .main-header { box-shadow:0 1px 0 var(--md-line); }
.myduka-app .main-header .navbar { background:#fff; }
.myduka-app .main-header .logo { background:#132649; color:#fff; font-size:16px; }
.myduka-app .main-header .logo:hover { background:#1d3861; }
.myduka-app .main-header .navbar .sidebar-toggle, .myduka-app .main-header .navbar .nav>li>a { color:#36535f; }
.myduka-app .main-header .navbar .sidebar-toggle:hover, .myduka-app .main-header .navbar .nav>li>a:hover, .myduka-app .main-header .navbar .nav>.open>a { color:#1261d8; background:#edf3fc; }
.myduka-app .main-header .navbar-custom-menu>.hidden-xs { color:#536c76!important; }
.myduka-app .main-header .btn { border-radius:7px; box-shadow:none; }
.myduka-app .main-header .btn-success { background:#1261d8; border-color:#1261d8; }
.myduka-app .main-header .btn-success:hover { background:#174fa9; }
.myduka-app .main-header .dropdown-menu { border:1px solid var(--md-line); border-radius:10px; box-shadow:0 12px 32px #19394624; }
.myduka-app .main-header .dropdown-menu>li>a { color:#36535f; padding-top:9px; padding-bottom:9px; }
.myduka-app .main-header li.user-header { background:#183359; }
.myduka-app .main-sidebar { background:#132649; }
.myduka-app .sidebar>.logo { display:block; height:auto; padding:24px 18px 18px; line-height:1.3; white-space:normal; color:#fff; border-bottom:1px solid #314c74; margin-bottom:12px; }
.myduka-app .md-sidebar-brand { font-size:20px; font-weight:700; letter-spacing:-.6px; }
.myduka-app .md-sidebar-brand img { display:block; max-width:145px; max-height:56px; object-fit:contain; background:white; padding:5px; border-radius:7px; }
.myduka-app .md-business-name { display:block; font-size:11px; color:#b1c8ce; font-weight:400; margin-top:7px; overflow-wrap:anywhere; }
.myduka-app .sidebar-menu>li { margin:3px 9px; }
.myduka-app .sidebar-menu>li>a { border-left:3px solid transparent; color:#d4e2e6; border-radius:8px; padding:12px 10px; font-size:13px; }
.myduka-app .sidebar-menu>li:hover>a, .myduka-app .sidebar-menu>li.active>a, .myduka-app .sidebar-menu>li.menu-open>a { color:white; background:#224c85; border-left-color:#67b9ff; }
.myduka-app .sidebar-menu>li.header { color:#99b5be; background:transparent; text-transform:uppercase; font-size:10px; letter-spacing:1px; padding-top:18px; }
.myduka-app .sidebar-menu>li>.treeview-menu { background:#19345b; border-radius:0 0 8px 8px; margin:0; padding:5px 0; }
.myduka-app .treeview-menu>li>a { color:#c1d5da; padding-top:10px; padding-bottom:10px; white-space:normal; }
.myduka-app .treeview-menu>li.active>a, .myduka-app .treeview-menu>li>a:hover { color:#fff; background:#285591; }
.myduka-app .main-footer { border-top:1px solid var(--md-line); background:#fff; color:var(--md-muted); font-size:12px; }
/* Dashboard only: data, chart IDs, permission gates and event hooks are unchanged. */
.myduka-dashboard .content-header-custom { background:transparent; color:var(--md-ink); padding:30px 28px 10px; height:auto; min-height:0; }
.myduka-dashboard .content-header h1 { color:var(--md-ink); font-size:27px; line-height:1.3; letter-spacing:-.7px; font-weight:650; margin:8px 0; }
.myduka-dashboard .md-dashboard-eyebrow { color:#1261d8; font-size:10px; font-weight:700; letter-spacing:1.7px; text-transform:uppercase; }
.myduka-dashboard .md-dashboard-subtitle { color:var(--md-muted); font-size:14px; margin:0; }
.myduka-dashboard .content-custom { padding:18px 28px 32px; margin-top:0; }
.myduka-dashboard .content-custom>br { display:none; }
.myduka-dashboard .info-box { display:flex; align-items:center; min-height:112px; margin-bottom:20px; padding:20px 16px; background:white; border:1px solid var(--md-line); border-radius:12px; box-shadow:0 3px 12px #1b3b4805; }
.myduka-dashboard .info-box-icon { flex:0 0 44px; float:none; width:44px; height:44px; line-height:44px; border-radius:12px; font-size:24px; }
.myduka-dashboard .info-box-icon.bg-aqua { background:#eaf2ff!important; color:#1261d8!important; }
.myduka-dashboard .info-box-icon.bg-yellow { background:#fff3db!important; color:#956115!important; }
.myduka-dashboard .info-box-icon.bg-red { background:#fbecee!important; color:#b14d62!important; }
.myduka-dashboard .info-box-content { margin:0; padding:0 0 0 12px; min-width:0; flex:1; }
.myduka-dashboard .info-box-text { color:var(--md-muted); font-size:12px; text-transform:none; white-space:normal; line-height:1.5; }
.myduka-dashboard .info-box-number { font-size:22px; line-height:1.4; font-weight:650; color:var(--md-ink); overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.myduka-dashboard .box { border:1px solid var(--md-line); border-radius:12px; box-shadow:0 3px 12px #1b3b4805; margin-bottom:24px; }
.myduka-dashboard .box-header { padding:20px 20px 15px; border-bottom:1px solid #edf1f4; }
.myduka-dashboard .box-title { font-size:16px; font-weight:600; line-height:1.5; }
.myduka-dashboard .box-body { padding:20px; }
.myduka-dashboard .box-body .dataTables_wrapper { max-width:100%; overflow-x:auto; }
.myduka-dashboard .table { border-color:#e7edf1; }
.myduka-dashboard .table>thead>tr>th { background:#f7f9fb; border-bottom:1px solid #e2e9ed; color:#526976; font-size:11px; padding:12px 10px; }
.myduka-dashboard .table>tbody>tr>td { padding:12px 10px; border-color:#edf1f4; vertical-align:middle; }
.myduka-dashboard .table-striped>tbody>tr:nth-of-type(odd) { background:#fcfdfe; }
.myduka-dashboard .btn, .myduka-dashboard .form-control, .myduka-dashboard .select2-selection { border-radius:7px; }
.myduka-dashboard #dashboard_date_filter { background:white; color:#365663; border:1px solid #cddbe1; padding:10px 14px; box-shadow:0 2px 4px #17384604; }
.myduka-dashboard .form-control, .myduka-dashboard .select2-selection { border-color:#cddbe1; box-shadow:none; }
.myduka-dashboard .pagination>.active>a, .myduka-dashboard .pagination>.active>span { background:#1261d8; border-color:#1261d8; }
.myduka-dashboard[dir=rtl] .info-box-content { padding:0 12px 0 0; }
@media(min-width:768px) {
.myduka-app.sidebar-mini.sidebar-collapse .sidebar>.logo { padding:16px 4px; }
.myduka-app.sidebar-mini.sidebar-collapse .md-sidebar-brand, .myduka-app.sidebar-mini.sidebar-collapse .md-business-name { display:none; }
.myduka-app.sidebar-mini.sidebar-collapse .sidebar-menu>li { margin-left:0; margin-right:0; }
}
@media(max-width:1100px) and (min-width:768px) {
.myduka-dashboard .col-custom { width:50%; }
.myduka-dashboard .info-box-number { font-size:20px; }
.myduka-login .left-col { padding:48px 30px; }
.myduka-login .right-col { padding:24px; }
.myduka-login .login-form { padding:28px; margin-top:90px; }
}
@media(max-width:767px) {
.myduka-login .left-col { width:100%; min-height:0; padding:24px; }
.myduka-login .md-login-story { margin-top:18px; max-width:none; }
.myduka-login .md-login-story h1 { font-size:28px; margin:10px 0 0; }
.myduka-login .md-login-story p, .myduka-login .md-login-tags, .myduka-login .md-eyebrow { display:none; }
.myduka-login .login-header small { margin-top:5px; font-size:12px; }
.myduka-login .right-col { width:100%; min-height:0; padding:24px 14px 32px; }
.myduka-login .right-col>.row>.col-md-3 { padding-left:0; }
.myduka-login .right-col>.row>.col-md-9 { padding-right:0; padding-top:0!important; }
.myduka-login .login-form { margin:78px auto 0; padding:28px 22px; }
.myduka-app .main-header .navbar-custom-menu { padding-bottom:6px; }
.myduka-dashboard .content-header-custom { padding:24px 16px 10px; }
.myduka-dashboard .content-header h1 { font-size:23px; }
.myduka-dashboard .content-custom { padding:16px; }
.myduka-dashboard .box-body { padding:14px; }
.myduka-dashboard .box-header { padding:16px; }
.myduka-dashboard .info-box { margin-bottom:14px; }
}
@media(prefers-reduced-motion:reduce) { .myduka-login *, .myduka-app .main-header *, .myduka-app .main-sidebar * { transition:none!important; } }
}

@media screen { .myduka-login .login-header img {width:154px; max-width:100%; padding:0;} .myduka-app .md-sidebar-brand {display:flex; align-items:center; gap:10px;} .myduka-app .md-sidebar-brand img {width:48px; height:48px; max-height:none; padding:0;} @media(max-width:767px){.myduka-login .login-header img {width:76px;float:left;margin-right:16px;} .myduka-login .md-login-story {clear:both;padding-top:14px;} } }

/* Resolve UltimatePOS skin-specific rules; preserve all screen-only scoping. */
@media screen {
body.myduka-app .main-sidebar { background:#132649!important; }
body.myduka-app .main-sidebar .sidebar>.logo { background:#132649; color:white; }
body.myduka-app .sidebar-menu>li.active>a, body.myduka-app .sidebar-menu>li.menu-open>a, body.myduka-app .sidebar-menu>li:hover>a { background:#224c85!important; color:white; border-left-color:#67b9ff; }
body.myduka-app .sidebar-menu>li>.treeview-menu { background:#19345b!important; }
body.myduka-app .sidebar-menu .treeview-menu>li>a { color:#c1d5da; }
body.myduka-app .sidebar-menu .treeview-menu>li.active>a, body.myduka-app .sidebar-menu .treeview-menu>li>a:hover { color:white; background:#285591; }
body.myduka-dashboard .content-wrapper .content-header-custom { background:transparent; color:var(--md-ink)!important; padding:30px 28px 10px; }
body.myduka-dashboard .content-wrapper .content-header-custom h1 { color:var(--md-ink)!important; }
body.myduka-dashboard .content-wrapper .content-custom { margin-top:0; }
[dir=rtl] .myduka-dashboard .info-box-content { padding:0 12px 0 0; }
@media(max-width:767px) { body.myduka-dashboard .content-wrapper .content-header-custom { padding:24px 16px 10px; } }
}

/* Login refinement: authentication screen only. */
.myduka-login { --md-ink:#18314d; --md-muted:#66798e; --md-blue:#1769c6; --md-navy:#123a72; --md-line:#dce6f1; background:#f4f7fb !important; }
.myduka-login .left-col { background:radial-gradient(ellipse at 8% 6%,rgba(53,135,232,.3),transparent 58%),linear-gradient(145deg,#12386e 0%,#10294f 100%) !important; }
.myduka-login .login-header img { width:112px; height:112px; object-fit:contain; border-radius:20px; padding:8px; box-shadow:0 14px 34px rgba(3,24,56,.2); }
.myduka-login .login-header small { color:#d0e2f7 !important; }
.myduka-login .md-login-story { margin-top:52px; max-width:430px; }
.myduka-login .md-login-story h1 { max-width:420px; font-weight:700; }
.myduka-login .md-login-story p { color:#d9e8f9 !important; }
.myduka-login .md-login-tags span { border-color:rgba(183,214,250,.34); background:rgba(255,255,255,.06); }
.myduka-login .right-col { background:linear-gradient(145deg,#f7f9fc,#eef3f9) !important; }
.myduka-login .right-col .row:first-child { align-items:center; }
.myduka-login .right-col a { color:#185fb2; text-decoration:none; }
.myduka-login .right-col a:hover { color:#123a72; text-decoration:underline; }
.myduka-login .right-col .bg-maroon { color:#536b84 !important; }
.myduka-login .login-form { max-width:470px; margin:clamp(46px,8vh,78px) auto 30px; padding:36px 38px 30px; border:1px solid #e1e8f0; border-radius:20px; box-shadow:0 20px 54px rgba(22,52,89,.1); }
.myduka-login .form-header { color:#18314d; font-size:30px; letter-spacing:-.8px; font-weight:750; }
.myduka-login .md-login-subtitle { color:#64768a; font-size:14px; line-height:1.65; margin:0 0 26px; }
.myduka-login #login-form .form-group { margin-bottom:19px; }
.myduka-login #login-form label { color:#344b65; font-size:12px; font-weight:700; margin-bottom:8px; }
.myduka-login #login-form .form-control { height:50px; border:1px solid #d8e2ed; border-radius:11px; background:#fff; color:#203750; padding:11px 42px 11px 14px; box-shadow:none; font-size:14px; transition:border-color .18s ease,box-shadow .18s ease; }
.myduka-login #login-form .form-control:focus { border-color:#4d92e2; box-shadow:0 0 0 4px rgba(23,105,198,.12); outline:0; }
.myduka-login #login-form .form-control-feedback { top:34px; right:13px; color:#7890aa; height:18px; line-height:18px; }
.myduka-login #login-form .checkbox { margin:1px 0 18px; }
.myduka-login #login-form .checkbox label { color:#586d84; font-size:13px; font-weight:500; }
.myduka-login #login-form .btn-login { width:100%; min-height:50px; border:0; border-radius:11px; background:linear-gradient(100deg,#1769c6,#1261d8); color:#fff; font-size:14px; font-weight:750; letter-spacing:.01em; box-shadow:0 9px 20px rgba(23,105,198,.2); transition:transform .18s ease,box-shadow .18s ease,filter .18s ease; }
.myduka-login #login-form .btn-login:hover { filter:brightness(1.04); transform:translateY(-1px); box-shadow:0 12px 24px rgba(23,105,198,.26); }
.myduka-login #login-form .btn-login:focus-visible { outline:3px solid rgba(23,105,198,.3); outline-offset:3px; }
.myduka-login #login-form .pull-right { display:block; float:none !important; margin-top:16px; text-align:center; font-size:13px; font-weight:700; }
.myduka-login .whatsapp-support { z-index:1000; }
@media (max-width:767px) {
  .myduka-login .eq-height-row { display:block; min-height:100vh; }
  .myduka-login .right-col { min-height:100vh; padding:18px 16px 88px; }
  .myduka-login .login-form { margin:28px auto 26px; padding:25px 21px 22px; border-radius:17px; }
  .myduka-login .right-col-content::before { content:""; display:block; width:56px; height:56px; margin:18px auto 2px; border-radius:14px; background:#fff url("/img/myduka/logo.jpg") center/contain no-repeat; box-shadow:0 7px 20px rgba(22,52,89,.12); }
  .myduka-login .form-header { font-size:27px; }
  .myduka-login .md-login-subtitle { margin-bottom:22px; }
  .myduka-login #change_lang { max-width:145px; }
  .myduka-login #login-form .form-control { font-size:16px; }
}
@media (max-width:360px) {
  .myduka-login .right-col { padding-left:12px; padding-right:12px; }
  .myduka-login .login-form { padding:22px 17px 20px; }
}
}