.office-body{flex:1;min-width:0}.office-body .topbar{display:flex;align-items:center;padding:16px 24px;gap:18px;border-bottom:1px solid var(--line)}.office-body .topbar label{min-width:220px;max-width:40%;flex:1}.office-body .topbar select{width:100%}#office-search{max-width:460px;flex:1}#office-profile{margin-left:auto}#office-main{padding:24px;min-width:0}#office-notice{padding:10px 24px;color:var(--muted);min-height:38px}.office-login{max-width:480px;margin:40px auto}.office-login label,.office-fields label{display:flex;flex-direction:column;gap:7px;margin:12px 0}.office-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0}.office-split{display:grid;grid-template-columns:minmax(500px,1.5fr) minmax(340px,1fr);gap:18px}.office-preview{position:sticky;top:16px;align-self:start;min-width:0}.office-preview iframe{height:65vh;width:100%;border:1px solid var(--line);border-radius:12px;background:var(--solid)}.office-bookings{overflow:auto}.office-bookings table{width:100%;border-collapse:collapse}.office-bookings th,.office-bookings td{padding:10px 8px;text-align:left;border-bottom:1px solid var(--line);font-size:12px}.office-bookings tr[aria-selected=true]{background:var(--pale)}.office-bookings tbody tr{cursor:pointer}.office-number{text-align:right!important;white-space:nowrap}.office-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.office-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.office-cards button{padding:20px;text-align:left}.office-cards strong{display:block;font-size:28px;margin-top:8px}#office-dialog{max-width:min(800px,94vw);width:800px;max-height:90vh;overflow:auto;background:var(--solid);color:var(--text);border:1px solid var(--line);border-radius:18px;padding:24px}#office-dialog::backdrop{background:#0007}#office-close-dialog{float:right}.office-error{color:#e79788}.office-muted{color:var(--muted)}.office-hidden{display:none!important}.office-source-note{overflow-wrap:anywhere}button:disabled{opacity:.55;cursor:wait}.office-body button:focus-visible,.office-body tr:focus-visible{outline:2px solid var(--blue);outline-offset:3px}@media(max-width:1100px){.office-split{grid-template-columns:1fr}.office-preview{position:static}.office-body .topbar{flex-wrap:wrap}.office-preview iframe{height:60vh}}@media(max-width:700px){.office-fields{grid-template-columns:1fr}.sidebar{width:150px;flex-basis:150px}#office-main{padding:12px}}

.office-body .topbar{flex-direction:row}.office-body .topbar label{display:flex;align-items:center;gap:12px}.office-document-scroll{height:65vh;overflow:auto;background:#d7e0e8;border-radius:10px}.office-document-scroll img{display:block;width:100%;height:auto}.office-body h1{margin-bottom:18px}

.office-dropzone{display:flex;align-items:center;justify-content:center;min-height:150px;border:2px dashed var(--line);border-radius:14px;padding:24px;cursor:pointer;background:var(--pale)}.office-dropzone.dragging{border-color:var(--blue)}

@media(max-width:700px){.app>.sidebar{width:100%;flex-basis:auto;height:auto}.app>.sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.app>.sidebar nav button{width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left;padding:10px}.office-body .topbar label{min-width:0;max-width:100%;flex-basis:100%}.office-body .topbar{gap:10px;padding:12px}.office-body #office-search{min-width:0}.office-body #office-profile{max-width:100%;overflow-wrap:anywhere}}

.office-personal-prefs{max-width:600px}.office-personal-prefs>label{display:flex;flex-direction:column;gap:7px;margin:14px 0}.office-body .topbar .office-scale-control{flex:0 0 135px;min-width:0;max-width:135px;gap:6px}.office-scale-control input{width:80px;padding:0}.office-scale-control output{min-width:42px;font-size:12px}

.office-export-journal{table-layout:fixed;width:100%}.office-export-journal th,.office-export-journal td{white-space:normal;overflow-wrap:anywhere;vertical-align:top}.office-export-journal th:nth-child(1){width:17%}.office-export-journal th:nth-child(2){width:37%}.office-export-journal th:nth-child(3){width:10%}.office-export-journal th:nth-child(4){width:19%}.office-export-journal th:nth-child(5){width:17%}.office-export-journal .btn{white-space:normal;min-width:0;max-width:100%;box-sizing:border-box}.office-export-lock-badge{display:block;white-space:normal;overflow-wrap:anywhere;font-size:.75rem;color:var(--blue)}

.office-column-button{border:0;background:transparent;color:inherit;font:inherit;font-weight:600;padding:4px 2px;white-space:normal;cursor:pointer;text-align:left}.office-column-button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}[data-column-values]{max-height:40vh;overflow:auto;margin:10px 0}[data-column-values] .checkline{display:flex;gap:8px;overflow-wrap:anywhere}

/* Keep the shared office header on one row at ordinary desktop widths. */
@media(min-width:1101px){
  .office-body .topbar{padding-block:10px;gap:14px}
  .office-body .topbar label{flex-direction:row}
  .office-body .topbar label:not(.office-scale-control){min-width:0;max-width:none;flex:0 1 380px;white-space:nowrap}
  .office-body .topbar label:not(.office-scale-control)>select{width:auto;min-width:0;flex:1}
}
#office-notice{min-height:0;padding-block:5px;line-height:1.3}
#office-main{padding-top:16px}