#page .v313-target-form{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin:8px 0 14px;padding:10px;border:1px solid #dce5ee;border-radius:12px}
#page .v313-target-form .v313-target-caption{width:100%;font-weight:600}
#page .v313-target-form .v313-target-grid{flex:1 1 600px;display:grid;grid-template-columns:repeat(3,minmax(125px,1fr));gap:8px;margin:0}
#page .v313-target-form .field{margin:0;min-width:0}
#page .v313-target-form .field label{font-size:11px}
#page .v313-target-form input{height:37px;min-width:0;padding:5px 8px}
#page .v313-target-form button{min-height:37px;margin:0}
@media(max-width:900px){#page .v313-target-form .v313-target-grid{grid-template-columns:repeat(2,minmax(110px,1fr))}}
@media(max-width:580px){#page .v313-target-form .v313-target-grid{grid-template-columns:1fr}}


 /* Use the 13-inch laptop viewport more efficiently */
 #page.page{padding:14px 20px 24px!important}
 #page .card,#page .panel{padding:14px!important}
 #page .section-head{margin:4px 0 9px!important}
 #page h1{margin:4px 0 8px!important;font-size:24px!important}
 #page h2{margin:7px 0 10px!important}
 #page .stat-grid,#page .summary-grid{gap:9px!important}
 #page table th,#page table td{padding:8px 9px!important}
 #page .v312-period{display:grid!important;grid-template-columns:minmax(130px,180px) minmax(130px,180px) minmax(200px,1fr)!important;gap:8px!important;align-items:end!important;margin:4px 0 8px!important}
 #page .v312-period .field{min-width:0!important;margin:0!important}
 #page .v312-period select{height:35px!important}
 #page .v312-period .muted-small{font-size:11px!important;align-self:center!important}
 #page .v313-target-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;column-gap:9px!important;row-gap:4px!important;align-items:end!important;padding:8px!important;margin:5px 0 10px!important}
 #page .v313-target-form .v313-target-caption{grid-column:1/-1!important;font-size:11px!important;margin:0!important}
 #page .v313-target-form .v313-target-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;flex:none!important;width:100%!important;min-width:0!important}
 #page .v313-target-form .field{min-width:0!important;margin:0!important}
 #page .v313-target-form input{height:35px!important}
 #page .v313-target-form button{min-height:35px!important;white-space:nowrap!important;align-self:end!important}
 .sidebar #sidebar-nav{overflow-y:auto!important;min-height:0!important}
 @media(max-width:950px){#page .v312-period{grid-template-columns:1fr 1fr!important}#page .v312-period .muted-small{grid-column:1/-1}#page .v313-target-form{display:block!important}#page .v313-target-form button{margin-top:8px!important}}
 @media(max-width:540px){#page .v313-target-form .v313-target-grid{grid-template-columns:1fr!important}#page .v312-period{grid-template-columns:1fr!important}}
 

 #page.page{padding:12px 18px 18px!important}
 #page .card,#page .panel{padding:12px!important;margin-bottom:10px!important}
 #page h1{margin:2px 0 5px!important;font-size:23px!important}
 #page h2{margin:4px 0 9px!important}
 #page .stat-grid,#page .summary-grid{gap:7px!important}
 #page table td,#page table th{padding:7px 8px!important}
 #page .v312-period{display:grid!important;grid-template-columns:minmax(100px,155px) minmax(135px,165px) minmax(190px,1fr)!important;gap:8px!important;align-items:end!important;margin:0 0 9px!important}
 #page .v312-period .field{margin:0!important;min-width:0!important}
 #page .v312-period label{font-size:11px!important}
 #page .v312-period select{height:34px!important}
 #page .v312-period .muted-small{font-size:11px!important;line-height:1.3!important;align-self:center!important}
 #page #v32-person-targets.v313-target-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:end!important;padding:8px!important;margin:5px 0 9px!important}
 #page #v32-person-targets .v313-target-caption{grid-column:1/-1!important;margin:0!important;font-size:11px!important}
 #page #v32-person-targets .form-grid,#page #v32-person-targets .v313-target-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;min-width:0!important;margin:0!important;width:100%!important;flex:none!important}
 #page #v32-person-targets .field{min-width:0!important;margin:0!important}
 #page #v32-person-targets input{height:34px!important;min-width:0!important}
 #page #v32-person-targets button{height:34px!important;min-height:34px!important;white-space:nowrap!important;margin:0!important}
 #page .v315-request-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0!important}
 #page .v315-request-actions button{height:36px!important;white-space:nowrap}
 #page .v315-request-panel[hidden]{display:none!important}
 #page .v315-request-panel{margin:6px 0 12px!important}
 #page .v311-toolbar{margin-bottom:9px!important}
 #page .v311-toolbar .form-grid{gap:8px!important}
 @media(max-width:830px){#page .v312-period{grid-template-columns:1fr 1fr!important}#page .v312-period .muted-small{grid-column:1/-1}#page #v32-person-targets.v313-target-form{grid-template-columns:1fr!important}#page #v32-person-targets button{justify-self:start}}
 @media(max-width:530px){#page #v32-person-targets .form-grid,#page #v32-person-targets .v313-target-grid{grid-template-columns:1fr!important}#page .v312-period{grid-template-columns:1fr!important}}
 
/* V3.16 final compact layout */
#page .v316-request-actions{display:flex;justify-content:flex-end;gap:8px;margin:8px 0}
#page .v316-request-panel[hidden]{display:none!important}
#page .v316-empty-notice{font-size:12px;color:#6b7280;margin:5px 0}
#page .v312-period{display:flex!important;align-items:end!important;gap:8px!important;flex-wrap:wrap!important}
#page .v312-period .field{flex:0 1 155px!important;width:auto!important}
#page #v32-person-targets.v313-target-form{display:flex!important;align-items:end!important;flex-wrap:nowrap!important;gap:8px!important}
#page #v32-person-targets .v313-target-caption{display:none!important}
#page #v32-person-targets .v313-target-grid,#page #v32-person-targets .form-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;flex:1 1 auto!important;gap:7px!important}
#page #v32-person-targets button{flex:0 0 auto!important}
@media(max-width:680px){#page #v32-person-targets.v313-target-form{flex-wrap:wrap!important}#page #v32-person-targets .v313-target-grid,#page #v32-person-targets .form-grid{flex-basis:100%!important}}
#page .v317-hidden-source{display:none!important}
#page .v317-financial-top{margin-bottom:10px}
#page .v317-financial-top .stat-grid{margin-top:8px}
#page #v317-handover{margin-bottom:12px}
#page #v317-handover textarea{width:100%;min-height:65px}
#page #v317-handover input[type=file],#page #v317-handover select{display:block;width:100%;margin:6px 0 12px}
#page #v317-handover .actions{display:flex;gap:8px}
.dialog-body form label{display:block;font-weight:600;margin:10px 0 5px}
.dialog-body form input,.dialog-body form select,.dialog-body form textarea{width:100%;max-width:100%}
.dialog-body form button{margin-top:12px}