:root{font-family:Arial,Helvetica,sans-serif;color:#34383d;background:#eef1f4;font-size:14px}*{box-sizing:border-box}body{margin:0}.bar{height:68px;padding:0 22px;background:#17222d;color:#fff;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:4}.bar>div{display:flex;align-items:center;gap:10px}.bar>div span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#d9a441;color:#17222d;font-weight:800}.bar nav{display:flex;gap:8px}.bar button,.bar a{border:0;border-radius:8px;padding:10px 13px;background:#fff;color:#17222d;text-decoration:none;font-weight:700;cursor:pointer}.bar .accent{background:#d9a441}.bar .danger{background:#a93636;color:#fff}main{display:grid;grid-template-columns:280px minmax(850px,1fr);min-height:calc(100vh - 68px)}aside{padding:18px;background:#202d38;color:#fff}aside h2{font-size:15px;margin:0 0 12px}aside>input{width:100%;padding:10px;border-radius:7px;border:1px solid #ffffff28;background:#ffffff0e;color:#fff}.record{display:block;width:100%;margin-top:7px;padding:9px;text-align:left;border-radius:7px;border:1px solid transparent;background:#ffffff0b;color:#fff;cursor:pointer}.record:hover,.record.active{border-color:#d9a441}.record small{display:block;color:#b9c1c8}.record[draggable="true"]{cursor:grab}.record.dragging{opacity:.45}.record.drop-target{border-color:#6eb4f3;box-shadow:inset 0 3px 0 #6eb4f3}.record.drop-target.drop-after{box-shadow:inset 0 -3px 0 #6eb4f3}.editor{padding:20px;overflow:auto}.status{max-width:1080px;margin:0 auto 9px;color:#67727c;font-size:12px}.sheet{width:1080px;min-height:1527px;margin:auto;padding:48px 46px 40px;background:#fff;box-shadow:0 5px 25px #25313f22;color:#575b60}.sheet input{font:inherit;height:24px;border:0;border-bottom:1px dotted #777;background:transparent;padding:1px 4px;min-width:0}.sheet input:focus,.sheet textarea:focus{outline:none;background:#fff7de}.headline{display:grid;grid-template-columns:1.25fr .55fr .95fr;align-items:center;gap:18px}.headline h1{margin:0;font-size:24px;font-weight:500}.headline label{display:flex;align-items:center;gap:4px}.headline input{flex:1}.author{display:flex;flex-direction:column;margin-top:28px;font-size:17px}.author strong{font-size:17px;color:#444}.sheet h2{margin:25px 0 9px;font-size:18px;font-weight:500}.instruction{font-size:17px;line-height:1.35;text-align:justify;margin:0}.observation{display:grid;grid-template-columns:1.15fr 1fr auto;align-items:center;gap:7px;margin-top:20px;font-size:17px}.observation.first{grid-template-columns:1fr 2fr;margin-top:40px}.observation label{display:flex;align-items:center;gap:4px}.observation input{flex:1}.field-hint{font-size:11px;line-height:1.1;color:#68737d;white-space:nowrap}.sheet textarea{display:block;width:100%;height:760px;margin-top:13px;border:0;resize:none;font:17px/1.45 Arial,Helvetica,sans-serif;color:#333;padding:3px;background:#fff}.detention{display:grid;grid-template-columns:1fr 1.25fr 1.25fr;align-items:center;gap:18px;margin-top:28px;font-size:16px}.detention label{display:flex;align-items:center;gap:5px;white-space:nowrap}.detention input[type=number]{width:76px}.detention input[name=cashRegisterDetail]{width:80px}.witness-signature{width:310px;margin:75px 0 0 auto;text-align:left}.witness-signature input{width:100%}.witness-signature span{display:block;margin-top:3px;font-size:16px}.toast{position:fixed;right:20px;bottom:20px;padding:12px 18px;border-left:4px solid #d9a441;background:#17222d;color:#fff;border-radius:6px;opacity:0}.toast.show{opacity:1}
@media(max-width:1100px){main{display:block}aside{max-height:260px;overflow:auto}.editor{padding:8px}.bar{position:relative}.sheet{transform-origin:top left}}
@media print{@page{size:A4 portrait;margin:9mm}.no-print{display:none!important}body{background:#fff}main{display:block}.editor{padding:0}.sheet{width:auto;min-height:0;margin:0;padding:0;box-shadow:none;color:#666;font-size:9pt}.headline{gap:12px}.headline h1{font-size:16pt}.author{margin-top:14px;font-size:10pt}.author strong{font-size:10pt}.sheet h2{margin:15px 0 6px;font-size:11pt}.instruction{font-size:9.5pt;line-height:1.27}.observation{font-size:9.5pt;margin-top:12px}.observation.first{margin-top:24px}.field-hint{font-size:6.8pt}.sheet input{height:18px;font-size:9pt}.sheet textarea{height:154mm;margin-top:7px;font-size:9.5pt;line-height:1.4;color:#333!important;-webkit-text-fill-color:#333!important;background:#fff!important}.detention{font-size:9pt;margin-top:10px;gap:10px}.sheet input[type=radio]{appearance:none;width:10px;height:10px;min-width:10px;border:1px solid #666;border-radius:50%;padding:0}.sheet input[type=radio]:checked{background:linear-gradient(45deg,transparent 40%,#000 41%,#000 57%,transparent 58%),linear-gradient(-45deg,transparent 40%,#000 41%,#000 57%,transparent 58%)}.witness-signature{width:65mm;margin-top:18mm;font-size:9pt}.witness-signature span{font-size:9pt}}
@media print{html,body,.sheet{background:#fff!important}.sheet input[type=date]::-webkit-calendar-picker-indicator,.sheet input[type=time]::-webkit-calendar-picker-indicator{display:none!important}}
@media print{.sheet{position:relative!important;height:279mm!important;overflow:hidden!important}.sheet textarea{height:149mm!important}.witness-signature{position:absolute!important;right:0!important;bottom:2mm!important;margin:0!important;break-inside:avoid!important;page-break-inside:avoid!important}}
@media print{.sheet{zoom:.92!important;width:100%!important;margin:0!important}}
.ns-reference{margin-top:8px;font-size:13px}.ns-reference output{display:inline-block;min-width:100px;border-bottom:1px dotted #777;padding:2px 5px;font-weight:700;color:#333}
@media print{.ns-reference{margin-top:3px;font-size:8.5pt}.author{margin-top:8px!important}}
.protocol-sign-panel{width:1080px;margin:10px auto 30px;padding:12px 16px;border:1px solid #d4b970;border-radius:9px;background:#fff9e8;display:flex;align-items:center;gap:12px}.protocol-sign-panel button{padding:8px 11px;border:1px solid #c6ad69;border-radius:7px;background:#fff}.protocol-sign-dialog{width:min(820px,94vw);border:0;border-radius:12px;padding:18px}.protocol-sign-dialog::backdrop{background:#0008}.protocol-sign-dialog canvas{width:100%;height:auto;border:2px solid #87919a;border-radius:8px;background:#fff;touch-action:none}.protocol-sign-dialog>div{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.witness-signature{position:relative}.witness-signature-image{position:absolute;display:block;width:90%;height:45px;object-fit:contain;left:5%;top:-22px}.witness-signature-image:not([src]){display:none}
.protocol-writing-helper{margin:10px 0 14px;padding:11px;border:1px solid #a9c6dc;border-radius:9px;background:#f4faff}.protocol-writing-helper>strong,.protocol-writing-helper>span{display:block}.protocol-writing-helper>span{margin:2px 0 8px;color:#64727e;font-size:12px}.protocol-writing-helper>div{display:flex;flex-wrap:wrap;gap:6px}.protocol-writing-helper button{padding:6px 9px;border:1px solid #a9bfd2;border-radius:99px;background:#fff;color:#20384d;cursor:pointer}.protocol-writing-helper button:hover{background:#1476d4;color:#fff}
.sheet .field-error{outline:2px solid #d83c32!important;outline-offset:2px;background:#fff0ee!important;border-radius:3px}.sheet input.field-error,.sheet textarea.field-error{background:#fff0ee!important}.detention.field-error{padding:6px}.ns-reference.field-error{padding:5px}.protocol-sign-panel.field-error{border:2px solid #d83c32;background:#fff0ee}.field-error:focus{outline-color:#b9231b!important}
input[name="observationTime"]{flex:0 0 110px;min-width:110px}
.record[data-sortable="true"]{cursor:grab;touch-action:none}.record.dragging{cursor:grabbing}