/* Shared phone layouts. Keep paper/PDF output and desktop composition intact. */
.conversation-search-disclosure{flex:0 0 auto;min-width:0}
.conversation-search-disclosure>summary{display:none}
@media screen and (max-width:1000px){
  body.atelier-site .pricing-component-grid{grid-template-columns:minmax(0,1fr);gap:24px}
  body.atelier-site .pricing-inner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  body.atelier-site .studio-pricing-film{position:relative;top:auto;height:440px;min-height:0}
  body.atelier-site .pricing-wrap .pricing-block{display:flex;flex-direction:column;align-items:stretch;gap:24px}
  body.atelier-site .pricing-wrap .price-block{align-items:flex-start;text-align:left}
  body.atelier-site .pricing-wrap .price-text{font-size:40px}
}
@media screen and (max-width:760px){
  body.atelier-site{--phone-gutter:20px}
  .atelier-site :is(main,section,article,.container-large,.home-section,.home-hero-grid,.pricing-component-grid)>*{min-width:0}
  .atelier-site .atelier-nav{width:calc(100% - 24px);margin:12px auto;top:12px;min-height:64px;padding:10px 16px;gap:16px;border-radius:20px}
  .atelier-site .atelier-nav-logo{max-width:140px}
  .atelier-site .atelier-menu-button{min-height:44px;min-width:72px;justify-content:center}
  .atelier-site .atelier-menu{min-width:0;width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}
  .atelier-site .atelier-menu a{min-height:44px;display:flex;align-items:center}
  .atelier-site :is(.home-section,.home-hero,.studio-origin,.studio-process,.studio-offerings,.studio-closing){padding-inline:var(--phone-gutter)}
  .atelier-site .home-hero{padding-top:26px;padding-bottom:32px}
  .atelier-site .home-hero-grid{gap:24px}
  .atelier-site .home-hero h1{font-size:clamp(42px,10vw,66px);line-height:1.04}
  .atelier-site :is(.home-heading-row h2,.home-intro h2,.studio-about h2,.studio-services h2,.studio-closing h2,.process-visual h2){font-size:clamp(32px,7.5vw,44px);line-height:1.12}
  .atelier-site :is(.studio-hero h1,.studio-services h1){font-size:clamp(36px,9vw,54px)!important;line-height:1.06!important}
  .atelier-site .heading-style-h1{font-size:clamp(38px,9vw,56px);line-height:1.08}
  .atelier-site .padding-top-header{padding-top:32px;padding-bottom:32px}
  .atelier-site :is(.home-hero-copy>p,.studio-hero-copy>p,.studio-origin-copy p,.studio-value p,.studio-service>p,.bench-intro>p){font-size:15px;line-height:1.7}
  .atelier-site .home-hero-meta{gap:12px;flex-wrap:wrap;font-size:11px}
  .atelier-site .home-hero-actions{gap:12px}
  .atelier-site :is(.home-pill,.atelier-button,.primary-button){min-height:48px}
  .atelier-site .home-heading-row{gap:20px;margin-bottom:28px}
  .atelier-site .home-section{padding-block:48px}
  .atelier-site .home-story-grid{gap:28px}
  .atelier-site .home-story-visual{position:relative;top:auto;height:320px;min-height:0}
  .atelier-site .home-story-steps article{min-height:0;padding:28px 0;scroll-margin-top:100px}
  .atelier-site .home-story-steps article+article{border-top:1px solid #ffffff18}
  .atelier-site .home-story-steps h3{font-size:30px}
  .atelier-site .home-story-steps p{font-size:15px}
  .atelier-site .home-story-tabs{gap:6px}
  .atelier-site .home-story-tabs a{min-height:44px}
  .atelier-site .home-case-grid{gap:32px}
  .atelier-site .home-case:nth-child(2){margin-top:0}
  .atelier-site .home-case-wide{margin-top:0;gap:20px}
  .atelier-site .home-case-wide .home-case-title h3{font-size:32px}
  .atelier-site .home-process-grid>li{padding:24px}
  .atelier-site .home-process-grid h3{font-size:26px}
  .atelier-site .studio-hero{padding:28px var(--phone-gutter) 32px;min-height:0}
  .atelier-site .studio-hero h1{margin-block:20px}
  .atelier-site .studio-hero-art{height:310px;margin-top:16px}
  .atelier-site .studio-type-slab{height:215px;top:60px}
  .atelier-site .slab-front>b{font-size:140px}
  .atelier-site .studio-services-head{padding:28px var(--phone-gutter) 32px}
  .atelier-site .studio-section-label{gap:16px;margin-bottom:24px;align-items:flex-start}
  .atelier-site .studio-section-label>span:last-child{font-size:12px;max-width:45%;text-align:right}
  .atelier-site .studio-principles{padding:24px 20px}
  .atelier-site .studio-value{padding:20px;display:block}
  .atelier-site .value-object{margin-bottom:20px}
  .atelier-site .studio-value h3{font-size:24px}
  .atelier-site .studio-service{padding:24px}
  .atelier-site .studio-service li{font-size:14px;line-height:1.5;padding-block:10px}
  .atelier-site .design-bench{padding:24px 20px}
  .atelier-site .bench-controls>button{min-height:64px}
  .atelier-site .bench-controls small{font-size:13px}
  .atelier-site .studio-process.process-story{margin-block:40px}
  .atelier-site .process-art{height:220px}
  .atelier-site .process-step-copy strong{font-size:23px}
  .atelier-site .process-step-copy>span{font-size:14px;line-height:1.65}
  .atelier-site .studio-closing .atelier-button{max-width:100%;white-space:normal}
  .atelier-site .pricing-component-grid{gap:24px}
  .atelier-site .studio-pricing-film{height:480px;min-height:0}
  .atelier-site .pricing-film-copy{padding:24px}
  .atelier-site .pricing-film-copy h2{font-size:36px}
  .atelier-site .pricing-content{gap:20px}
  .atelier-site .pricing-wrap[data-material]{padding:24px;border-radius:22px;min-height:0;transform:none}
  .atelier-site .pricing-wrap[data-material] .pricing-content-grid{gap:24px}
  .atelier-site .pricing-wrap[data-material] .pricing-title{font-size:23px;min-height:0;line-height:1.2}
  .atelier-site .pricing-wrap[data-material] .pricing-title-wrap{gap:12px}
  .atelier-site .pricing-wrap[data-material] .pricing-title-wrap:before{width:40px;height:40px;min-width:40px;margin:0}
  .atelier-site .pricing-wrap .price-block{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
  .atelier-site .pricing-wrap .price-text{font-size:40px;line-height:1.15}
  .atelier-site .pricing-wrap .feature-item{align-items:flex-start;gap:12px}
  .atelier-site .pricing-wrap .feature-item .text-size-regular{font-size:14px;line-height:1.6}
  .atelier-site .pricing-wrap .feature-grid{gap:20px}
  .atelier-site .pricing-wrap .primary-button{width:100%}
  .atelier-site .start-padding{padding:32px 20px 48px}
  .atelier-site .atelier-contact-composition{padding-top:20px}
  .atelier-site .social-media-wrapper{gap:8px;flex-wrap:wrap;justify-content:center}
  .atelier-site .social-media-wrapper .social-link{width:44px;height:44px;min-width:44px;min-height:44px}
  .atelier-site .engine-controls button{min-width:44px;min-height:44px}
  .atelier-site .start-grid{gap:28px}
  .atelier-site .start-contact-row{gap:16px;flex-wrap:wrap}
  .atelier-site .start-contact-row a{overflow-wrap:anywhere}
  .atelier-site .start-contact-row :is(button,.social-link){min-width:44px;min-height:44px}
  .atelier-site .blog-page-padding{padding:32px 20px 48px}
  .atelier-site .blog-post-wrap{padding-inline:20px;overflow-wrap:anywhere}
  .atelier-site .legal-embed{padding:28px 20px;overflow-wrap:anywhere}
  .atelier-site .legal-embed table{display:block;max-width:100%;overflow-x:auto}
  .atelier-site .studio-footer{margin:12px;padding:32px 20px 24px}
  .atelier-site .studio-footer h2{font-size:38px}
  .atelier-site .studio-footer .atelier-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}
  .atelier-site .studio-footer .atelier-footer-grid a{font-size:13px;line-height:1.5;min-height:40px;display:flex;align-items:center;overflow-wrap:anywhere}
  .atelier-site .studio-footer .atelier-footer-grid nav:last-child{grid-column:1/-1}
  .atelier-site .studio-footer .atelier-entities{grid-template-columns:1fr;gap:0}
  .atelier-site .studio-footer .entity-block{min-width:0;padding:24px 0}
  .atelier-site .studio-footer .entity-body{min-width:0;overflow-wrap:anywhere}
  .atelier-site .studio-footer .entity-body p{font-size:13px;line-height:1.65}
  .atelier-site .studio-footer .atelier-footer-bottom{flex-wrap:wrap;font-size:12px}
  .atelier-site .footer-top-link{font-size:12px;min-height:44px}
  .atelier-site .cc-bar{max-width:calc(100% - 24px);border-radius:20px;max-height:calc(100dvh - 24px);overflow:auto}
  .atelier-site :is(input,select,textarea){font-size:16px}
  .atelier-panel.atelier-wizard .wizard-hero .experience-art{min-height:0;height:auto;padding:20px 24px}
  .atelier-panel.atelier-wizard .wizard-hero .experience-art>:not(.experience-art-brand){display:none}
  .atelier-panel.atelier-wizard .wiz-stage{padding:20px 16px 32px}
  .atelier-panel.atelier-wizard .particle-pen{display:none}
  .atelier-panel.atelier-wizard .dots{gap:5px;margin:20px 0}
  .atelier-panel.atelier-wizard .dot{flex:1;min-width:0;font-size:0;min-height:44px}
  .atelier-panel.atelier-wizard .dot.on{font-size:11px;flex:2.5;white-space:nowrap}
  .atelier-panel.atelier-wizard .wiz-footer{gap:12px;padding-bottom:max(16px,env(safe-area-inset-bottom))}
}
@media screen and (max-width:600px){
  body.atelier-site .pricing-inner-grid{grid-template-columns:minmax(0,1fr)}
  body.atelier-panel:is(.atelier-admin,.atelier-client){--workspace-gutter:16px}
  .atelier-panel :is(.content,.tab-body,.grid-2,.grid-3,.form-grid,.sg-edit,.sg-rowgrid)>*{min-width:0}
  .atelier-panel :is(.input,.textarea,.select,.rich-area){font-size:16px!important}
  .atelier-panel :is(.input,.select){min-height:46px}
  .atelier-panel :is(.btn,.btn-dark,.btn-sm,.chip,.tab){min-height:44px}
  .atelier-panel .topbar{padding:10px 12px;gap:8px}
  .atelier-panel .topbar-title{font-size:13px;min-width:0}
  .atelier-panel .topbar-acts{gap:6px}
  .atelier-panel .content{padding-inline:16px}
  .atelier-panel .kpi{gap:12px;min-height:110px}
  .atelier-panel .workflow-kpi-totals{font-size:clamp(14px,4vw,20px);white-space:nowrap;letter-spacing:-.025em}
  .atelier-panel :is(.grid-2,.grid-3,.form-grid){grid-template-columns:minmax(0,1fr)}
  .atelier-panel :is(.table-wrap,.sg-rows){max-width:100%;overscroll-behavior-x:contain}
  .atelier-panel .table-wrap:not(.sg-rows){overflow-x:auto}
  .atelier-panel .table th,.atelier-panel .table td{white-space:normal;min-width:100px;vertical-align:top}
  .atelier-panel .workflow-item{display:flex;flex-wrap:wrap;gap:10px}
  .atelier-panel .workflow-item-main{min-width:0;flex-basis:100%}
  .atelier-panel .workflow-action{max-width:none;min-height:40px;margin-left:0;display:flex;align-items:center;gap:8px;text-align:left}
  .atelier-panel .proj-view-head{margin-bottom:18px}
  .atelier-panel .proj-view-head h1{font-size:26px;line-height:1.2}
  .atelier-panel .tabs-wrap{max-width:100%;margin-bottom:18px}
  .atelier-panel .tabs{scroll-padding-inline:10px;overscroll-behavior-x:contain}
  .atelier-panel :is(.chat-wrap,.chat-card-wrap){height:max(560px,calc(100dvh - 170px));min-height:0;padding:0}
  .atelier-panel .chat-head{padding:10px;gap:8px;flex-wrap:nowrap;min-height:64px}
  .atelier-panel .chat-identity{min-width:0;gap:8px;flex:1}
  .atelier-panel .chat-identity>div{min-width:0}
  .atelier-panel .chat-identity strong{font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .atelier-panel .chat-identity :is(small,.chat-avatar),.atelier-panel .chat-identity>div>span{display:none}
  .atelier-panel :is(.chat-head-actions,.chat-head-acts){gap:4px;flex-wrap:nowrap;width:auto}
  .atelier-panel .chat-head .chat-call{width:44px;min-width:44px;padding:8px;min-height:44px}
  .atelier-panel .chat-action-label{display:none}
  .atelier-panel .conversation-search-disclosure>summary{display:flex;align-items:center;gap:8px;list-style:none;min-height:44px;padding:10px 14px;cursor:pointer;font-size:12px;color:#ccc0de;background:#26212f;border-bottom:1px solid #ffffff12}
  .atelier-panel .conversation-search-disclosure>summary::-webkit-details-marker{display:none}
  .atelier-panel .conversation-search{padding:8px 12px;gap:6px;flex-wrap:wrap}
  .atelier-panel .conversation-search>.input{flex-basis:100%;width:100%}
  .atelier-panel :is(.chat-list,.chat-msgs){padding:16px 12px}
  .atelier-panel :is(.chat-list,.chat-msgs) .chat-msg{max-width:95%;font-size:14px;padding:11px 13px}
  .atelier-panel .messenger-compose{padding:10px 12px;gap:8px}
  .atelier-panel .messenger-compose .rich-area{min-height:46px!important;max-height:120px;padding:6px 0}
  .atelier-panel .messenger-compose .chat-controls{flex-wrap:nowrap;gap:4px}
  .atelier-panel .chat-compose-tools{flex-wrap:nowrap;gap:4px}
  .atelier-panel .chat-compose-tools>:is(button,details)>summary{padding:8px}
  .atelier-panel .chat-compose-tools>button{width:44px;min-width:44px;padding:8px}
  body.atelier-panel .messenger-compose .chat-send{min-width:44px;width:44px;min-height:44px;padding:8px;font-size:0!important}
  body.atelier-panel .chat-send:after{content:'';display:block;width:20px;height:20px;margin:auto;background:currentColor;mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22black%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M11.47%202.47a.75.75%200%200%201%201.06%200l7.5%207.5a.75.75%200%201%201-1.06%201.06l-6.22-6.22V21a.75.75%200%200%201-1.5%200V4.81l-6.22%206.22a.75.75%200%201%201-1.06-1.06l7.5-7.5Z%22%20clip-rule%3D%22evenodd%22%20%2F%3E%3C%2Fsvg%3E")}
  .atelier-panel .modal-overlay{padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom));align-items:center}
  .atelier-panel .modal:not(.doc-paper){width:100%;max-width:100%;max-height:calc(100dvh - 24px);padding:24px 18px;overflow:auto;overscroll-behavior:contain}
  .atelier-panel .modal-title{font-size:24px;padding-right:32px}
  .atelier-panel .modal-dismiss{width:44px;height:44px}
  .atelier-panel :is(.modal-actions,.modal-foot){gap:10px;flex-wrap:wrap}
  .atelier-panel :is(.modal-actions,.modal-foot)>.btn{flex:1}
  .atelier-panel .sg-type-grid{grid-template-columns:minmax(0,1fr)}
  .atelier-panel .sg-edit{grid-template-columns:minmax(0,1fr)}
  .atelier-panel .sg-rows table,.atelier-panel .sg-rows tbody,.atelier-panel .sg-rows tr,.atelier-panel .sg-rows td{display:block;width:100%;min-width:0}
  .atelier-panel .sg-rows thead{display:none}
  .atelier-panel .sg-rows tr{padding:12px 0;border-top:1px solid #ffffff22}
  .atelier-panel .sg-rows td{padding:6px 0;border:0}
  .atelier-panel .sg-rows td[data-label]:before{content:attr(data-label);display:block;font-size:12px;color:var(--muted);margin-bottom:6px}
  .atelier-panel .sg-rows :is(input,select,textarea){min-height:44px;font-size:16px;width:100%;min-width:0}
  .atelier-panel .sg-rows .sg-x{min-height:44px;min-width:44px}
  .atelier-panel .sg-preview .preview-frame{min-height:360px;height:65dvh}
  .atelier-panel .sg-actions{gap:8px}
  .atelier-panel .sg-actions button{flex:1 1 auto}
  .atelier-panel .auth-card{padding:24px 20px;width:100%;max-width:100%}
  .atelier-panel .auth-shell{padding:16px}
  .atelier-panel .business-assistant{inset:12px;bottom:max(12px,env(safe-area-inset-bottom));width:auto;max-height:calc(100dvh - 24px)}
}
@media screen and (max-width:380px){
  .atelier-site .home-hero-actions{flex-direction:column;align-items:stretch}
  .atelier-site .home-hero-actions>a{justify-content:space-between}
  .atelier-site .studio-footer .atelier-footer-grid{grid-template-columns:minmax(0,1fr)}
  .atelier-panel .chat-identity strong{max-width:100%}
}

/* Keep the conversation name visible when four call/menu controls need a second row. */
@media screen and (max-width:380px) {
  .atelier-panel .chat-head { flex-wrap: wrap; }
  .atelier-panel .chat-identity { flex-basis: 100%; }
  .atelier-panel :is(.chat-head-actions,.chat-head-acts) { width: 100%; justify-content: flex-end; }
}