.tob-office{font:16px/1.5 Segoe UI,Arial,sans-serif;color:#2f3135}.tob-office-card,.tob-signatures-editor,.tob-office-home{background:#fff;border:1px solid #ead3df;border-radius:14px;padding:18px;margin:14px 0}.tob-office h2,.tob-office-home h2,.tob-signatures-editor h2{color:#8d1248;margin:0 0 12px;font-size:22px}.tob-office h3{font-size:18px;margin:5px 0 10px}.tob-office-actions,.tob-office-tabs,.tob-signature-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0}.tob-office-actions button,.tob-office-tabs button{min-height:44px}.tob-office-tabs button[aria-pressed=true]{background:#b01759;color:#fff}.tob-office-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}.tob-office label,.tob-signature-field{display:block;font-weight:600;font-size:14px}.tob-office input:not([type=checkbox]),.tob-office select,.tob-office textarea,.tob-signature-field input{display:block;width:100%;padding:11px;border:1px solid #c5c8cc;border-radius:9px;font:16px Segoe UI,Arial,sans-serif;margin:6px 0 12px;box-sizing:border-box}.tob-office textarea{min-height:90px}.tob-office .muted,.tob-office-home .muted{color:#5f6368;font-size:14px}.tob-office [hidden]{display:none!important}.tob-office-row{border-top:1px solid #e0e1e3;padding:14px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.tob-office-row>div{min-width:0;flex:1;overflow-wrap:anywhere}.tob-office-row input[type=checkbox]{width:24px;height:24px;flex:none;accent-color:#b01759}.tob-office-note{padding:12px;border-left:4px solid #b01759;background:#fff8fb;white-space:pre-wrap}.tob-office-error{color:#9c1235;font-weight:700}.tob-signature-card{border:1px solid #d8dadd;border-radius:12px;padding:14px;margin:12px 0;min-width:0;background:#fff}.tob-signatures-editor .tob-signature-tools{grid-column:1/-1}.tob-signature-tools h2{flex-basis:100%}.tob-signature-card canvas{display:block;width:100%;height:170px;touch-action:none;border:1px solid #8f9196;border-radius:8px;background:#fff}.tob-signature-status{font-size:14px;color:#5f6368}.tob-signature-print{display:none}.tob-photo-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tob-photo-comparison figure{margin:0;border:1px solid #d8dadd;border-radius:10px;padding:10px;min-width:0}.tob-photo-comparison img{display:block;width:100%;height:230px;object-fit:contain;background:#f4f5f6}.tob-photo-comparison figcaption{overflow-wrap:anywhere;margin-top:8px}.tob-photo-comparison button{margin-top:8px}.tob-office-meter{display:flex;gap:12px;flex-wrap:wrap}.tob-office-meter span{padding:8px 12px;background:#f7eaf1;border-radius:10px;color:#8d1248}.tob-office-controls{display:flex;gap:8px;flex-wrap:wrap}.tob-office-controls label{display:flex;align-items:center;gap:6px;min-height:44px}.tob-office-controls input{width:22px;height:22px;accent-color:#b01759}
@media(max-width:600px){.tob-office-card,.tob-signatures-editor,.tob-office-home{padding:14px}.tob-office-actions button,.tob-office-actions a{flex-grow:1;text-align:center}.tob-photo-comparison{gap:6px}.tob-photo-comparison figure{padding:6px}.tob-photo-comparison img{height:170px}.tob-signature-card{padding:10px}.tob-office-row{flex-direction:column;align-items:stretch}.tob-office-row>div{flex:auto;width:100%}.tob-signatures-editor .sigwrap{grid-template-columns:1fr}}
@media print{.tob-signatures-editor,.tob-office-home,.tob-office-tabs,.tob-office-actions{display:none!important}.tob-signature-print{display:block!important;break-before:page;background:white;color:black}.tob-signature-output{break-inside:avoid;border-bottom:1px solid #aaa;padding:14px 0}.tob-signature-output h3{margin:0 0 7px}.tob-signature-output p{font-size:11pt;margin:5px 0}.tob-signature-output img{display:block;width:90mm;max-height:35mm;object-fit:contain;object-position:left}}

#tob-personal-workplace button[aria-pressed=true]{background:#b01759;color:#fff}.tob-office input[type=checkbox]{width:22px;height:22px;vertical-align:middle;accent-color:#b01759}

.tob-office-row small{display:block;margin-top:4px}
.tob-signature-card canvas[role=button]{cursor:pointer;touch-action:pan-y}
.tob-signature-card canvas[role=button]:focus-visible{outline:3px solid #b01759;outline-offset:3px}
.tob-signature-dialog{box-sizing:border-box;width:min(960px,96vw);max-width:96vw;max-height:94vh;max-height:94dvh;margin:auto;padding:22px;border:1px solid #d8dadd;border-radius:16px;background:#fff;color:#2f3135;font:16px/1.4 Arial,sans-serif;overflow:auto;overscroll-behavior:contain}
.tob-signature-dialog::backdrop{background:rgba(20,24,32,.65)}
.tob-signature-dialog h2{margin:0 0 8px;color:#8d1248;font-size:22px;overflow-wrap:anywhere}
.tob-signature-dialog p{margin:8px 0;overflow-wrap:anywhere}
.tob-signature-dialog canvas{box-sizing:border-box;display:block;width:100%;height:clamp(200px,45vh,400px);height:clamp(200px,45dvh,400px);border:2px solid #8f9196;border-radius:10px;background:#fff;touch-action:none;user-select:none;-webkit-user-select:none}
.tob-signature-dialog .tob-office-actions{position:sticky;bottom:0;background:#fff;padding:8px 0;margin-bottom:0}
.tob-signature-dialog button{font:inherit;min-height:48px;padding:10px 16px}
.tob-signature-dialog button:last-child{background:#b01759;color:#fff}
.tob-signature-dialog button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:600px){.tob-signature-dialog{width:100vw;max-width:100vw;max-height:100vh;max-height:100dvh;border-radius:0;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.tob-signature-dialog .tob-office-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tob-signature-dialog button:last-child{grid-column:1/-1}}
@media(max-height:500px){.tob-signature-dialog{padding:10px;max-height:100vh;max-height:100dvh}.tob-signature-dialog h2{font-size:18px}.tob-signature-dialog canvas{height:45vh;height:45dvh;min-height:100px}.tob-signature-dialog p{font-size:13px;margin:4px 0}.tob-signature-dialog .tob-office-actions{display:flex}}
@media print{.tob-signature-dialog{display:none!important}}
