#app:not(.public-app) .ws-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:-3px 0 13px;padding:10px;border:1px solid #d6e5df;border-radius:12px;background:linear-gradient(135deg,#f6fbf8,#eef6f4)}
#app:not(.public-app) .ws-summary article{min-width:0;padding:8px 10px;border-radius:9px;background:#fff;box-shadow:0 3px 10px #173e520c}
#app:not(.public-app) .ws-summary small{display:block;color:#71817c;font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
#app:not(.public-app) .ws-summary b{display:block;overflow:hidden;margin-top:3px;color:#153e4d;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
#app:not(.public-app) .ws-summary span{display:block;margin-top:2px;color:#667b74;font-size:9px;line-height:1.35}
#app:not(.public-app) .ws-phase-line{display:grid;gap:9px;margin:0 0 7px;padding:10px 11px;border:1px solid #dce8e3;border-radius:8px;background:#f8fbfa}
#app:not(.public-app) .ws-phase-main{display:flex;align-items:center;gap:6px;min-width:0}
#app:not(.public-app) .ws-state{display:inline-flex;align-items:center;min-height:26px;padding:5px 9px;border-radius:999px;background:#edf2f0;color:#5d706a;font-size:11px;font-weight:900;line-height:1.2;white-space:nowrap}
#app:not(.public-app) .ws-state.on-time{background:#e7f6ee;color:#197049}
#app:not(.public-app) .ws-state.attention{background:#fff4d9;color:#896313}
#app:not(.public-app) .ws-state.late{background:#fff0f1;color:#a43e49}
#app:not(.public-app) .ws-state.complete{background:#e8f3ff;color:#236397}
#app:not(.public-app) .ws-deadline{min-width:0;color:#284e45;font-size:12.5px;font-weight:800;line-height:1.4}
#app:not(.public-app) .ws-deadline span{display:block;overflow:visible;color:#60756e;font-size:11px;font-weight:650;line-height:1.4;text-overflow:clip;white-space:normal}
#app:not(.public-app) .ws-phase-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
#app:not(.public-app) .ws-action{min-height:36px;padding:7px 10px;border:1px solid #cbded6;border-radius:7px;background:#fff;color:#245f4b;font-size:11.5px;font-weight:850;cursor:pointer}
#app:not(.public-app) .ws-action:hover,#app:not(.public-app) .ws-action:focus-visible{border-color:#75ae98;background:#f1faf5;outline:2px solid #c9ebdd;outline-offset:1px}
#app:not(.public-app) .ws-parent-note{color:#55756a;font-size:10.5px;font-weight:800;line-height:1.35}
#app:not(.public-app) .wc-simple .work-phase-folder-preview,
#app:not(.public-app) .wc-simple .work-phase-folder-empty{min-height:88px!important;height:88px!important;max-height:88px!important;padding:9px!important}
#app:not(.public-app) .wc-simple .simple-phase-add-photo{font-size:13.5px!important;font-weight:800!important;line-height:1.25!important}
#app:not(.public-app) .simple-phase-folder.ws-substage{border-left:3px solid #6bb696!important;background:linear-gradient(135deg,#fff,#f6fbf8)!important}
#app:not(.public-app) .simple-phase-folder.ws-substage .work-phase-folder-icon{background:#e8f5ef!important}
#app:not(.public-app) .ws-dialog-intro{margin:0 0 12px;color:#62756f;font-size:12px;line-height:1.45}
#app:not(.public-app) .ws-dialog-phase{display:block;margin-bottom:4px;color:#173f36;font-size:14px}
#app:not(.public-app) .ws-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:760px){
  #app:not(.public-app) .ws-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:7px}
  #app:not(.public-app) .ws-summary article{padding:7px}
  #app:not(.public-app) .ws-summary b{font-size:10px}
  #app:not(.public-app) .ws-summary span{font-size:8px}
  #app:not(.public-app) .ws-phase-line{padding:6px}
  #app:not(.public-app) .ws-action{min-height:44px;padding:7px 9px;font-size:10px}
  #app:not(.public-app) .ws-form-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  #app:not(.public-app) .ws-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  #app:not(.public-app) .ws-summary article:first-child{grid-column:1/-1}
  #app:not(.public-app) .ws-summary b{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}
  #app:not(.public-app) .ws-phase-main{display:grid;align-items:start}
  #app:not(.public-app) .ws-state{width:max-content}
  #app:not(.public-app) .ws-deadline{font-size:9px}
  #app:not(.public-app) .ws-phase-actions{display:grid;grid-template-columns:1fr}
  #app:not(.public-app) .ws-action{width:100%}
}
@media(max-width:900px) and (max-height:500px){
  #app:not(.public-app) .ws-summary b{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}
  #app:not(.public-app) .ws-phase-main{display:grid;align-items:start}
  #app:not(.public-app) .ws-state{width:max-content}
  #app:not(.public-app) .ws-phase-actions{display:grid;grid-template-columns:1fr}
  #app:not(.public-app) .ws-action{width:100%;min-height:44px;padding:7px 8px;font-size:9px}
}
@media(max-width:370px){
  #app:not(.public-app) .ws-summary{grid-template-columns:1fr}
  #app:not(.public-app) .ws-summary article:first-child{grid-column:auto}
  #app:not(.public-app) .ws-summary article{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:5px}
  #app:not(.public-app) .ws-summary b{margin:0}
  #app:not(.public-app) .ws-summary span{grid-column:2}
}

/* Leitura editorial das fases no Android deitado: três cartões com largura
   útil, sem alterar dados, ações ou a composição usada no computador. */
@media(orientation:landscape) and (max-height:600px) and (max-width:1024px){
  html body.responsive-v3-landscape-phone #app#app:not(.public-app) #view .wc-simple .work-phase-folder-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important
  }
  html body.responsive-v3-landscape-phone #app#app:not(.public-app) #view .wc-simple .work-phase-folder{
    align-content:start;
    gap:8px!important;
    padding:10px!important;
    border-radius:12px!important
  }
  html body.responsive-v3-landscape-phone #app#app:not(.public-app) #view .wc-simple .work-phase-folder-top{
    display:grid;
    grid-template-columns:28px minmax(0,1fr) 28px;
    align-items:start;
    gap:7px!important
  }
  html body.responsive-v3-landscape-phone #app#app:not(.public-app) #view .wc-simple .work-phase-folder-icon{
    width:28px!important;
    height:28px!important;
    font-size:14px!important
  }
  html body.responsive-v3-landscape-phone #app#app:not(.public-app) #view .wc-simple .work-phase-folder h3{
    margin:0 0 3px!important;
    color:#123963;
    font-size:13px!important;
    line-height:1.25!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none
  }
  html body.responsive-v3-landscape-phone #app#app:not(.public-app) #view .wc-simple .work-phase-folder small{
    font-size:9.5px!important;
    line-height:1.35!important
  }
  html body.responsive-v3-landscape-phone #app#app:not(.public-app) #view .wc-phase-info{
    gap:5px!important;
    padding-bottom:7px;
    border-bottom:1px solid #dbe8e2
  }
  html body.responsive-v3-landscape-phone #app#app:not(.public-app) #view .wc-phase-info .wc-button{
    min-height:40px!important;
    padding:7px 9px!important;
    font-size:11.5px!important
  }
  html body.responsive-v3-landscape-phone #app#app:not(.public-app) #view .wc-phase-labor{
    gap:6px!important;
    padding:1px 2px 0;
    font-size:11px!important;
    line-height:1.3!important
  }
  html body.responsive-v3-landscape-phone #app#app:not(.public-app) #view .ws-phase-line{
    gap:7px;
    margin-bottom:0;
    padding:9px;
    border-radius:9px
  }
  html body.responsive-v3-landscape-phone #app#app:not(.public-app) #view .ws-phase-main{
    display:grid;
    gap:6px
  }
  html body.responsive-v3-landscape-phone #app#app:not(.public-app) #view .ws-state{
    min-height:22px;
    font-size:9px
  }
  html body.responsive-v3-landscape-phone #app#app:not(.public-app) #view .ws-deadline{
    font-size:10.5px;
    line-height:1.4
  }
  html body.responsive-v3-landscape-phone #app#app:not(.public-app) #view .ws-deadline span,
  html body.responsive-v3-landscape-phone #app#app:not(.public-app) #view .ws-parent-note{
    font-size:9.5px;
    white-space:normal
  }
  html body.responsive-v3-landscape-phone #app#app:not(.public-app) #view .ws-action{
    min-height:44px;
    padding:8px 9px;
    font-size:10.5px
  }
  html body.responsive-v3-landscape-phone #app#app:not(.public-app) #view .wc-simple .work-phase-folder-preview,
  html body.responsive-v3-landscape-phone #app#app:not(.public-app) #view .wc-simple .work-phase-folder-empty{
    min-height:70px!important;
    height:70px!important;
    max-height:70px!important;
    padding:8px!important
  }
  html body.responsive-v3-landscape-phone #app#app:not(.public-app) #view .wc-simple .simple-phase-add-photo{
    min-height:44px!important;
    padding:8px 9px!important;
    font-size:12.5px!important;
    font-weight:800!important
  }
}
@media(orientation:landscape) and (max-height:600px) and (max-width:700px){
  html body.responsive-v3-landscape-phone #app#app:not(.public-app) #view .wc-simple .work-phase-folder-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
}