/* Shared sizing and readable working surfaces across DogU. */
:root{--dogu-action:#c44b0b;--dogu-text:#252932;--dogu-muted:#5e6673}
.my-consumer-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}
.my-consumer-shortcuts :is(button,a){display:grid;gap:6px;text-align:left;background:#fff;color:#252932;border:1px solid #dfe3e8;border-radius:12px;padding:16px;text-decoration:none}
.my-consumer-shortcuts b{font-size:16px}.my-consumer-shortcuts span{font-size:14px;line-height:1.5;color:#5e6673}
.my-consumer-shortcuts button{border-color:#c44b0b}
.my-professional-tools{margin:18px 0;border:1px solid #dfe3e8;border-radius:12px;background:#fff}
.my-professional-tools>summary{padding:14px 16px;font-size:15px;font-weight:700;cursor:pointer;color:#454e5a}
.expert-handoff-note{margin:12px 0;padding:14px 16px;background:#fff1e7;border:1px solid #e8bd9c;border-radius:12px;color:#75350e}
.expert-handoff-note[hidden]{display:none}
.expert-handoff-note b{font-size:16px;line-height:1.5}
.expert-handoff-note summary{cursor:pointer;min-height:44px;align-content:center}
.expert-handoff-note p{white-space:pre-wrap;font-size:14px;max-height:180px;overflow:auto}
body.dogu-user-app .ai-retry-button{margin:12px 0;min-height:46px;width:100%;background:#fff;color:#a43e08;border:1px solid #c44b0b;border-radius:10px;font-size:16px}
body.dogu-user-app .ai-retry-button[hidden]{display:none}
@media(max-width:760px){.my-consumer-shortcuts{grid-template-columns:minmax(0,1fr)}.my-consumer-shortcuts :is(button,a){padding:14px 16px}}
*,*::before,*::after{box-sizing:border-box}
body{margin:0}
body:not(.dogu-user-app):not(.dogu-tools){--blue:#c44b0b;--ink:#252932;--muted:#5e6673;--paper:#f5f6f8;--lime:#ffd7bf;background:#f5f6f8;color:#252932}
body:not(.dogu-user-app):not(.dogu-tools) input[type=checkbox]{width:20px;height:20px;accent-color:#c44b0b}
body:not(.dogu-user-app):not(.dogu-tools) :is(input,textarea,select){caret-color:#c44b0b}
main,section,article,form,fieldset,header,dialog{min-width:0}
input,select,textarea{max-width:100%;font-size:16px}
textarea{line-height:1.6}
button,summary{touch-action:manipulation}
button{overflow-wrap:break-word}
p,li,label{overflow-wrap:anywhere}
img,video{max-width:100%}
:is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #c44b0b;outline-offset:3px}
body.dogu-user-app .app-page:not([data-page="home"]){
 background:#f5f6f8!important;color:#252932; color-scheme:light;
 --ink:#252932;--muted:#5e6673;--line:#dfe3e8;--paper:#fff;--blue:#c44b0b;--blue-dark:#983807;--lime:#ffd7bf;
}
body.dogu-user-app .app-page:not([data-page="home"]) :is(.route-head,.portal-head,.academy-head,.page-header){color:#252932}
body.dogu-user-app .app-page:not([data-page="home"]) :is(.route-head,.portal-head,.academy-head,.page-header) :is(h1,h2,p){color:inherit}
body.dogu-user-app :is(.route-back,.inline-back){background:#fff;color:#454e5a;border-color:#dfe3e8}
body.dogu-user-app :is(.route-content,.training-routes,.portal-action-grid,.shop-choice){color:#252932;--ink:#252932;--muted:#5e6673}
body.dogu-user-app .consult-panel{background:#fff;color:#252932;border:1px solid #dfe3e8}
body.dogu-user-app .consult-panel :is(h2,p,label,summary){color:#454e5a}
body.dogu-user-app .consult-panel :is(input:not([type=checkbox]):not([type=radio]),textarea),
body.dogu-user-app .consult-panel :is(input,textarea):-webkit-autofill{
 color:#252932!important;-webkit-text-fill-color:#252932!important;background:#fff!important;
 -webkit-box-shadow:0 0 0 1000px #fff inset;caret-color:#c44b0b;border-color:#aeb6c2;
}
body.dogu-user-app .consult-panel :is(input,textarea)::placeholder{color:#657080!important;-webkit-text-fill-color:#657080!important}
body.dogu-user-app .consult-panel .prompt-chips button{background:#f5f6f8;color:#454e5a;border-color:#dfe3e8}
body.dogu-user-app .consult-quick-options{border-color:#dfe3e8}
body.dogu-user-app .consult-quick-options :is(.consult-form-note,summary){color:#5e6673}
body.dogu-user-app :is(.consultation-start #aiConsultSubmit,#expertQuestionForm button[type=submit]){background:#c44b0b;color:#fff}
body.dogu-user-app dialog{color-scheme:light;background:#fff;color:#252932;--ink:#252932;--muted:#5e6673;--blue:#c44b0b}
body.dogu-user-app dialog :is(h2,h3,label){color:#252932}
body.dogu-user-app dialog .dialog-close{background:#f0f2f5;color:#252932}
body.dogu-user-app dialog :is(input,select,textarea){font-size:16px}
body.dogu-user-app .consultation-sheet #consultationMessage{min-height:80px;max-height:160px}
body.dogu-user-app:has(.app-page.active:not([data-page="home"])) :is(.topbar,.bottom-nav){background:#fff!important;color:#252932!important;border-color:#dfe3e8}
body.dogu-user-app:has(.app-page.active:not([data-page="home"])) .topbar :is(.location-button,.account-button,.round-button){color:#252932;background:#fff;border-color:#dfe3e8}
body.dogu-user-app:has(.app-page.active:not([data-page="home"])) .bottom-nav button{color:#5e6673!important}
body.dogu-user-app:has(.app-page.active:not([data-page="home"])) .bottom-nav button:is(.active,.user-current){color:#b84308!important}
.dogu-tools :is(button,input,select,textarea){min-height:44px}
.dogu-tools input:is([type=checkbox],[type=radio]){min-height:20px}
.dogu-tools .tools-tabs{scrollbar-width:thin}
@media(max-width:760px){
 body.dogu-user-app .app-page:not([data-page="home"]){padding:20px 16px calc(24px + env(safe-area-inset-bottom))}
 body.dogu-user-app #mainContent{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
 body.dogu-user-app .topbar{position:relative;top:auto}
 body.dogu-user-app .route-head h1{font-size:28px;line-height:1.35}
 body.dogu-user-app :is(.route-content,.portal-head,.training-routes,.shop-choice,.trainer-studio-grid,.choice-card-grid){min-width:0;max-width:100%}
 body.dogu-user-app :is(.portal-action-grid,.training-routes,.shop-choice,.form-row,.form-grid,.expert-review-fields,.trainer-studio-grid){grid-template-columns:minmax(0,1fr)}
 body.dogu-user-app :is(.consultation-toolbar,.academy-controls,.profile-actions,.market-filters,.filter-row,.dialog-actions){display:flex;flex-wrap:wrap;gap:10px}
 body.dogu-user-app :is(.consultation-toolbar,.academy-controls,.market-filters,.filter-row)>:is(button,label,select){flex:1 1 140px;min-width:0;min-height:44px}
 body.dogu-user-app .app-page :is(button,summary){min-height:44px}
 body.dogu-user-app .app-page button:not(.map-marker):not(.room-item){white-space:normal;line-height:1.45}
 body.dogu-user-app dialog{width:calc(100% - 20px);max-width:calc(100% - 20px);max-height:calc(100dvh - 20px);padding:20px 16px;overflow:auto}
 body.dogu-user-app dialog :is(.form-row,.expert-review-fields){grid-template-columns:minmax(0,1fr)}
 body.dogu-user-app dialog :is(button,summary){min-height:44px}
 body.dogu-user-app .consultation-sheet{width:100%;max-width:100%;padding-bottom:calc(16px + env(safe-area-inset-bottom))}
 body.dogu-user-app .consultation-compose-actions{flex-wrap:wrap}
 body.dogu-user-app .consultation-file-button{max-width:100%}
 .dogu-tools .tools-header{position:relative;flex-wrap:wrap}
 .dogu-tools :is(.photo-upload-actions,.mission-actions){grid-template-columns:minmax(0,1fr)}
 .dogu-tools :is(.record-detail,.result-panel){overflow-wrap:anywhere}
 body:not(.dogu-user-app):not(.dogu-tools)>header{height:auto;min-height:60px;display:flex;flex-wrap:wrap;gap:10px;padding:12px 16px}
 body:not(.dogu-user-app):not(.dogu-tools) main{max-width:100%;padding-bottom:120px}
 body:not(.dogu-user-app):not(.dogu-tools) :is(.fields,.fields.three,.form-grid,.question-grid){grid-template-columns:minmax(0,1fr)}
 body:not(.dogu-user-app):not(.dogu-tools) :is(button,select,input:not([type=checkbox]):not([type=radio]),summary){min-height:44px;font-size:16px}
 body:not(.dogu-user-app):not(.dogu-tools) :is(label,.help){font-size:14px;line-height:1.6}
 body:not(.dogu-user-app):not(.dogu-tools) .sticky-actions{bottom:0;margin:0;padding-bottom:calc(8px + env(safe-area-inset-bottom))}
 body:not(.dogu-user-app):not(.dogu-tools):has(input:focus,textarea:focus) .sticky-actions{position:static;transform:none;width:100%}
 .table-scroll,.expert-table-scroll{max-width:100%;overflow-x:auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
