/* Dashboard typography and screen layout; business print templates remain independent. */
body.gh-operations{font:14px/1.45 -apple-system,"Segoe UI",Arial,Helvetica,sans-serif;color:#17212b;background:#f5f7f9;letter-spacing:0}
.gh-operations :is(input,select,textarea,button){font-family:-apple-system,"Segoe UI",Arial,Helvetica,sans-serif;letter-spacing:0}
.gh-operations :is(input,select,textarea){font-size:14px;color:#17212b;border-color:#d8dee6;border-radius:6px;min-height:44px}
.gh-operations button{font-size:13px;font-weight:700;border-radius:6px;min-height:44px}
.gh-operations :is(.field label,.detail label){font-size:13px;font-weight:700;color:#24313f;line-height:1.45}
.gh-operations :is(.field,.detail) :is(input,select,textarea){font-weight:400}
.gh-operations select[multiple]{padding:8px;min-height:126px}
.gh-operations .detail{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:16px 0;border-top:1px solid #e5e9f0}
.gh-operations .detail .area{width:100%;min-width:0}
.gh-operations :is(.card,.piece){border-color:#d8dee6;border-radius:8px;padding:16px;background:#fbfdff}
.gh-operations :is(.body,main>section){line-height:1.45}
.gh-operations h2{font-size:15px;font-weight:700;line-height:1.4;color:#183a59}
.gh-operations .total{font-size:16px;font-weight:700}
.gh-operations .date-label-en{font-size:12px}
.gh-operations :focus-visible{outline:2px solid #2563eb;outline-offset:2px}
@media screen{
 body.gh-operations{margin:0;padding:20px}
 .gh-operations>main,.gh-operations>main.gh-unified{max-width:1180px;margin:0 auto;border:1px solid #d8dee6;border-radius:14px;box-shadow:0 8px 24px rgba(15,23,42,.08);overflow:hidden}
 .gh-operations.gh-service>header,.gh-operations.gh-service>nav,.gh-operations.gh-service>main{max-width:1180px;margin:0 auto}
 .gh-operations.gh-service>main{padding:20px 24px;background:#fff;border-top:0;border-radius:0 0 14px 14px}
 .gh-operations :is(.head,.gh-unified>header),.gh-operations.gh-service>header{padding:20px 24px!important;background:linear-gradient(135deg,#183a59,#122c46);color:#fff;gap:14px}
 .gh-operations.gh-service>header{border-radius:14px 14px 0 0}
 .gh-operations :is(.head,.gh-unified>header)>div{min-width:0}
 .gh-operations :is(.head,.gh-unified>header) h1,.gh-operations.gh-service>header h1{font:700 21px/1.3 -apple-system,"Segoe UI",Arial,Helvetica,sans-serif!important;margin:0 0 4px}
 .gh-operations :is(.head,.gh-unified>header) p{font-size:13px;color:#cfe3fb;margin:0}
 .gh-operations :is(.head-logo,.gh-unified>header img),.gh-operations.gh-service>header img{width:44px;height:44px;object-fit:contain;background:white;border-radius:6px;padding:4px;flex-shrink:0}
 .gh-operations .gh-unified{padding:0}
 .gh-operations .gh-unified>:not(header){margin-left:24px;margin-right:24px}
 .gh-operations .gh-unified>p:last-of-type{padding-bottom:20px}
}
@media screen and (max-width:780px){
 body.gh-operations{padding:0}
 .gh-operations>main,.gh-operations>main.gh-unified{border-radius:0;border-left:0;border-right:0}
 .gh-operations .detail{grid-template-columns:repeat(2,minmax(0,1fr))}
 .gh-operations :is(.head,.gh-unified>header),.gh-operations.gh-service>header{padding:16px;border-radius:0}
 .gh-operations :is(.head,.gh-unified>header) h1,.gh-operations.gh-service>header h1{font-size:17px!important}
 .gh-operations :is(.head-logo,.gh-unified>header img),.gh-operations.gh-service>header img{width:34px;height:34px}
}
@media screen and (max-width:600px){.gh-operations .detail{grid-template-columns:minmax(0,1fr)}.gh-operations .gh-unified>:not(header){margin-left:16px;margin-right:16px}}