:root{
  --ptw-primary:var(--pothik-primary,var(--primary-color,#146c43));
  --ptw-bg:var(--pothik-background,var(--background,#f6f7f8));
  --ptw-surface:var(--pothik-surface,var(--surface,#fff));
  --ptw-text:var(--pothik-text,var(--text-color,#172026));
  --ptw-muted:var(--pothik-muted,var(--muted-color,#65727a));
  --ptw-border:var(--pothik-border,var(--border-color,#dfe4e7));
  --ptw-success:var(--pothik-success,#18864b);
  --ptw-warning:var(--pothik-warning,#a66300);
  --ptw-error:var(--pothik-error,#b42318);
  --ptw-radius:var(--pothik-radius,14px);
  --ptw-gap:var(--pothik-spacing,16px);
}
.pothiktv-work{color:var(--ptw-text);font:inherit;box-sizing:border-box;max-width:1180px;margin:0 auto;padding:16px 16px max(92px,env(safe-area-inset-bottom))}
.pothiktv-work *{box-sizing:border-box}
.ptw-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--ptw-gap)}
.ptw-main{grid-column:span 8}.ptw-side{grid-column:span 4}
.ptw-card{background:var(--ptw-surface);border:1px solid var(--ptw-border);border-radius:var(--ptw-radius);padding:18px;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.ptw-card+.ptw-card{margin-top:14px}
.ptw-title{margin:0 0 8px;font-size:1.15rem;line-height:1.35}.ptw-meta{color:var(--ptw-muted);font-size:.92rem;display:flex;gap:8px;flex-wrap:wrap}.ptw-badge{display:inline-flex;align-items:center;border:1px solid var(--ptw-border);border-radius:999px;padding:4px 9px;font-size:.8rem;background:color-mix(in srgb,var(--ptw-surface) 92%,var(--ptw-primary) 8%)}
.ptw-badge.is-success{color:var(--ptw-success)}.ptw-badge.is-warning{color:var(--ptw-warning)}.ptw-badge.is-error{color:var(--ptw-error)}
.ptw-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.ptw-btn,button.ptw-btn,a.ptw-btn{appearance:none;border:0;border-radius:10px;background:var(--ptw-primary);color:#fff;padding:10px 15px;line-height:1.2;text-decoration:none;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:42px}.ptw-btn.secondary{background:transparent;color:var(--ptw-text);border:1px solid var(--ptw-border)}.ptw-btn.danger{background:var(--ptw-error)}.ptw-btn[disabled]{opacity:.55;cursor:not-allowed}
.ptw-form{display:grid;gap:14px}.ptw-field{display:grid;gap:6px}.ptw-field label{font-weight:600}.ptw-field input,.ptw-field select,.ptw-field textarea{width:100%;min-height:44px;border:1px solid var(--ptw-border);background:var(--ptw-surface);color:var(--ptw-text);border-radius:10px;padding:10px 12px;font:inherit}.ptw-field textarea{min-height:120px;resize:vertical}.ptw-help{font-size:.84rem;color:var(--ptw-muted)}
.ptw-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ptw-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ptw-dashboard{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px}.ptw-nav{display:grid;align-content:start;gap:6px;position:sticky;top:84px;height:max-content}.ptw-nav a{padding:10px 12px;border-radius:10px;color:var(--ptw-text);text-decoration:none}.ptw-nav a:hover,.ptw-nav a.is-active{background:color-mix(in srgb,var(--ptw-primary) 10%,transparent);color:var(--ptw-primary)}
.ptw-list{display:grid;gap:12px}.ptw-empty{padding:26px;text-align:center;color:var(--ptw-muted)}.ptw-statusline{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.ptw-progress{height:8px;background:var(--ptw-border);border-radius:999px;overflow:hidden}.ptw-progress>span{display:block;height:100%;background:var(--ptw-primary)}
.ptw-filter-toggle{display:none}.ptw-filter-drawer{display:block}.ptw-filter-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ptw-skill-match{display:flex;gap:8px;flex-wrap:wrap}.ptw-skill-match .match{color:var(--ptw-success)}.ptw-skill-match .missing{color:var(--ptw-muted)}
.ptw-alert{padding:12px 14px;border-radius:10px;border:1px solid var(--ptw-border);background:var(--ptw-surface);margin-bottom:14px}.ptw-alert.success{border-color:color-mix(in srgb,var(--ptw-success) 45%,var(--ptw-border))}.ptw-alert.error{border-color:color-mix(in srgb,var(--ptw-error) 45%,var(--ptw-border))}
.ptw-table-wrap{overflow:auto}.ptw-table{width:100%;border-collapse:collapse}.ptw-table th,.ptw-table td{text-align:start;padding:10px;border-bottom:1px solid var(--ptw-border);vertical-align:top}
.ptw-profile-link{display:inline-flex;gap:6px;align-items:center}.ptw-muted{color:var(--ptw-muted)}
@media (prefers-color-scheme:dark){:root{--ptw-bg:var(--pothik-background,#111517);--ptw-surface:var(--pothik-surface,#171c1f);--ptw-text:var(--pothik-text,#edf2f4);--ptw-muted:var(--pothik-muted,#aeb9bf);--ptw-border:var(--pothik-border,#2d363b)}}
html[data-theme="dark"],body.dark-mode,.dark-mode{--ptw-bg:var(--pothik-background,#111517);--ptw-surface:var(--pothik-surface,#171c1f);--ptw-text:var(--pothik-text,#edf2f4);--ptw-muted:var(--pothik-muted,#aeb9bf);--ptw-border:var(--pothik-border,#2d363b)}
[dir="rtl"] .ptw-table th,[dir="rtl"] .ptw-table td{text-align:right}
@media(max-width:860px){.ptw-grid{display:block}.ptw-main,.ptw-side{width:100%}.ptw-side{margin-top:14px}.ptw-dashboard{grid-template-columns:1fr}.ptw-nav{position:static;display:flex;overflow:auto;padding-bottom:4px}.ptw-nav a{white-space:nowrap}.ptw-filter-toggle{display:flex}.ptw-filter-drawer{display:none}.ptw-filter-drawer.is-open{display:block}.ptw-filter-row,.ptw-three,.ptw-two{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.pothiktv-work{padding-inline:12px}.ptw-card{padding:14px}.ptw-filter-row,.ptw-three,.ptw-two{grid-template-columns:1fr}.ptw-actions>.ptw-btn{flex:1 1 auto}.ptw-meta{gap:6px}.ptw-btn{min-height:46px}.ptw-table{min-width:620px}}

/* Pothik AI Studio bridge: additive, theme-variable aware. */
.ptw-ai-card{border-style:dashed}
.ptw-ai-draft-preview{margin:12px 0;max-height:16rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
.ptw-ai-draft-ready{margin-block:16px}
.ptw-ai-draft .ptw-meta{margin-bottom:8px}
/* Identity and responsive transaction cards. */
.pothiktv-work,.ptw-card,.ptw-field,.ptw-dashboard>*{min-width:0;overflow-wrap:anywhere}
.pothiktv-work input,.pothiktv-work select,.pothiktv-work textarea{max-width:100%}
.ptw-public-identity{padding-bottom:16px}.ptw-public-identity fieldset label{display:inline-flex;gap:6px}
.ptw-btn:focus-visible{outline:3px solid var(--ptw-primary);outline-offset:3px}
@media(max-width:560px){
 .ptw-table-wrap{overflow:visible}.ptw-table{min-width:0;display:block}
 .ptw-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .ptw-table tbody,.ptw-table tr,.ptw-table td{display:block;width:100%}
 .ptw-table tr{border:1px solid var(--ptw-border);border-radius:12px;padding:10px;margin-bottom:12px;background:var(--ptw-surface)}
 .ptw-table td{border:0;padding:6px 0;min-width:0}
 .ptw-table td[data-label]::before{content:attr(data-label) ': ';font-weight:600;color:var(--ptw-muted)}
 .ptw-table td input,.ptw-table td select,.ptw-table td form{max-width:100%;min-width:0}
 .pothiktv-work fieldset{min-width:0}.ptw-public-identity .ptw-actions{display:grid;grid-template-columns:1fr}
}
