.module-card{margin-bottom:18px}.module-row{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--o-line)}.module-row:last-child{border:0}.module-row>div{min-width:0}.module-row p{overflow-wrap:anywhere}.module-balance{display:flex;gap:20px;flex-wrap:wrap;padding:16px 0;font-size:13px}.module-card details{margin-top:14px}.module-card summary{cursor:pointer;font-weight:600}.module-card .button-group{margin-top:12px}.module-card .office-btn{font-size:12px;min-height:42px}#activationResult[data-state=success]{border:1px solid #8dbb92;background:#eff8ed;padding:28px}#activationResult[data-state=error]{border:1px solid #d6a68b;background:#fff4e9;padding:28px}#activationResult h2{font-size:24px;margin-bottom:12px}@media(max-width:600px){.module-row{align-items:flex-start;flex-direction:column}.module-row>.button-group{width:100%}.module-row .office-btn{min-height:44px}.module-balance{gap:10px;flex-direction:column}.office-headline input[type=month]{max-width:165px}}
.module-product-link{display:block;padding:12px 13px;color:#c1d5bb;font-size:12px;border:1px solid #ffffff20;border-radius:8px;text-decoration:none}.office-app[data-product=personel] .office-sidebar{--o-sidebar:#263b40;background:#263b40}.office-app[data-product=personel] .office-mobile-nav button{background:none;border:0;padding:8px;font-size:11px;color:var(--o-ink);min-height:48px}
.sidebar-product{color:#b6caa9;font-size:10px;letter-spacing:1.7px;margin:8px 10px 0;text-transform:uppercase;font-weight:600}
.module-disclaimer{font-size:11px;color:var(--o-muted)}.module-disclaimer summary{min-height:32px;padding:5px 0}.office-app[data-product=personel] .metric-card strong{overflow-wrap:normal}@media(max-width:600px){.office-view .metric-card strong{font-size:18px;white-space:nowrap;letter-spacing:-.6px}.office-view .metric-card{padding:14px}.office-view .metric-card span{font-size:10px}}
/* Document archive also stays usable with long mobile filenames. */
#view-documents .button-group{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0}
#view-documents .button-group input{font:inherit;min-height:44px;border:1px solid #d9e2db;border-radius:10px;padding:8px 12px;background:white;max-width:100%}
#view-documents .module-card{margin-top:14px;overflow-wrap:anywhere}
#view-documents .module-card label{display:block;margin-top:16px;font-size:13px;font-weight:600;color:#38584a}
#view-documents input[type=file]{display:block;width:100%;max-width:440px;margin-top:8px;font:13px system-ui;color:#62756a}
#view-documents input[type=file]::file-selector-button{font:inherit;font-weight:600;border:1px solid #c9d8ce;border-radius:9px;background:#edf4ef;color:#244b39;padding:11px 14px;margin-right:10px;cursor:pointer}
#view-documents .office-btn{white-space:normal;overflow-wrap:anywhere;min-height:44px;margin-right:6px;margin-bottom:6px}
@media(max-width:600px){#view-documents .button-group{align-items:stretch}#view-documents .button-group .office-btn{flex:1 1 150px}#view-documents .module-card{padding:16px}}
.office-dropzone{border:2px dashed #b5cbbd;border-radius:12px;padding:18px;background:#f5f9f6;margin:14px 0}.office-dropzone.drag-over{border-color:#276247;background:#e1efe5}.office-dropzone input{display:block;width:100%;margin:12px 0}.office-dropzone p{overflow-wrap:anywhere}
.office-invoice-preview{padding:14px;border:1px solid #c9dccc;border-radius:10px;background:#eff6ee;font-size:14px;line-height:1.8;overflow-wrap:anywhere}
.invoice-lines-editor fieldset{min-width:0;border:1px solid #c8d8ca;border-radius:10px;padding:14px;margin:12px 0;display:grid;gap:12px}.invoice-lines-editor legend{font-weight:600;padding:0 7px}.invoice-lines-editor .office-btn{min-height:44px}.invoice-lines-editor input,.invoice-lines-editor select{max-width:100%}
#officeForm:has(>.office-row){gap:6px}#officeForm>.office-row{padding:9px 0}#officeForm>.office-row h3{font-size:13px}#officeForm>.office-row p{font-size:11px}
.office-dropzone input[type=file]{max-width:100%;font-size:13px;padding:8px;min-height:48px}
.office-dropzone input[type=file]::file-selector-button{font:inherit;font-weight:600;background:#e1eddf;border:1px solid #b4cbb5;border-radius:7px;padding:11px;margin-right:8px;cursor:pointer}
@media(max-width:600px){#officeDialog{padding:18px;max-height:92svh}#officeDialog .office-dialog-head{gap:10px;margin-bottom:18px}#officeDialog .office-close{min-width:44px;min-height:44px}.office-dropzone{padding:12px}.office-dropzone label{font-size:14px}.office-invoice-preview{font-size:13px}#view-reconciliation .office-card{margin-bottom:14px;padding:16px}}