html,body{max-width:100%;overflow-x:clip}img,svg{max-width:100%}.app-shell,.topbar,main,.intro,.area-grid,.workspace,.section-head,.module-tabs,.filters,.task-list,.task,.task-main,.task-actions,.header-actions,.view-actions,.client-manager,.client-layout,.client-form,.rules-head,.rule-row,.users-manager,.user-card,.permission-client,.grids-manager,.grid-card{min-width:0;max-width:100%}h1,h2,h3,p,span,strong,label,a,button{overflow-wrap:anywhere}input,select,textarea,button{max-width:100%}
@media(max-width:700px){
  body{width:100%;min-width:0}.app-shell{width:100%}
  .topbar{height:auto;width:100%;padding:10px 12px 12px;display:grid;grid-template-columns:1fr;gap:9px;align-items:center}
  .brand{justify-content:center;min-width:0}.header-logo{width:min(150px,48vw)}
  .month-nav,.week-nav{order:2;grid-column:auto;width:100%;height:auto;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:4px;justify-content:stretch}
  .month-label{width:100%;min-width:0;height:44px;padding:0 5px;white-space:normal;line-height:1.15}.icon-btn{width:44px;height:44px}
  .header-actions{order:3;justify-self:stretch;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .header-actions .secondary,.header-actions .primary{width:100%;min-width:0;min-height:44px;padding:8px 6px;justify-self:stretch;font-size:11px;white-space:normal;line-height:1.1}
  main{width:100%;padding:26px 12px 54px}.intro{width:100%;margin-top:4px}.summary{max-width:100%}
  .area-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;overflow:visible;padding:0;margin-bottom:30px;scroll-snap-type:none}
  .area-card{width:100%;min-width:0;min-height:122px;padding:14px;scroll-snap-align:none}.area-card:last-child{grid-column:1/-1}.area-name{font-size:13px!important;margin-bottom:10px;white-space:normal}.area-count{font-size:38px!important}.area-icon{font-size:18px}
  .workspace{width:100%;padding:17px 12px;border-radius:18px}.section-head{width:100%;display:grid;grid-template-columns:1fr;gap:12px;align-items:start}.view-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px}.view-actions .secondary{min-width:0;min-height:44px;padding:8px;white-space:normal}
  .module-tabs{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:5px}.module-tab{min-width:0;min-height:58px;padding:9px 8px;gap:5px;justify-content:space-between;text-align:left;font-size:11px;line-height:1.2;white-space:normal}.module-tab strong{flex:0 0 auto;min-width:25px;height:25px;padding:0 6px}
  .module-list-title{font-size:16px;line-height:1.25}.filters{width:100%;grid-template-columns:1fr;gap:12px;padding:13px}.filters label,.filters select,.filters input,.filters .text-btn{width:100%;min-width:0;min-height:44px}.text-btn{grid-column:auto}
  .task{width:100%;grid-template-columns:25px minmax(0,1fr);gap:10px;padding:17px 0}.task::before{padding-top:8px}.task-main{width:100%}.task-client-brand{width:100%;align-items:flex-start}.client-primary,.task-name,.task-meta,.correction,.remote-comment,.remote-comment p{max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.client-mark{flex:0 0 32px}
  .task-actions{grid-column:2;width:100%;display:grid;grid-template-columns:repeat(3,minmax(44px,1fr));gap:7px;margin-top:7px;align-items:stretch}.task-actions .status{grid-column:1/-1;width:100%;min-height:44px}.task-actions .comment-action{grid-column:1/-1;width:100%;min-height:44px}.task-actions .edit,.task-actions .delete{min-width:44px;min-height:44px}.order-tools{grid-column:1/-1;order:3;width:100%;display:grid;grid-template-columns:44px 44px 44px minmax(0,1fr);gap:6px;margin:0}.move-order{display:grid;width:44px;height:44px;place-items:center}.move-next-week{width:100%;min-width:0;min-height:44px;margin:0;padding:7px;white-space:normal}.drag-hint{display:none}
  dialog,.clients-dialog,.users-dialog,.grids-dialog,.comment-dialog{width:calc(100% - 16px);max-width:calc(100% - 16px);max-height:calc(100dvh - 16px);margin:auto;overflow:auto;border-radius:16px}
  dialog form,.client-manager,.users-manager,.grids-manager{width:100%;padding:18px 15px}.dialog-head{gap:10px;align-items:flex-start}.dialog-head>div{min-width:0}.dialog-head h2{font-size:22px;line-height:1.1}.close{flex:0 0 44px;width:44px;height:44px;padding:0}.form-grid,.client-layout,.client-basics,.client-brand-settings,.user-fields{grid-template-columns:1fr;width:100%}.form-grid{gap:14px}.wide,.client-basics label:first-child{grid-column:auto}.dialog-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.dialog-actions button{width:100%;min-height:44px;justify-self:stretch}
  .client-layout{gap:18px}.client-layout aside{width:100%;padding:0 0 14px;border-right:0;border-bottom:1px solid var(--line)}.client-list{width:100%;max-height:210px;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.client-item{width:100%;min-width:0;min-height:44px}.client-item strong{min-width:0;overflow-wrap:anywhere}.client-brand-settings{gap:9px}.client-logo-preview{justify-self:start}.rules-head{width:100%;display:grid;grid-template-columns:1fr;gap:12px;align-items:start}.rules-head button{width:100%;min-height:44px}.rule-table-head{display:none!important}.rule-row{width:100%;grid-template-columns:1fr!important;gap:10px;padding:13px 0}.rule-identity{grid-column:auto;grid-template-columns:1fr;width:100%}.activation-wrap{grid-column:auto;width:100%}.rule-row input,.rule-row select{width:100%;min-height:44px}.rule-row .rule-active{width:22px!important;height:22px}.remove-rule{width:44px;height:44px;justify-self:end}.clients-dialog .dialog-actions{position:sticky;bottom:0;padding:10px 0 2px;background:#fff}
  .user-card{width:100%;padding:13px}.user-card-head{width:100%;align-items:flex-start;flex-direction:column}.user-card-head .check{width:100%}.user-fields select{width:100%;min-height:44px}.permission-client{width:100%;padding:10px}.permission-client-head{min-width:0}.permission-client-head strong{min-width:0;overflow-wrap:anywhere}.permission-checks{width:100%;grid-template-columns:1fr 1fr;gap:6px}.permission-checks label{min-width:0;min-height:44px;padding:7px 6px;overflow-wrap:anywhere}.save-user{width:100%;min-height:44px}
  .grids-list{width:100%;grid-template-columns:1fr;gap:10px}.grid-card{width:100%;min-height:150px}.grid-card a{display:flex;align-items:center;min-height:44px}.grid-card-logo{max-width:100%}
  .comment-field textarea{width:100%}.remote-comments{width:100%}.comment-admin button{min-height:44px;padding:8px}
  .login-card{width:100%;max-width:410px;padding:26px 20px}.login-card input,.login-card button{width:100%;min-height:44px}.login-logo{width:min(220px,80%)}
  #toast{width:calc(100% - 24px);max-width:420px;text-align:center;bottom:12px}
}
@media(max-width:380px){.header-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.view-actions{grid-template-columns:1fr}.module-tabs{grid-template-columns:1fr}.area-card{min-height:112px}.permission-checks{grid-template-columns:1fr}.dialog-actions{grid-template-columns:1fr}}