/* Shared Printmoko interface, 2026-10-23. Screen-only: printed documents retain their layouts. */
@media screen {
:root{--pmk-navy:#14283e;--pmk-blue:#0875e1;--pmk-bg:#f3f6fa;--pmk-line:#dce4ed;--pmk-text:#24364a;--pmk-radius:8px}
body{font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;color:var(--pmk-text);background:var(--pmk-bg)!important}
.main-sidebar,.pmk-sidebar{background:var(--pmk-navy)!important;box-shadow:none!important}
.main-header,.pmk-top{background:var(--pmk-blue)!important;box-shadow:0 1px 4px #14283e22!important;border:0!important}
.main-sidebar .brand-link{height:57px;background:#102033;border-bottom:1px solid #ffffff18}
.main-sidebar .nav-sidebar>.nav-item>.nav-link,.pmk-nav li a{border-radius:6px;margin:3px 8px;padding:11px 12px;font-size:14px;line-height:20px;color:#dfe8f3;box-shadow:none!important}
.main-sidebar .nav-sidebar>.nav-item>.nav-link.active,.pmk-nav li.active a{background:var(--pmk-blue)!important;color:white!important;border-left-color:transparent}
.main-sidebar .nav-sidebar>.nav-item>.nav-link:hover,.pmk-nav li a:hover{background:#244360!important}
.content-wrapper{background:var(--pmk-bg)!important}
.content-header h1,.page-title h1{font-size:26px!important;font-weight:700!important;letter-spacing:-.4px}
.card,.page-card{border:1px solid var(--pmk-line);border-radius:var(--pmk-radius);box-shadow:0 2px 6px #14283e09}
.card-header{padding:14px 16px;border-bottom:1px solid var(--pmk-line);background:#fff;border-radius:8px 8px 0 0}
.card-title{font-weight:600;font-size:16px}
.card-body{padding:16px}
.btn,.form-control,.custom-select{border-radius:6px}
.btn-primary,.btn-add{background:var(--pmk-blue)!important;border-color:var(--pmk-blue)!important}
.form-control:focus{border-color:var(--pmk-blue);box-shadow:0 0 0 3px #0875e11a}
.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #65adff;outline-offset:2px}
.table thead th{background:#edf2f7;color:#30465e;border-color:var(--pmk-line);vertical-align:middle}
.table td{vertical-align:middle;border-color:var(--pmk-line)}
.table-responsive,.table-shell{overflow-x:auto}
.modal-content{border:1px solid var(--pmk-line);border-radius:10px;box-shadow:0 12px 40px #14283e33}
.modal-header{border-bottom:1px solid var(--pmk-line)}
.pmk-top{height:57px}.pmk-brand{width:250px;min-width:250px;height:57px;padding:6px 20px;background:#102033}.pmk-brand img{max-height:45px;max-width:205px}
.pmk-banner{height:57px;background:transparent}.pmk-banner:before,.pmk-values{display:none}.pmk-tagline{font-size:13px!important;font-style:normal;margin-left:20px;text-shadow:none;letter-spacing:0}
.pmk-user{top:6px;right:12px;height:44px;border-radius:6px;background:#0875e1}.pmk-user small{color:#e4efff}.pmk-tagline{padding-right:180px}
.pmk-sidebar{top:57px;width:250px;padding-top:14px;overflow-y:auto}.pmk-nav li a{border-left:0;gap:12px}.pmk-nav i{font-size:17px;width:24px}.pmk-nav .chev{font-size:11px}
.pmk-content{margin-left:250px;padding-top:73px}.pmk-inner{padding:0 16px 20px}.page-head{flex-wrap:wrap;padding:16px;gap:16px}.page-title .icon{font-size:32px}.page-title p{font-size:13px}
.kpis{flex-wrap:wrap;max-width:100%!important;overflow:visible!important}.kpi{flex:1 1 130px;min-width:130px;padding:10px;border-color:var(--pmk-line)!important}.kpi small{font-size:11px}.kpi .sub{font-size:10px}.kpi b{font-size:18px}
.toolbar{flex-wrap:wrap;padding:12px;gap:8px}.toolbar .search{flex:1 1 240px;width:auto}.toolbar .form-control{font-size:13px}.toolbar select{flex:0 1 160px}.toolbar input[type=date]{flex:0 1 150px}
.master{min-width:1800px}.master th,.master td{padding:8px!important}.master tbody td,.edit{font-size:12px}.master thead .labels th{font-size:12px}.master thead .groups th{font-size:12px;background:var(--pmk-navy)!important;color:#fff!important}.edit{height:32px}.status-pill{font-size:11px}.pager{font-size:13px;gap:12px;flex-wrap:wrap}
@media(max-width:1100px){.pmk-tagline{display:none}.page-title h1{font-size:24px!important}}
@media(max-width:900px){.pmk-brand{width:72px;min-width:72px;padding:8px}.pmk-brand img{max-width:56px}.pmk-sidebar{width:72px}.pmk-content{margin-left:72px}.pmk-nav li a{padding:12px 8px;justify-content:center}.pmk-user{display:flex}.pmk-inner{padding:0 10px 16px}.kpis{width:100%}}
@media(max-width:480px){.page-head{padding:12px}.page-title h1{font-size:22px!important}.page-title p{font-size:12px}.kpi{min-width:110px}.toolbar .form-control{max-width:100%}.toolbar .search{min-width:0;flex-basis:100%}}
}