@media(max-width:700px){
  #messages .project-tasks{padding:16px 12px 24px;line-height:1.75}
  #messages .project-tasks h1{font-size:23px;line-height:1.65;margin:4px 0}
  #messages .project-tasks h2{font-size:17px}
  #messages .project-tasks .pt-top{gap:14px}
  #messages .project-tasks .pt-top>div:first-child{width:100%}
  #messages .project-tasks .pt-top p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:4px 0;font-size:12px}
  #messages .project-tasks button{min-height:44px;border-radius:12px;font-size:13px;line-height:1.6;padding:10px 12px;white-space:normal;min-width:0;max-width:100%}
  #messages .project-tasks button svg{width:20px;height:20px;flex:0 0 20px}
  #messages .project-tasks .pt-actions{display:grid;grid-template-columns:44px 44px minmax(0,1fr);gap:8px;width:100%;padding:0}
  #messages .project-tasks .pt-actions>button:not(.pt-primary){padding:10px;width:44px;height:44px}
  #messages .project-tasks .pt-actions>button:not(.pt-primary)>span{display:none}
  #messages .project-tasks .pt-actions .pt-primary{margin:0;width:100%;font-weight:700}
  #messages .project-tasks .pt-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0}
  #messages .project-tasks .pt-metrics>div{padding:12px 14px;gap:4px;border-radius:14px;min-width:0;background:var(--pt-bg)}
  #messages .project-tasks .pt-metrics span{font-size:12px}
  #messages .project-tasks .pt-metrics strong{font-size:22px;line-height:1.6}
  #messages .project-tasks .pt-metrics>div:last-child:nth-child(5){grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;background:var(--pt-soft)}
  #messages .project-tasks .pt-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;position:static;overflow:visible;margin:0 0 16px;padding:6px;border:1px solid var(--pt-line);border-radius:18px;background:var(--pt-soft)}
  #messages .project-tasks .pt-tabs>button{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:66px;padding:8px 2px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--pt-muted);font-size:11px;line-height:1.6;white-space:normal;text-align:center;box-shadow:none}
  #messages .project-tasks .pt-tabs>button>svg{width:21px;height:21px;flex:0 0 21px}
  #messages .project-tasks .pt-tabs>button[aria-current="page"]{background:var(--pt-bg);border-color:var(--pt-accent);color:var(--pt-accent);font-weight:750}
  #messages .project-tasks .pt-tabs>button:focus-visible{outline:2px solid var(--pt-accent);outline-offset:1px}
  #messages .project-tasks .pt-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:end;margin:0 0 16px}
  #messages .project-tasks .pt-tools>label{width:100%;min-width:0;gap:6px}
  #messages .project-tasks .pt-tools>label:first-child{grid-column:1/-1;min-width:0}
  #messages .project-tasks :is(input,select,textarea){min-width:0;min-height:46px;font-size:16px;line-height:1.6;border-radius:12px;box-shadow:none}
  #messages .project-tasks .pt-project-grid,#messages .project-tasks .pt-task-list{grid-template-columns:minmax(0,1fr);gap:12px}
  #messages .project-tasks .pt-project-card{padding:16px;gap:8px;border-radius:16px}
  #messages .project-tasks .pt-project-card>p{min-height:0}
  #messages .project-tasks .pt-board-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:10px;padding:4px;border:1px solid var(--pt-line);border-radius:14px;background:var(--pt-bg)}
  #messages .project-tasks .pt-board-stages button{display:flex;flex-direction:column;gap:2px;min-height:64px;padding:6px 2px;border:1px solid transparent;border-radius:10px;font-size:11px;background:transparent}
  #messages .project-tasks .pt-board-stages button[aria-pressed=true]{background:var(--pt-soft);color:var(--pt-accent);border-color:var(--pt-line);font-weight:700}
  #messages .project-tasks .pt-board-stages small{font-size:12px;font-variant-numeric:tabular-nums}
  #messages .project-tasks .pt-board{grid-template-columns:minmax(0,1fr);overflow:visible;padding:0;gap:0}
  #messages .project-tasks .pt-column{min-width:0;min-height:100px;padding:10px;border:1px solid var(--pt-line);border-radius:16px}
  #messages .project-tasks .pt-column[data-stage-active=false]{display:none}
  #messages .project-tasks .pt-column>h2{padding:2px 4px 12px;font-size:13px}
  #messages .project-tasks .pt-task-card{margin-bottom:8px;border-radius:12px}
  #messages .project-tasks .pt-task-disclosure>summary{padding:12px;min-height:72px}
  #messages .project-tasks .pt-card-heading{font-size:14px}
  #messages .project-tasks .pt-card-excerpt{font-size:12px}
  #messages .project-tasks .pt-card-meta{flex-wrap:wrap;gap:6px}
  #messages .project-tasks .pt-task-disclosure summary .pt-card-meta{font-size:11px}
  #messages .project-tasks .pt-member{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;padding:14px}
  #messages .project-tasks .pt-member>div{min-width:0}
  #messages .project-tasks .pt-member>button{grid-column:1/-1;width:100%;margin:0}
  #messages .project-tasks .pt-detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
  #messages .project-tasks .pt-detail-actions>button{flex:1 1 130px}
  #messages .project-tasks .pt-timeline li{padding:12px;margin:10px 0;border-radius:12px}
  #messages .project-tasks .pt-timeline li>div{flex-wrap:wrap;gap:4px 10px}
  #messages .project-tasks .pt-timeline time{margin:0}
  #messages .project-tasks .pt-panel[data-view=settings]{display:grid;gap:12px;padding:16px;border:1px solid var(--pt-line);border-radius:16px}
  #messages .project-tasks .pt-panel[data-view=settings]>:is(button,a,label){margin:0;width:100%;min-width:0}
  #messages .project-tasks .pt-panel[data-view=settings] hr{margin:8px 0}
  #messages .project-tasks .pt-workload>div{flex-direction:column;gap:4px}
  #messages .project-tasks .pt-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);border-radius:18px;max-height:calc(var(--app-height,100dvh) - 16px)}
  #messages .project-tasks .pt-dialog>form{max-height:calc(var(--app-height,100dvh) - 18px)}
  #messages .project-tasks .pt-dialog header{padding:12px 16px;gap:10px}
  #messages .project-tasks .pt-dialog header h2{font-size:16px;line-height:1.7}
  #messages .project-tasks .pt-dialog header button{min-width:44px;min-height:44px;width:44px;height:44px;font-size:26px;padding:0}
  #messages .project-tasks .pt-dialog .pt-fields{padding:16px;gap:16px}
  #messages .project-tasks .pt-dialog .pt-field-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  #messages .project-tasks .pt-dialog footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 16px max(12px,env(safe-area-inset-bottom,0px))}
  #messages .project-tasks .pt-dialog footer button{width:100%;min-height:48px;min-width:0;margin:0;padding:10px}
  #messages .project-tasks .pt-dialog .pt-check input[type=checkbox]{width:20px;min-height:20px;height:20px}
  #messages .project-tasks .pt-dialog input[type=checkbox]{min-height:20px;width:20px}
  #messages .project-tasks .pt-skeleton{grid-template-columns:minmax(0,1fr);gap:12px}
  #messages .project-tasks .pt-skeleton i{height:120px}
}