.employee-period-name > progress {
  display: block;
  width: 100%;
  height: 4px;
  margin-top: 7px;
  overflow: hidden;
  border: 0;
  border-radius: 4px;
  background: #e8edf3;
}

.employee-period-name > progress::-webkit-progress-bar {
  background: #e8edf3;
}

.employee-period-name > progress::-webkit-progress-value,
.employee-period-name > progress::-moz-progress-bar {
  border-radius: 4px;
  background: #5b91c8;
}

.deployment-modal { width: min(1440px, 96vw); }
.deployment-toolbar { display: flex; align-items: center; gap: 10px; padding: 14px 20px; border-bottom: 1px solid var(--line); }
.deployment-toolbar strong { margin-right: auto; font: 700 18px Georgia, serif; }
.deployment-layout { display: grid; grid-template-columns: minmax(0, 1fr) 390px; min-height: 560px; }
.deployment-board { padding: 18px; overflow: auto; background: #f5f8fb; }
.deployment-days { display: grid; grid-template-columns: repeat(7, minmax(155px, 1fr)); gap: 9px; min-width: 1120px; }
.deployment-day { min-height: 470px; border: 1px solid var(--line); border-radius: 10px; background: #fff; overflow: hidden; }
.deployment-day.optional { background: #f8fafc; }
.deployment-day > header { display: grid; grid-template-columns: 1fr auto; padding: 11px; border-bottom: 1px solid var(--line); background: #eef4fa; }
.deployment-day > header strong { color: var(--blue); }
.deployment-day > header span { color: var(--muted); font-size: 9px; }
.deployment-day > header button { grid-column: 2; grid-row: 1 / span 2; width: 28px; height: 28px; border: 0; border-radius: 50%; background: var(--blue); color: #fff; font-weight: 800; }
.deployment-day > div { padding: 8px; }
.deployment-day > div > p { color: var(--muted); font-size: 9px; text-align: center; }
.deployment-card { display: block; width: 100%; margin-bottom: 8px; padding: 10px; border: 1px solid #a9c5e2; border-radius: 8px; background: #edf5fd; color: var(--dark); text-align: left; }
.deployment-card strong,.deployment-card span,.deployment-card small,.deployment-card em { display: block; }
.deployment-card span { margin-top: 4px; font-size: 10px; font-weight: 700; }
.deployment-card small { margin-top: 5px; color: var(--muted); font-size: 8px; line-height: 1.4; }
.deployment-card em { margin-top: 6px; color: #735221; font-size: 8px; font-style: normal; }
.deployment-form { padding: 20px; border-left: 1px solid var(--line); overflow: auto; }
.deployment-form-head,.deployment-form-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.deployment-form h3 { margin: 0; font: 700 21px Georgia, serif; }
.deployment-form > label,.deployment-times label { display: grid; gap: 6px; margin-top: 14px; }
.deployment-form label > span { font-size: 9px; font-weight: 800; text-transform: uppercase; }
.deployment-form select,.deployment-form input,.deployment-form textarea { width: 100%; }
.deployment-form select[multiple] { min-height: 170px; }
.deployment-form label small { color: var(--muted); font-size: 8px; }
.deployment-times { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.deployment-form-actions { margin-top: 18px; }
@media(max-width: 900px) {
  .deployment-modal { width: 100vw; }
  .deployment-layout { grid-template-columns: 1fr; }
  .deployment-form { position: absolute; inset: 125px 0 0; z-index: 3; border-left: 0; background: #fff; }
}
.deployment-copy-days { margin-top: 14px; padding: 10px; border: 1px solid var(--line); border-radius: 8px; }
.deployment-copy-days legend { padding: 0 5px; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.deployment-copy-days > div { display: grid; grid-template-columns: repeat(7, 1fr); gap: 5px; }
.deployment-copy-days label { cursor: pointer; }
.deployment-copy-days label input { position: absolute; opacity: 0; pointer-events: none; }
.deployment-copy-days label span { display: grid; place-items: center; min-height: 45px; border: 1px solid var(--line); border-radius: 7px; background: #fff; font-size: 10px; }
.deployment-copy-days label span small { display: block; color: var(--muted); font-size: 7px; }
.deployment-copy-days label input:checked + span { border-color: var(--blue); background: var(--blue); color: #fff; }
.deployment-copy-days label input:checked + span small { color: #dceafa; }
.deployment-copy-days > small { display: block; margin-top: 7px; color: var(--muted); font-size: 8px; line-height: 1.4; }
.deployment-employee-picker { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.deployment-employee-picker section { min-height: 190px; padding: 8px; border: 1px solid var(--line); border-radius: 8px; background: #f8fafc; }
.deployment-employee-picker section > strong { display: block; margin-bottom: 7px; color: var(--muted); font-size: 8px; text-transform: uppercase; }
.deployment-employee-picker section > div { display: grid; gap: 5px; }
.deployment-employee-picker button { padding: 8px; border: 1px solid #cbd7e3; border-radius: 6px; background: #fff; color: var(--dark); text-align: left; font-size: 10px; }
.deployment-employee-picker button:hover { border-color: var(--blue); background: #edf5fd; }
.deployment-employee-picker button small { display: block; margin-top: 2px; color: var(--muted); font-size: 7px; }
.deployment-employee-picker section:last-child button { border-color: #9cbde0; background: #edf5fd; }
.deployment-employee-picker section:last-child button:first-child { border-color: var(--blue); box-shadow: inset 3px 0 var(--blue); }
.deployment-employee-picker p { color: var(--muted); font-size: 8px; text-align: center; }
@media(max-width: 600px) {
  .deployment-copy-days > div { grid-template-columns: repeat(4, 1fr); }
  .deployment-employee-picker { grid-template-columns: 1fr; }
}

.personal-planning-heading { align-items: center; }
.cost-center-gps-fields { margin: 4px 0; padding: 12px; border: 1px solid var(--line); border-radius: 9px; }
.planned-crew-suggestion { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 14px 18px 0; padding: 12px 14px; border: 1px solid #9fc3e6; border-radius: 9px; background: #edf6ff; }
.planned-crew-suggestion[hidden] { display: none; }
.planned-crew-suggestion div { display: grid; gap: 3px; }
.planned-crew-suggestion strong { color: var(--blue); font-size: 11px; }
.planned-crew-suggestion span { color: var(--muted); font-size: 9px; }
@media(max-width: 700px) { .planned-crew-suggestion { align-items: stretch; flex-direction: column; } }
.cost-center-gps-fields legend { padding: 0 6px; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.cost-center-gps-fields > div { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.cost-center-gps-fields label { display: grid; gap: 5px; }
.cost-center-gps-fields label span { font-size: 9px; font-weight: 800; text-transform: uppercase; }
.cost-center-gps-fields > button,.cost-center-gps-fields > a { margin-top: 10px; }
.cost-center-gps-fields > small { display: block; margin-top: 9px; color: var(--muted); line-height: 1.4; }
@media(max-width: 600px) { .cost-center-gps-fields > div { grid-template-columns: 1fr; } }
.personal-planning-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 18px 24px 0; }
.personal-planning-summary article { padding: 15px; border: 1px solid var(--line); border-radius: 10px; background: #f7fafe; }
.personal-planning-summary span { display: block; color: var(--muted); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.personal-planning-summary strong { display: block; margin-top: 6px; color: var(--blue); font: 700 20px Georgia, serif; }
.personal-planning-days { display: grid; gap: 12px; padding: 18px 24px 28px; }
.personal-planning-day { overflow: hidden; border: 1px solid var(--line); border-radius: 11px; background: #fff; }
.personal-planning-day > header { display: flex; align-items: center; justify-content: space-between; padding: 12px 15px; background: #edf4fb; }
.personal-planning-day > header div { display: flex; align-items: baseline; gap: 8px; }
.personal-planning-day > header span,.personal-planning-day > header b { color: var(--muted); font-size: 9px; }
.personal-planning-day.optional > header { background: #f4f6f8; }
.personal-planning-day > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 10px; }
.personal-deployment-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; padding: 14px; border: 1px solid #cbd9e7; border-radius: 9px; background: #fbfdff; }
.personal-deployment-main h3 { margin: 8px 0 4px; font: 700 17px Georgia, serif; }
.personal-deployment-main p { margin: 0; color: var(--blue); font-weight: 800; }
.personal-deployment-card dl { grid-column: 1 / -1; display: grid; gap: 7px; margin: 0; }
.personal-deployment-card dl div { display: grid; grid-template-columns: 70px 1fr; gap: 8px; }
.personal-deployment-card dt { color: var(--muted); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.personal-deployment-card dd { margin: 0; font-size: 11px; }
.personal-map-link { align-self: start; color: var(--blue); font-size: 10px; font-weight: 800; text-decoration: none; }
.personal-planning-empty { margin: 4px; color: var(--muted); font-size: 10px; text-align: center; }
@media(max-width: 760px) {
  .personal-planning-summary { grid-template-columns: 1fr; padding: 12px 14px 0; }
  .personal-planning-days { padding: 12px 14px 90px; }
  .personal-planning-day > div { grid-template-columns: 1fr; }
  .personal-deployment-card { grid-template-columns: 1fr; }
  .personal-map-link { grid-row: 3; }
}

.daily-report-period { display: flex; align-items: end; gap: 8px; }
.daily-report-period label { display: grid; gap: 4px; }
.daily-report-period span,.daily-report-form label > span { color: var(--muted); font-size: 8px; font-weight: 800; text-transform: uppercase; }
.daily-report-layout { display: grid; grid-template-columns: 330px minmax(0,1fr); min-height: 650px; border-top: 1px solid var(--line); }
.daily-report-layout > aside { padding: 16px; border-right: 1px solid var(--line); background: #f6f9fc; }
.daily-report-list-head,.daily-report-form-title,.daily-report-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.daily-report-list { display: grid; gap: 7px; margin-top: 12px; }
.daily-report-list-item { display: grid; gap: 8px; width: 100%; padding: 11px; border: 1px solid var(--line); border-radius: 9px; background: #fff; text-align: left; }
.daily-report-list-item.active { border-color: var(--blue); box-shadow: inset 3px 0 var(--blue); background: #edf5fd; }
.daily-report-list-item span,.daily-report-list-item strong,.daily-report-list-item small,.daily-report-list-item b,.daily-report-list-item em { display: block; }
.daily-report-list-item small,.daily-report-list-item em { margin-top: 3px; color: var(--muted); font-size: 8px; font-style: normal; }
.daily-report-form { display: grid; gap: 14px; padding: 20px 24px 30px; }
.daily-report-form-title h3 { margin: 0; font: 700 22px Georgia,serif; }
.daily-report-basic { display: grid; grid-template-columns: 170px 1fr 1.5fr; gap: 10px; }
.daily-report-weather { display: grid; grid-template-columns: 1fr 150px 150px; gap: 10px; }
.daily-report-form label { display: grid; gap: 5px; }
.daily-report-form input,.daily-report-form select,.daily-report-form textarea { width: 100%; }
.daily-report-media-panel { padding: 14px; border: 1px solid var(--line); border-radius: 10px; background: #f8fafc; }
.daily-report-media-panel header strong,.daily-report-media-panel header small { display: block; }
.daily-report-media-panel header small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.daily-report-media { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; margin-top: 12px; }
.daily-report-media > p { grid-column: 1/-1; color: var(--muted); text-align: center; }
.daily-media-card { overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
.daily-media-card img,.daily-media-card video { display: block; width: 100%; height: 150px; object-fit: cover; background: #102f55; }
.daily-media-card > div { padding: 9px; }
.daily-media-card strong,.daily-media-card small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.daily-media-card small { margin-top: 4px; color: var(--muted); font-size: 7px; }
.daily-media-card button { margin-top: 7px; border: 0; background: transparent; color: #a13d32; font-size: 8px; font-weight: 800; }
.daily-report-upload { display: grid; gap: 10px; margin-top: 12px; }
.daily-capture-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.daily-capture-button { position: relative; display: inline-flex; min-height: 44px; align-items: center; justify-content: center; padding: 10px 14px; overflow: hidden; border-radius: 9px; background: var(--navy); color: #fff; font-weight: 800; cursor: pointer; }
.daily-capture-button.secondary { background: #edf4fb; color: var(--navy); border: 1px solid var(--line); }
.daily-capture-button input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.daily-upload-hint { color: var(--muted); }
.daily-report-upload-progress { width: 100%; }
.daily-report-actions { justify-content: flex-end; }
.daily-report-title-actions { display:flex; align-items:center; gap:8px; }
.site-documents-panel{max-width:1000px;margin:0 auto}.site-document-list{padding:18px 24px}.site-document-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.site-document-row div:first-child{display:grid;gap:4px}.site-document-row small{color:var(--muted)}.site-document-row div:last-child{display:flex;gap:7px}.site-document-upload{display:grid;grid-template-columns:1fr 1.2fr auto;gap:10px;align-items:end;padding:20px 24px;background:#f6f9fc;border-top:1px solid var(--line)}.site-document-upload small{grid-column:1/-1;color:var(--muted)}
.site-document-notes{display:grid;grid-template-columns:1fr auto;gap:10px;padding:18px 24px;background:#f6f9fc;border-bottom:1px solid var(--line)}.site-document-notes div{display:grid}.site-document-notes textarea{grid-column:1/-1}.site-document-notes button{grid-column:2}.site-document-row p{white-space:pre-wrap;margin:2px 0;color:#45566c}
.site-document-row{display:grid;grid-template-columns:58px 1fr auto}.site-document-thumb,.site-document-type{width:52px;height:52px;border-radius:8px;overflow:hidden;background:#eaf1f8;display:flex;align-items:center;justify-content:center;color:var(--navy);font-size:9px;font-weight:900}.site-document-thumb img{width:100%;height:100%;object-fit:cover}
@media(max-width:600px){.site-document-list{padding:12px}.site-document-row{align-items:flex-start;display:grid;grid-template-columns:48px 1fr}.site-document-thumb,.site-document-type{width:42px;height:42px}.site-document-row div:last-child{grid-column:1/-1;width:100%}.site-document-row div:last-child>*{flex:1;text-align:center}.site-document-upload,.site-document-notes{grid-template-columns:1fr;padding:14px}.site-document-upload small,.site-document-notes textarea,.site-document-notes button{grid-column:auto}.site-document-notes button{min-height:48px}}
@media(max-width:900px){.daily-report-layout{grid-template-columns:1fr}.daily-report-layout>aside{border-right:0;border-bottom:1px solid var(--line)}.daily-report-basic{grid-template-columns:1fr 1fr}.daily-report-basic label:last-child{grid-column:1/-1}.daily-report-media{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.daily-report-heading{display:block}.daily-report-period{display:grid;grid-template-columns:1fr 1fr;margin-top:12px}.daily-report-period button{grid-column:1/-1}.daily-report-form{padding:12px}.daily-report-basic,.daily-report-weather,.daily-report-upload{grid-template-columns:1fr}.daily-report-basic label:last-child{grid-column:auto}.daily-report-media{grid-template-columns:1fr}.daily-report-form input,.daily-report-form select,.daily-report-form textarea{font-size:16px}.daily-capture-actions{display:grid;grid-template-columns:1fr 1fr}.daily-capture-button{min-height:54px;padding:12px 8px;text-align:center}.daily-capture-button.secondary{grid-column:1/-1}.daily-report-actions{position:sticky;bottom:64px;z-index:5;display:grid;grid-template-columns:1fr 1fr;padding:8px;background:rgba(255,255,255,.96);box-shadow:0 -4px 16px rgba(13,43,78,.08)}.daily-report-actions button{min-height:50px}.mobile-nav{grid-template-columns:repeat(6,minmax(58px,1fr));overflow-x:auto}}
.telegram-message-form{border-top:1px solid var(--border,#d7e0ea);margin-top:1rem;padding-top:1rem}.telegram-message-form #telegramMessagePreview{white-space:pre-line;text-align:left;min-height:4.5rem}
.telegram-history-section{border-top:1px solid var(--border,#d7e0ea);margin-top:1rem;padding-top:1rem}.telegram-history-section .section-heading{align-items:center;display:flex;justify-content:space-between;gap:1rem}.telegram-history-list{display:grid;gap:.55rem;margin-top:.8rem}.telegram-history-item{align-items:center;border:1px solid #dbe4ee;border-left:4px solid #2fa36b;border-radius:.65rem;display:grid;gap:.7rem;grid-template-columns:6.4rem 1fr auto;padding:.75rem}.telegram-history-item.failed{border-left-color:#c24d3c}.telegram-history-item div{display:grid;gap:.2rem}.telegram-history-item small,.telegram-history-item time{color:#66758a}.telegram-history-status{font-weight:700}.telegram-history-item.failed .telegram-history-status{color:#a63428}@media(max-width:700px){.telegram-history-item{grid-template-columns:1fr}.telegram-history-item time{font-size:.8rem}}
.signature-content{display:grid;gap:1rem;padding:1.2rem}.signature-content canvas{background:#fff;border:2px solid #12375f;border-radius:.75rem;height:auto;max-height:220px;touch-action:none;width:100%}.signature-content p{color:#66758a;margin:0}.signature-modal{max-width:680px}
.review-signature-status{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;margin-bottom:16px;border:1px solid #b9dec9;border-radius:12px;background:#edf8f1;color:#17633b}.review-signature-status span{font-size:.88rem}.review-signature-status.open{border-color:#cbd8e8;background:#f3f7fc;color:#143b68}.review-signature-status.legacy{border-color:#ecd3a2;background:#fff8e9;color:#795115}.control-signed{display:block!important;color:#1b7548!important;margin-top:4px}.control-unsigned{display:block!important;color:#9a651f!important;margin-top:4px}@media(max-width:700px){.review-signature-status{align-items:flex-start;flex-direction:column;gap:4px}}
.pdf-modal-actions{display:flex;align-items:center;gap:8px}.pdf-modal-actions .secondary{min-height:38px;padding:8px 12px}.pdf-mobile-fallback{display:grid;place-content:center;justify-items:center;gap:10px;padding:28px;text-align:center;color:#203c5e}.pdf-mobile-fallback>span{max-width:560px;color:#66758a;line-height:1.5}.pdf-mobile-fallback>div{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px}.pdf-mobile-fallback.error{color:#9d352c}.pdf-mobile-fallback.error>span{color:#9d352c}@media(max-width:700px){.pdf-modal>header{align-items:flex-start;padding:14px}.pdf-modal>header h2{font-size:17px}.pdf-modal-actions{flex-wrap:wrap;justify-content:flex-end}.pdf-modal-actions .secondary{font-size:10px;padding:7px}.pdf-modal iframe{display:none!important}.pdf-mobile-fallback{align-content:start;padding:48px 22px}.pdf-mobile-fallback>div{display:grid;width:100%}.pdf-mobile-fallback button{min-height:52px;width:100%}}
.pdf-mobile-symbol{display:grid!important;width:70px!important;height:82px;place-items:center;margin:0 0 8px!important;border-radius:8px 8px 14px 8px;background:#173f73;color:#fff;font-size:16px;font-weight:900;box-shadow:0 10px 24px #173f7330}.pdf-mobile-buttons button{display:grid;gap:3px;align-content:center}.pdf-mobile-buttons button b{font-size:14px}.pdf-mobile-buttons button small{font-size:10px;font-weight:500;opacity:.78}@media(max-width:700px){.pdf-modal>header{align-items:center;min-height:62px;padding:10px 14px}.pdf-modal>header h2{max-width:calc(100vw - 74px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px}.pdf-modal-actions .secondary{display:none}.pdf-modal-actions{flex-wrap:nowrap}.pdf-mobile-ready{align-content:center!important;box-sizing:border-box;padding:28px 20px calc(24px + env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,#f7faff,#eef4fb)}.pdf-mobile-ready>strong{font:700 23px Georgia,serif;color:#102f55}.pdf-mobile-ready>span{max-width:330px;font-size:14px}.pdf-mobile-ready>.pdf-mobile-buttons{position:sticky;bottom:0;display:grid!important;grid-template-columns:1fr 1fr;width:min(100%,440px)!important;gap:10px;margin-top:22px!important}.pdf-mobile-ready>.pdf-mobile-buttons button{min-height:64px;padding:10px!important;border-radius:11px}.pdf-mobile-ready>.pdf-mobile-buttons .secondary{border:1px solid #b9cbe0;background:#fff;color:#173f73}}@media(max-width:370px){.pdf-mobile-ready>.pdf-mobile-buttons{grid-template-columns:1fr}.pdf-mobile-ready>.pdf-mobile-buttons button{min-height:58px}}
.pdf-modal>iframe,.pdf-modal>.pdf-mobile-fallback{grid-row:2;grid-column:1}.image-preview-modal{width:min(1100px,98vw);height:min(900px,96vh);display:grid;grid-template-rows:auto 1fr;overflow:hidden;border-radius:12px;background:#101820;color:#fff}.image-preview-modal>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:#fff;color:#102f55}.image-preview-modal>header h2{margin:0;font:700 20px Georgia,serif}.image-preview-modal>header>div{display:flex;align-items:center;gap:8px}.image-preview-modal>.pdf-mobile-fallback,.image-preview-stage{grid-row:2;grid-column:1}.image-preview-modal>.pdf-mobile-fallback{z-index:2;background:#fff}.image-preview-stage{min-height:0;overflow:auto;display:grid;place-items:center;padding:12px}.image-preview-stage img{display:block;max-width:100%;height:auto;max-height:none;object-fit:contain}.site-document-thumb{border:0;padding:0;cursor:pointer}@media(max-width:700px){.image-preview-modal{width:100vw;height:100vh;border-radius:0}.image-preview-modal>header{padding:12px}.image-preview-modal>header h2{max-width:45vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.image-preview-stage{align-items:start;padding:6px}.image-preview-stage img{width:100%;max-width:none}}
.site-document-info{min-width:0}.site-document-info strong,.site-document-info p,.site-document-info small{overflow-wrap:anywhere;word-break:break-word}.site-document-actions{display:flex;gap:7px}
@media(max-width:600px){
  .site-documents-panel{border-radius:12px}
  .site-documents-heading{display:grid;gap:16px;padding:18px 16px}
  .site-documents-heading>div,.site-documents-heading>label{width:100%;min-width:0}
  .site-documents-heading h2{font-size:24px}
  .site-documents-heading label{display:grid;gap:6px}
  .site-documents-heading select{width:100%;min-height:52px;font-size:16px}
  .site-document-notes{gap:12px;padding:16px}
  .site-document-notes textarea{min-height:112px;font-size:16px;line-height:1.4}
  .site-document-list{display:grid;gap:10px;padding:12px}
  .site-document-row{grid-template-columns:48px minmax(0,1fr);gap:10px;padding:14px;border:1px solid var(--line);border-radius:11px;background:#fff}
  .site-document-row:last-child{border-bottom:1px solid var(--line)}
  .site-document-info strong{display:block;font-size:15px;line-height:1.35}
  .site-document-info p{margin-top:6px;font-size:13px;line-height:1.4}
  .site-document-info small{display:block;margin-top:7px;font-size:11px;line-height:1.35}
  .site-document-actions{grid-column:1/-1;display:grid!important;grid-template-columns:1fr 1fr;width:100%;margin-top:2px}
  .site-document-actions:has(> :only-child){grid-template-columns:1fr}
  .site-document-actions button{min-height:46px;width:100%}
  .mobile-nav{display:flex!important;gap:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;white-space:nowrap}
  .mobile-nav::-webkit-scrollbar{display:none}
  .mobile-nav button{flex:0 0 66px;min-width:66px;padding:2px 3px}
  .main{padding-bottom:74px}
}
.offline-status{position:sticky;top:0;z-index:35;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;border-bottom:1px solid #e3bd72;background:#fff5dc;color:#68470e;box-shadow:0 5px 14px #1c2e4612}.offline-status[hidden]{display:none}.offline-status span{display:grid;gap:2px}.offline-status strong{font-size:12px}.offline-status small{font-size:10px}.offline-status button{min-height:36px;padding:7px 11px;border:1px solid #c28b27;border-radius:8px;background:#fff;color:#68470e;font-weight:800}.offline-status.syncing{border-color:#9fc3e6;background:#edf6ff;color:#173f73}.offline-status.error{border-color:#e1aaa3;background:#fff0ed;color:#9d352c}.offline-status.error button{border-color:#c66a5d;color:#9d352c}@media(max-width:600px){.offline-status{padding:9px 12px}.offline-status small{max-width:230px;line-height:1.25}.offline-status button{font-size:10px;white-space:nowrap}}