/* Scoped mobile-first styling: does not target Sahifa or global WordPress elements. */
#itos2627 .itos246-workspace{box-sizing:border-box;margin:18px 0 22px;padding:18px;border:1px solid #b7d4e1;border-radius:16px;background:#f2f9fd;box-shadow:0 5px 16px rgba(15,71,108,.09);color:#173a53}
#itos2627 .itos246-workspace *{box-sizing:border-box}
#itos2627 .itos246-head{display:flex;flex-wrap:wrap;gap:12px;align-items:start;justify-content:space-between}
#itos2627 .itos246-head h3{margin:0 0 6px;color:#113f65;font-weight:800;font-size:21px;line-height:1.3}
#itos2627 .itos246-head p{margin:0 0 8px;color:#33576b;font-size:14px;line-height:1.5}
#itos2627 .itos246-count{font-weight:750;white-space:nowrap;font-size:13px;border-radius:30px;padding:6px 11px;background:#d8eee6;color:#15563f}
#itos2627 .itos246-active{margin:12px 0;background:#fff;border-left:4px solid #087e89;padding:10px 12px;border-radius:8px;font-weight:700;color:#173e55;overflow-wrap:anywhere}
#itos2627 .itos246-pick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:10px 0 14px}
#itos2627 .itos246-pick label{display:block;min-width:0;font-weight:700;color:#23485e;font-size:13px;line-height:1.4}
#itos2627 .itos246-pick input,#itos2627 .itos246-pick select{display:block;width:100%;min-width:0;max-width:100%;margin-top:7px;background:#fff;color:#203b4c;border:1px solid #a9c2d1;border-radius:9px;padding:12px 11px;min-height:47px;font-size:15px}
#itos2627 .itos246-actions,#itos2627 .itos246-bottom-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:9px;margin:12px 0}
#itos2627 .itos246-actions button,#itos2627 .itos246-bottom-actions button{width:100%;min-width:0;max-width:100%;min-height:48px;padding:11px 10px;border:1px solid #137191;border-radius:10px;background:#14738a;color:#fff;font-size:14px;line-height:1.4;font-weight:750;white-space:normal;overflow-wrap:anywhere;cursor:pointer;touch-action:manipulation}
#itos2627 .itos246-actions button:hover,#itos2627 .itos246-bottom-actions button:hover{background:#0f5876}
#itos2627 .itos246-actions button:focus-visible,#itos2627 .itos246-bottom-actions button:focus-visible{outline:3px solid #eca929;outline-offset:2px}
#itos2627 .itos246-actions button:disabled,#itos2627 .itos246-bottom-actions button:disabled{opacity:.55;cursor:wait}
#itos2627 .itos246-actions .itos246-danger{background:#fff;color:#a3242e;border-color:#bd5962}
#itos2627 .itos246-actions .itos246-danger:hover{background:#fff1f1}
#itos2627 .itos246-file{position:absolute;width:1px;height:1px;opacity:0;clip-path:inset(50%);pointer-events:none}
#itos2627 .itos246-message{min-height:20px;padding:5px 0;font-size:14px;line-height:1.5;color:#176146;font-weight:650;overflow-wrap:anywhere}
#itos2627 .itos246-message[data-kind="error"]{color:#a51f28}
#itos2627 .itos246-private{font-size:12px;line-height:1.55;color:#496276;margin:9px 0 0}
#itos2627 .itos246-bottom-actions{margin:20px 0 14px}
#itos2627 .itos246-bottom-actions button{font-size:16px;background:#145d87;padding:14px 12px}
#itos2627 .itos246-bottom-actions button:nth-child(2){background:#116e68;border-color:#116e68}
@media(max-width:650px){#itos2627 .itos246-workspace{padding:13px;margin:14px 0 18px;border-radius:12px}#itos2627 .itos246-head h3{font-size:18px}#itos2627 .itos246-pick{grid-template-columns:minmax(0,1fr)}#itos2627 .itos246-actions,#itos2627 .itos246-bottom-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#itos2627 .itos246-actions button,#itos2627 .itos246-bottom-actions button{font-size:13px;padding:11px 7px;min-height:54px}}
@media(max-width:365px){#itos2627 .itos246-actions,#itos2627 .itos246-bottom-actions{grid-template-columns:1fr}}

/* v1.0.247: Quick Add controls relocated to the top Offline Workspace.
   Two columns on desktop; full-width buttons on narrow mobile devices. */
#itos2627 .itos246-workspace .itos246-bottom-actions{
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin:16px 0 8px;
  gap:10px;
}
@media(max-width:650px){
  #itos2627 .itos246-workspace .itos246-bottom-actions{
    grid-template-columns:minmax(0,1fr);
    gap:9px;
  }
  #itos2627 .itos246-workspace .itos246-bottom-actions button{
    min-height:56px;
    font-size:14px;
    line-height:1.35;
  }
}
