:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#202124;background:#f5f5f6}*{box-sizing:border-box}body{margin:0}header{min-height:64px;background:#202124;color:#fff;display:flex;align-items:center;gap:28px;padding:0 5%;flex-wrap:wrap}header a{color:#fff;text-decoration:none}.brand,header b{font-size:22px;letter-spacing:3px}nav{display:flex;gap:18px;flex:1}main{max-width:980px;margin:32px auto;padding:0 18px}.hero{display:flex;justify-content:space-between;align-items:center}.panel,.loginbox{background:#fff;border-radius:16px;padding:22px;margin:18px 0;box-shadow:0 5px 24px #0001}label{display:flex;flex-direction:column;gap:6px;margin:12px 0;font-weight:650}input,select,textarea,button{font:inherit;padding:12px;border:1px solid #ccc;border-radius:10px}button{cursor:pointer;font-weight:700}.send{width:100%;background:#202124;color:#fff;margin-top:16px}.faxrow{display:flex;gap:8px}.faxrow input{flex:1}.plus{font-size:22px}.balance{font-weight:800;background:#e9f7ec;padding:10px 14px;border-radius:99px}.balance.low,.bad{background:#ffe5e5;color:#9b1515}.good{background:#e9f7ec;color:#17642a}.good,.bad{padding:12px;border-radius:10px;margin:12px 0}.cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.inline{display:flex;gap:12px;align-items:end}.inline label{flex:1}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #eee}.assign{padding:16px 0;border-bottom:1px solid #eee}.check{display:inline-flex;flex-direction:row;margin-right:16px}.login{display:grid;place-items:center;min-height:100vh}.loginbox{width:min(420px,92vw)}.loginbox h1{letter-spacing:5px}.readonly{padding:12px;background:#f4f4f4;border-radius:10px;display:flex;justify-content:space-between}@media(max-width:700px){header{padding:14px 18px;gap:12px}nav{order:3;width:100%;overflow:auto}.cols{grid-template-columns:1fr}.inline{display:block}.hero{align-items:flex-start}.balance{white-space:nowrap}table{font-size:13px}}body{background:#f2f6f6;color:#17343e}header{background:#123b46}.send{background:#08737c;color:#fff}.sectionhead,.faxitem{display:flex;justify-content:space-between;align-items:center;gap:16px}.faxitem{border-top:1px solid #e5eeee;padding:14px 0}.faxmeta{display:flex;flex-direction:column;gap:4px}.badge{border-radius:99px;padding:7px 12px;font-weight:750;font-size:13px;white-space:nowrap}.badge.success{background:#d8f4e4;color:#176442}.badge.pending{background:#fff0cc;color:#895400}.badge.error{background:#ffe3e3;color:#a22}.live{color:#167852}.entry{border-top:1px solid #ddd;padding:14px 0}.entry summary{cursor:pointer}.editgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.login{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 10% 10%,#338291,transparent 50%),linear-gradient(135deg,#092f3b,#0f7178);padding:24px}.login-art{position:absolute;inset:0;z-index:-1}.art-orbit{position:absolute;border:1px solid #fff4;border-radius:50%;width:75vw;height:75vw;min-width:600px;min-height:600px;right:-15vw;top:-25vw}.art-orbit-two{width:105vw;height:105vw;right:-30vw;top:-40vw}.art-paper{position:absolute;right:12%;top:30%;width:140px;height:190px;background:#ffffff28;border-radius:16px;transform:rotate(-16deg);color:white;font-size:90px;text-align:center;line-height:180px}.loginbox{padding:36px;width:min(440px,100%);box-shadow:0 24px 70px #002b3a80}.loginbox h1{letter-spacing:0}.login-mark{font-size:26px;font-weight:900;letter-spacing:4px;color:#125060}.login-mark span{color:#e9a74c}
@media(max-width:700px){.editgrid{grid-template-columns:1fr}.art-paper{right:-50px;opacity:.45}.faxitem{align-items:flex-start}}

.faxitem .faxmeta small{color:#667e86}.badge.pending{background:#fff0cc;color:#895400}

.faxstate{display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:45%}.error-detail{display:block;color:#a02c2c;font-size:12px;line-height:1.35;overflow-wrap:anywhere}.faxstate .error-detail{text-align:right}@media(max-width:700px){.faxstate{max-width:55%}}

/* Raum zwischen Status und Fehlergrund */
table .error-detail{margin-top:10px;line-height:1.5;max-width:310px}
.faxstate .error-detail{margin-top:4px}

/* History: status and message are separate rows */
table td .error-detail{padding-top:16px;line-height:1.5}

/* Kopfzeile auf schmalen Bildschirmen */
header{flex-wrap:nowrap}header .desktop-account{max-width:30%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header .mobile-menu{display:none}
@media(max-width:700px){header{height:64px;padding:0 18px;justify-content:space-between;position:relative;z-index:10}header .desktop-nav,header .desktop-account{display:none}header .mobile-menu{display:block;margin-left:auto}header .mobile-menu summary{list-style:none;cursor:pointer;font-size:27px;line-height:1;width:44px;height:44px;display:grid;place-items:center;border-radius:9px}header .mobile-menu summary::-webkit-details-marker{display:none}header .mobile-menu summary:focus-visible{outline:2px solid white}header .mobile-menu nav{position:absolute;right:12px;top:58px;width:min(300px,calc(100vw - 24px));background:#123b46;display:flex;flex-direction:column;gap:0;padding:8px;border-radius:12px;box-shadow:0 12px 32px #0005;max-height:calc(100vh - 70px);overflow:auto}header .mobile-menu nav a,header .menu-user{display:block;padding:12px 14px;border-radius:8px}header .mobile-menu nav a:focus-visible,header .mobile-menu nav a:hover{background:#ffffff22}header .menu-user{color:#d1e9ea;border-bottom:1px solid #ffffff3d;overflow-wrap:anywhere}}
.file-options{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.file-options label{display:inline-block;margin:0}.file-options input{max-width:100%}.camera-button{display:inline-block;background:#e6f3f2;border:1px solid #84b5b8;border-radius:10px;padding:12px;cursor:pointer;font-weight:700}.file-message{color:#a02c2c}
.history-actions{display:flex;justify-content:flex-end;margin-bottom:12px}.delete-button{background:#fff;color:#a02c2c;border-color:#ddb6b6;padding:7px 10px;font-size:13px;white-space:nowrap}.delete-button:hover{background:#ffe9e9}.history-scroll{overflow-x:auto}.history-scroll table{min-width:620px}.history-scroll td:last-child,.history-scroll th:last-child{text-align:right}
/* Mobiler Login: Hintergrund und Formular füllen die Viewportbreite. */
html{min-height:100%;background:#0f7178}body.login{width:100%;min-width:100vw;max-width:100vw;min-height:100vh;min-height:100dvh;overflow-x:hidden}.loginbox{max-width:100%}.install-app{background:#e6f3f2;color:#123b46;border-color:#84b5b8}.loginbox .install-app{width:100%;margin-top:14px}header .install-app{padding:8px 10px;white-space:nowrap}header .mobile-menu .install-app{width:100%;text-align:left;margin-top:6px}
.crop-dialog{width:min(800px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;border:0;border-radius:16px;padding:18px;background:#fff;color:#17343e;box-shadow:0 18px 56px #0005}.crop-dialog::backdrop{background:#0009}.crop-dialog h2{margin:4px 0}.crop-dialog p{margin:8px 0 14px}.crop-dialog canvas{display:block;max-width:100%;height:auto;margin:auto;touch-action:none;border-radius:8px}.crop-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.crop-actions #crop-apply{background:#08737c;color:white}.file-message.ready{color:#176442}@media(max-width:700px){.crop-dialog{padding:14px}.crop-actions button{flex:1;font-size:14px;padding:10px 5px}}
/* Root ist bei :root grau; identische Spezifität verhindert graue Fläche unter Login. */
html:root{height:100%;background:#f2f6f6}html:root:has(body.login){background:#0f7178}body.login{height:100dvh;min-height:100dvh;overflow-y:auto;overscroll-behavior-y:contain}
.settings-tabs{display:flex;gap:9px;overflow-x:auto;padding:4px 0 12px}.settings-tabs a{color:#125060;text-decoration:none;white-space:nowrap;padding:11px 15px;background:#e5f0f0;border-radius:10px;font-weight:700}.settings-tabs a.active{background:#08737c;color:#fff}.inbox-indicator{background:#e9a74c;color:#17343e;border-radius:20px;padding:2px 7px;font-size:11px;font-weight:800}.inbox-indicator[hidden]{display:none}.inbox-toast{position:fixed;bottom:22px;right:22px;z-index:40;max-width:calc(100vw - 32px);background:#123b46;color:white;text-decoration:none;border-radius:12px;box-shadow:0 12px 28px #0004;padding:15px 18px;font-weight:700}@media(max-width:700px){.inbox-toast{left:16px;right:16px;bottom:16px;text-align:center}}
.compose-modes{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0 18px}.compose-modes button{background:#e6f3f2;color:#123b46;border-color:#84b5b8}.compose-modes button.selected{background:#08737c;color:white;border-color:#08737c}#fax-text{width:100%;min-height:220px;line-height:1.5;resize:vertical}#file-fields[hidden],#text-fields[hidden]{display:none}

.sent-pdf-link{font-size:13px;font-weight:700;color:#08737c}.history-scroll td a{white-space:nowrap}
.sms-indicator{background:#e9a74c;color:#17343e;border-radius:20px;padding:2px 7px;font-size:11px;font-weight:800}.sms-indicator[hidden]{display:none}.sms-entry{border-top:1px solid #dce8e9;padding:16px 0}.sms-entry:first-child{border-top:0;padding-top:0}.sms-entry p{white-space:normal;overflow-wrap:anywhere;line-height:1.55}.sms-entry time{color:#667e86;font-size:13px}.sms-entry form{margin:0}
.destination-field{border:0;padding:0;margin:16px 0}.destination-field legend{font-weight:700}.destination-field .compose-modes{margin:10px 0}.destination-field .compose-modes button{background:#e6f3f2;color:#123b46;border-color:#84b5b8}.destination-field .compose-modes button.selected{background:#08737c;color:white;border-color:#08737c}.destination-field [hidden]{display:none}.destination-field select{width:100%}