/* Publishku base theme */
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1f2937;background:#f7faf9;margin:1.5rem auto;max-width:980px;padding:0 16px;line-height:1.5}
h1{color:#0f766e;font-size:1.8rem;margin:0 0 12px}
h2{color:#0f766e;margin-top:24px}
a{color:#0f766e;text-decoration:none}
a:hover{text-decoration:underline}
p.muted{color:#6b7280}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:14px;color:#4b5563}
.topbar a{margin-left:14px;color:#0f766e}
.lang-top{text-align:right;margin-bottom:8px;font-size:14px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:22px;max-width:420px;margin:20px auto;box-shadow:0 1px 3px rgba(0,0,0,.04)}
body.auth{background:#f7faf9}
body.auth .card{margin-top:60px}
form label{display:block;font-size:14px;font-weight:600;color:#374151;margin:12px 0 6px}
form input,form select,form textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:15px;background:#fff}
form input:focus,form select:focus,form textarea:focus{outline:none;border-color:#0f766e;box-shadow:0 0 0 3px rgba(15,118,110,.15)}
.btn,button{display:inline-block;padding:10px 16px;border-radius:8px;border:1px solid transparent;background:#0f766e;color:#fff;font-weight:600;cursor:pointer;font-size:15px}
.btn:hover,button:hover{background:#0d5f58}
.btn.primary,button.primary,.btn-primary{background:#0f766e;color:#fff}
.btn.secondary{background:#fff;color:#0f766e;border-color:#0f766e}
.err{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;padding:8px 12px;border-radius:8px;margin:10px 0;font-size:14px}
.ok{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0;padding:8px 12px;border-radius:8px;margin:10px 0;font-size:14px}
p.links{margin-top:16px;font-size:14px;text-align:center}
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}
th,td{padding:10px 12px;text-align:left;border-bottom:1px solid #e5e7eb;font-size:14px}
th{background:#f3f4f6;font-weight:600;color:#374151}

/* Publishku responsive overrides */
*,*::before,*::after{box-sizing:border-box}
img,svg{max-width:100%;height:auto}
body{-webkit-text-size-adjust:100%}

/* Forms adapt to narrow viewport */
input,select,textarea,button{font-size:16px;max-width:100%}
textarea{width:100%}
.card,form{max-width:100%}

/* Topbar collapses on small screens */
@media (max-width: 640px){
  body{margin:1rem auto !important;padding:0 12px !important}
  h1{font-size:1.35rem !important}
  .topbar{flex-direction:column !important;align-items:flex-start !important;gap:8px}
  .topbar > div{width:100%}
  .topbar a{margin-left:0 !important;margin-right:12px}
  .actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
  .actions .btn{width:100%;text-align:center}
  .btn{display:inline-block;padding:10px 14px !important}
  form button,form .btn{width:100%}

  /* Table -> stacked cards */
  table{display:block;width:100%;border:0;background:transparent !important;box-shadow:none !important}
  thead{display:none}
  tbody,tr,td{display:block;width:100%}
  tr{background:#fff;border:1px solid #eee;border-radius:8px;margin-bottom:10px;padding:8px 12px}
  td{border:0 !important;padding:6px 0 !important;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px}
  td::before{content:attr(data-label);font-weight:600;color:#555;font-size:12px;text-transform:uppercase;letter-spacing:.03em}
  td.actions-col{flex-direction:column;align-items:stretch}
  td.actions-col form{display:flex;flex-wrap:wrap;gap:6px}
  td.actions-col .btn,td.actions-col button{flex:1 1 auto}
  input.num{width:100% !important}
}

/* Ultra-small phones */
@media (max-width: 380px){
  body{font-size:14px}
  h1{font-size:1.2rem !important}
}