:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#17202a;background:#f5f7fa}*{box-sizing:border-box}body{margin:0}.topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#17202a;color:white}.topbar .muted{margin-left:12px;color:#b8c4cf}.topbar nav{display:flex;gap:16px;align-items:center}.topbar a,.linkbtn{color:white;text-decoration:none;background:none;border:0;padding:0;cursor:pointer}.container{max-width:1180px;margin:24px auto;padding:0 18px}.panel,.login-card{background:white;border-radius:14px;padding:22px;margin:18px 0;box-shadow:0 5px 18px rgba(0,0,0,.06)}.login-card{max-width:430px;margin:80px auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}fieldset{border:1px solid #d9e1e8;border-radius:10px;margin:14px 0;padding:16px}legend{font-weight:700}label{display:flex;flex-direction:column;gap:6px;font-weight:600}small{font-weight:400;color:#697783}input,select,button{font:inherit;border-radius:8px;border:1px solid #bcc8d2;padding:10px}button,.button{background:#1769aa;color:white;border:0;text-decoration:none;display:inline-block;cursor:pointer}.actions{display:flex;flex-wrap:wrap;gap:10px}.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:18px}.image-card{border:1px solid #dde4ea;border-radius:12px;padding:14px}.image-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px;background:#eee}.image-card form{display:flex;flex-direction:column;gap:8px}.missing{height:180px;display:grid;place-items:center;background:#eee;border-radius:8px}.flash{padding:12px 15px;border-radius:8px;margin:10px 0}.flash.success{background:#e6f6ed;color:#176b3a}.flash.error{background:#fdebec;color:#9a1f2a}.warning{background:#fff6dc;padding:12px;border-radius:8px}.tabs{display:flex;gap:8px;margin-bottom:10px}.tabs a{padding:8px 12px;background:#e7edf2;border-radius:8px;text-decoration:none;color:#17202a}.tabs a.active{background:#1769aa;color:white}.log{direction:ltr;text-align:left;background:#101820;color:#dce6ee;padding:16px;border-radius:10px;overflow:auto;max-height:620px;white-space:pre-wrap}.inline{display:inline}h1,h2,h3{margin-top:0}@media(max-width:700px){.topbar{align-items:flex-start;gap:12px;flex-direction:column}.topbar nav{flex-wrap:wrap}.container{margin-top:14px}}
.switch-field{min-height:102px}.switch-row{display:flex;align-items:center;gap:10px;position:relative}.switch-input{position:absolute;opacity:0;width:1px;height:1px}.switch-slider{position:relative;width:54px;height:30px;border-radius:999px;background:#b42318;transition:.2s;flex:none;cursor:pointer}.switch-slider:before{content:"";position:absolute;width:24px;height:24px;left:3px;top:3px;border-radius:50%;background:white;transition:.2s;box-shadow:0 1px 4px rgba(0,0,0,.25)}.switch-input:checked+.switch-slider{background:#16803c}.switch-input:checked+.switch-slider:before{transform:translateX(24px)}.switch-state{font-size:.78rem;color:#b42318}.switch-input:checked~.switch-state{color:#16803c}.state-on{display:none}.switch-input:checked~.switch-state .state-on{display:inline}.switch-input:checked~.switch-state .state-off{display:none}

.direct-publish-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:14px;
}
.direct-publish-card{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:16px;
  border:1px solid #f0b8b4;
  border-radius:12px;
  background:#fff6f5;
}
.direct-publish-card h3{
  margin:0;
}
.publish-confirm{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:8px;
  font-weight:700;
}
.publish-confirm input{
  width:18px;
  height:18px;
}
.danger-button{
  background:#b42318;
}
.danger-button:hover{
  background:#8f1c13;
}

.field-post-page{max-width:980px;margin-left:auto;margin-right:auto}
.field-lead{font-size:1.05rem;color:#53616d}
.field-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.field-post-page textarea{width:100%;resize:vertical;line-height:1.7}
.camera-preview-wrap{margin:16px 0;text-align:center}
.camera-preview-wrap img{max-width:100%;max-height:420px;border-radius:12px;object-fit:contain}
.voice-box{background:#f7fafc}
.voice-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.voice-actions span{font-weight:700}
.voice-actions button:disabled{opacity:.5;cursor:not-allowed}
.voice-box audio{width:100%;margin-top:14px}
.muted-field{color:#697783}
.primary-large{width:100%;margin-top:18px;padding:14px;font-weight:800}
.working-message{margin-top:14px;padding:14px;border-radius:10px;background:#fff6dc;font-weight:700}
.field-result-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(300px,1.2fr);gap:22px;align-items:start}
.field-result-image{width:100%;border-radius:14px;object-fit:contain;background:#eee}
.transcript-box{margin-bottom:16px;padding:12px;border:1px solid #d9e1e8;border-radius:10px;background:#f7fafc}
.transcript-box p{white-space:pre-wrap;line-height:1.7}
.field-confirm{margin:16px 0;padding:12px;border:1px solid #f0b8b4;border-radius:10px;background:#fff6f5}
.secondary-button{background:#667581}
@media(max-width:760px){
  .field-result-grid{grid-template-columns:1fr}
  .field-post-page{padding:16px}
  .voice-actions button{flex:1}
}

.facebook-status-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.facebook-status-head h2{margin-bottom:6px}.status-badge{display:inline-block;padding:7px 11px;border-radius:999px;font-size:.78rem;font-weight:800;white-space:nowrap}.status-ok{background:#e6f6ed;color:#176b3a}.status-error{background:#fdebec;color:#9a1f2a}.status-text-ok{color:#176b3a;font-weight:700}.status-text-error{color:#9a1f2a;font-weight:700}.facebook-status-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:5px 18px;margin:14px 0}.facebook-status-details p{margin:4px 0}.reconnect-button{background:#1877f2}.reconnect-button:hover{background:#0f5fc4}@media(max-width:700px){.facebook-status-head{flex-direction:column}.status-badge{align-self:flex-start}}