/* Mesmo espaço de trabalho do atendimento; a fotografia tem prioridade. */
html:has(body.smile-focus),body.smile-focus{height:100dvh;overflow:hidden}
.smile-focus .sidebar,.smile-focus .topbar,.smile-focus .workspace>footer{display:none!important}
.smile-focus .workspace{height:100dvh;min-height:0;margin:0;overflow:hidden}
.smile-focus main#content{width:100%;height:100dvh;min-height:0;max-width:none;padding:0;overflow:hidden;background:#fafaf8}
.smile-workspace{height:100%;display:flex;flex-direction:column;min-height:0;color:#163f30;font-size:clamp(.875rem,.8rem + .2vw,1rem)}
.smile-workspace button,.smile-workspace input{font:inherit}
.smile-workspace button:focus-visible,.smile-workspace a:focus-visible,.smile-workspace label:focus-within{outline:2px solid #3b805c;outline-offset:3px}
.smile-workspace-header{display:flex;align-items:center;gap:28px;flex:0 0 72px;padding:0 2.2%;border-bottom:1px solid #e1e6df;background:#fffefa}
.smile-workspace-brand{display:flex;align-items:center;gap:10px;white-space:nowrap;text-decoration:none;font:clamp(1.2rem,1.4vw,1.8rem) Manrope,Arial,sans-serif;color:#24614b;letter-spacing:-.6px}
.smile-workspace-brand svg{flex-shrink:0;color:#78a081}.smile-workspace-brand b{font-weight:800;color:#0c4e36}
.smile-workspace-header h1{font-size:clamp(1.125rem,1.5vw,1.8rem);letter-spacing:-.5px;border-left:1px solid #c8d1c3;padding-left:28px;line-height:1.2}
.smile-workspace-header>button{display:flex;align-items:center;gap:8px;margin-left:auto;border:0;background:none;color:#174f37;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.smile-workspace-header>button svg{transform:rotate(180deg)}
.smile-workspace-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.9fr) minmax(0,1fr);gap:12px;padding:16px 12px}
.smile-workspace-panel{min-width:0;min-height:0;border:1px solid #dae3d7;border-radius:18px;background:#fffefa;padding:clamp(12px,1.3vw,24px);display:flex;flex-direction:column;gap:16px;box-shadow:0 2px 12px #193a2b04;overflow:hidden}
.smile-workspace-panel h2{font-size:clamp(1.1rem,1.5vw,1.8rem);letter-spacing:-.5px;line-height:1.2;margin:0;color:#163f30}
.smile-workspace-panel h3{font-size:1em;line-height:1.4;margin:0;overflow-wrap:anywhere}
.smile-workspace-panel .button{min-height:42px;border-radius:10px;padding:9px 12px;display:inline-flex;justify-content:center;align-items:center;gap:7px;line-height:1.3;white-space:normal}
.smile-workspace-panel .button svg{flex-shrink:0}.smile-workspace-panel .primary{background:#0c6145;color:#fff;border-color:#0c6145}
.smile-patient-heading{display:flex;align-items:center;gap:12px;flex:0 0 auto;min-width:0}
.smile-patient-heading>.avatar{width:54px;height:54px;flex-shrink:0;font-size:20px}.smile-patient-heading>div{min-width:0}.smile-patient-heading h2{font-size:clamp(1rem,1.15vw,1.4rem);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.smile-patient-heading p{font-size:1em;color:#596e59;margin:5px 0 0;line-height:1.4}
.smile-workspace-search{position:relative;flex:0 0 auto}.smile-workspace .smile-patient-search-box{display:flex;align-items:center;gap:8px;border:1px solid #d4ded0;border-radius:10px;background:#fff;padding:0 12px;height:44px;margin:0}
.smile-workspace .smile-patient-search-box input{width:100%;min-width:0;padding:0;border:0;box-shadow:none;background:none;color:#254834;outline:0}
.smile-workspace .smile-patient-search-results{position:absolute;inset:calc(100% + 5px) 0 auto;z-index:20;max-height:none;overflow:visible;background:white;border:1px solid #c8d7c3;box-shadow:0 8px 24px #17452c24;border-radius:10px;padding:5px}
.smile-workspace .smile-patient-search-results[hidden]{display:none}
.smile-workspace .smile-patient-result{padding:8px;gap:9px;border:0;border-radius:6px;text-align:left;width:100%;min-height:50px;display:flex;align-items:center;background:#fff;color:#244c37;cursor:pointer}
.smile-workspace .smile-patient-result:hover{background:#edf4e6}.smile-workspace .smile-patient-result span{min-width:0}.smile-workspace .smile-patient-result .avatar{width:34px;height:34px;flex-shrink:0}.smile-workspace .smile-patient-result strong,.smile-workspace .smile-patient-result small{display:block;overflow-wrap:anywhere;line-height:1.3;font-size:1em}.smile-workspace .smile-patient-result small{color:#61715e}
.smile-patient-tabs{display:flex;flex:0 0 auto;gap:3px;padding:4px;background:#f0f3ed;border:1px solid #e4e9e0;border-radius:12px}
.smile-patient-tabs button{flex:1;min-width:0;border:0;border-radius:9px;background:none;cursor:pointer;color:#244c37;padding:10px 3px;font-size:clamp(.875rem,.75rem + .17vw,1rem);line-height:1.2}
.smile-patient-tabs button[aria-selected=true]{background:#0c6145;color:white;font-weight:600}
#smile-patient-records{display:flex;flex-direction:column;flex:1;min-height:0;gap:10px}.smile-saved-list{display:flex;flex-direction:column;gap:12px;min-height:0;flex:1}
.smile-saved-card{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #dfe5da;border-radius:13px;min-width:0;background:#fff;flex:0 0 auto}
.smile-saved-card>img{width:30%;aspect-ratio:1/1;object-fit:cover;border-radius:9px;max-height:100px}.smile-saved-card>div{flex:1;min-width:0}.smile-saved-card h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.smile-saved-card small{display:block;color:#61715e;margin:4px 0;font-size:1em}.smile-file-icon{display:grid;place-items:center;width:38px;height:46px;flex-shrink:0;border-radius:9px;background:#e9f2df;color:#236344}
.smile-record-actions{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.smile-record-actions .button{min-height:34px;font-size:1em;padding:6px 9px;flex:1}.smile-record-actions .button:last-child{background:#eff4ea}
.smile-history-card{display:block}.smile-history-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:6px 0;overflow-wrap:anywhere;line-height:1.45}.smile-history-card .card-link{font-size:1em}
.smile-list-pagination{display:flex;justify-content:center;align-items:center;gap:14px;flex:0 0 30px;color:#5f755d}.smile-list-pagination button{width:32px;height:30px;border:0;border-radius:6px;background:none;color:#245939;cursor:pointer;font-size:22px}.smile-list-pagination button:disabled{opacity:.35;cursor:default}
.smile-patient-profile{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:48px;flex:0 0 auto;border:1px solid #d6dfd1;border-radius:10px;background:#f9fbf6;padding:10px;color:#1c5538;cursor:pointer;text-align:left}.smile-patient-profile svg{flex-shrink:0}
.smile-workspace-empty{margin:auto;display:grid;justify-items:center;gap:12px;color:#66795e;max-width:240px;text-align:center}.smile-workspace-empty p{font-size:1em;line-height:1.6}
.smile-compare-column{gap:12px}.smile-compare-column>header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:0 0 auto;min-height:34px}.smile-image-area{flex:1;min-height:0;min-width:0;display:flex}
.smile-workspace .smile-stage{flex:1;min-width:0;min-height:0;margin:0;width:100%;height:100%;aspect-ratio:auto!important;border-radius:14px;background:#edf1e9;display:flex;align-items:center;justify-content:center}
.smile-workspace .smile-stage :is(.smile-before,.smile-after) img{object-fit:contain}.smile-workspace .smile-presentation-reference{object-fit:contain}
.smile-workspace .smile-selection-surface{flex:0 0 auto;position:relative;max-width:100%;max-height:100%;width:auto;aspect-ratio:auto!important}.smile-workspace .smile-selection-surface>img{width:100%;height:100%;object-fit:contain}.smile-workspace .smile-selection-surface>svg{position:absolute;inset:0;width:100%;height:100%}
.smile-corner-label{position:absolute;top:12px;z-index:4;background:#193a2bd9;color:white;border-radius:7px;padding:5px 9px;max-width:42%;font-size:.875rem;pointer-events:none}.smile-corner-label.before{left:12px}.smile-corner-label.after{right:12px}
.smile-workspace .smile-range:focus-visible{opacity:.2;outline:3px solid #317851;outline-offset:-3px}.smile-workspace .compare-line span{width:40px;height:40px;font-size:21px}
.smile-photo-actions{display:flex;gap:12px;flex:0 0 auto}.smile-photo-actions>*{flex:1}.smile-photo-actions .smile-workspace-upload{cursor:pointer;text-align:center}.smile-save-png{width:100%;flex:0 0 auto;min-height:48px!important;font-weight:600}
.smile-stage-footer{display:flex;align-items:center;justify-content:center;gap:12px;flex:0 0 auto;color:#61715e}.smile-stage-footer small,.smile-stage-footer .card-link{font-size:.875rem;line-height:1.3}.smile-stage-footer .card-link{color:#3c6946}
.smile-workspace .smile-region-controls{margin:0;padding:10px;flex:0 0 auto}.smile-workspace .smile-region-controls p{font-size:.875rem;line-height:1.4;margin:0 0 6px}.smile-workspace .smile-region-buttons{gap:6px}.smile-workspace .smile-region-buttons .button{min-height:34px;font-size:.875rem;padding:6px 9px;flex:1}
.smile-workspace .smile-photo-error{margin:0;padding:9px;font-size:.875rem;line-height:1.4;flex:0 0 auto;max-height:none}.smile-workspace .smile-photo-error>span{margin-bottom:4px}.smile-workspace .smile-photo-error .button{min-height:30px;padding:5px 8px}.smile-workspace .smile-photo-status{margin:0;font-size:.875rem;line-height:1.4}
.smile-adjustments-column{gap:16px}.smile-adjustments-column .smile-procedure-options{padding:0;margin:0;flex:0 0 auto}.smile-adjustments-column .smile-procedure-options>div{display:flex;flex-wrap:nowrap;gap:6px}.smile-adjustments-column .smile-procedure-option{padding:10px 5px;flex:1;justify-content:center;border-radius:9px;min-width:0;gap:0;font-size:1em;line-height:1.3}.smile-adjustments-column .smile-procedure-option input{position:absolute;opacity:0;width:1px;height:1px}.smile-adjustments-column .smile-procedure-option.selected{background:#0c6145;color:#fff;border-color:#0c6145}
.smile-adjustments-column .smile-shade-field{padding:14px 0 0;margin:0;border:0;border-top:1px solid #dae3d5;min-width:0;flex:0 0 auto}.smile-adjustments-column .smile-shade-field legend{font-size:1em;font-weight:600;padding-top:10px;margin:0 0 6px}.smile-adjustments-column .smile-shade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0}.smile-adjustments-column .smile-shade-tile{padding:6px;border-radius:10px}.smile-adjustments-column .smile-shade-sample{height:46px;min-height:0}.smile-adjustments-column .smile-shade-tile strong{margin:5px 0 0;font-size:1em}.smile-adjustments-column .smile-shade-tile small,.smile-adjustments-column .smile-palette-note{display:none}
.smile-adjustments-column .smile-local-controls{padding:0;margin:0;border:0;border-radius:0;background:none;flex:0 0 auto;color:#244c37}.smile-adjustments-column .smile-local-controls>label{font-size:1em}.smile-adjustments-column .smile-local-controls input{margin:3px 0 0;min-height:30px;height:30px}.smile-adjustments-column .smile-local-controls>p,.smile-adjustments-column .smile-local-controls>button{display:none}.smile-adjustments-column .smile-local-controls>label{font-size:0}.smile-adjustments-column .smile-local-controls>label::before{content:'Intensidade';font-size:clamp(.875rem,.8rem + .2vw,1rem)}.smile-adjustments-column .smile-local-controls output{font-size:clamp(.875rem,.8rem + .2vw,1rem)}
.smile-adjustments-column #simulation-progress:empty{display:none}.smile-adjustments-column .smile-magic-controls{padding:0;margin:0;border:0;background:none;flex:0 0 auto}.smile-adjustments-column .smile-magic-controls>strong,.smile-adjustments-column .smile-magic-controls>small,.smile-adjustments-column .smile-magic-controls>p:not([role=status]){display:none}.smile-adjustments-column .smile-magic-controls .button{width:100%;background:#fafcf7;color:#1c5538;border:1px solid #a5bca0}.smile-adjustments-column .smile-magic-controls p[role=status]{margin:0;font-size:1em;color:#4c6e45}
.smile-send-section{margin-top:auto;flex:0 0 auto;border-top:1px solid #dbe3d4;padding-top:16px}.smile-send-section h3{margin:0 0 10px;font-size:1.1em}.smile-send-section>div{display:flex;gap:10px}.smile-send-section .button{flex:1}.smile-workspace-disclaimer{font-size:.875rem;line-height:1.4;color:#5b7056;flex:0 0 auto}
.smile-workspace-mobile-tabs{display:none}.smile-workspace-no-patient{margin:auto;text-align:center;padding:24px}.smile-workspace-no-patient p{margin:12px 0 20px}
@media(max-width:1400px){.smile-workspace-panel{gap:12px;padding:14px}.smile-workspace-grid{gap:10px;padding:12px 10px;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr) minmax(0,1fr)}.smile-patient-heading{gap:9px}.smile-patient-heading>.avatar{width:44px;height:44px}.smile-saved-card{padding:10px;gap:8px}.smile-record-actions .button{padding:6px}.smile-workspace-header{flex-basis:64px}.smile-send-section{padding-top:12px}.smile-adjustments-column .smile-procedure-option{font-size:.875rem}}
@media(max-height:800px){.smile-workspace-panel{gap:11px}.smile-workspace-header{flex-basis:60px}.smile-workspace-grid{padding-block:10px}.smile-patient-heading p{margin-top:3px}.smile-patient-tabs button{padding-block:9px}.smile-adjustments-column .smile-shade-sample{height:36px}.smile-workspace-panel .button{min-height:38px;padding-block:8px}.smile-save-png{min-height:42px!important}.smile-send-section{padding-top:10px}.smile-send-section h3{margin-bottom:7px}.smile-adjustments-column .smile-shade-field{padding-top:6px}.smile-saved-card{padding:9px}.smile-saved-card>img{max-height:80px}.smile-patient-profile{min-height:42px;padding-block:8px}}
@media(max-width:1100px),(max-height:650px){.smile-workspace-header{flex-basis:58px;padding-inline:16px;gap:15px}.smile-workspace-header h1{padding-left:15px}.smile-workspace-header>button{font-size:.875rem}.smile-workspace-mobile-tabs{display:flex;gap:5px;flex:0 0 40px;margin:8px 12px 0;padding:4px;background:#edf2e7;border-radius:10px}.smile-workspace-mobile-tabs button{flex:1;background:none;border:0;border-radius:7px;color:#315a3f;cursor:pointer;font-size:.875rem}.smile-workspace-mobile-tabs button[aria-pressed=true]{background:#0c6145;color:white}.smile-workspace-grid{grid-template-columns:minmax(0,1fr);padding:9px 12px 12px;gap:0}.smile-workspace-grid[data-pane=patient]>.smile-compare-column,.smile-workspace-grid[data-pane=patient]>.smile-adjustments-column,.smile-workspace-grid[data-pane=compare]>.smile-patient-column,.smile-workspace-grid[data-pane=compare]>.smile-adjustments-column,.smile-workspace-grid[data-pane=adjust]>.smile-patient-column,.smile-workspace-grid[data-pane=adjust]>.smile-compare-column{display:none}.smile-workspace-panel{padding:16px}.smile-adjustments-column{max-width:700px;width:100%;justify-self:center;gap:12px}.smile-adjustments-column .smile-shade-sample{height:48px}.smile-saved-card>img{width:80px;max-height:80px}.smile-patient-column .smile-record-actions{max-width:280px}.smile-patient-column .smile-workspace-search{z-index:8}.smile-workspace-grid:has(.smile-patient-column:focus-within){z-index:1}}
@media(max-width:600px){.smile-workspace-header{padding-inline:12px;gap:10px;flex-basis:58px;flex-wrap:wrap;align-content:center;row-gap:0}.smile-workspace-brand{font-size:1.05rem;gap:5px}.smile-workspace-brand svg{width:24px}.smile-workspace-header h1{font-size:1rem;padding-left:10px}.smile-workspace-header>button{font-size:.875rem;gap:4px}.smile-workspace-header>button svg{width:14px}.smile-workspace-panel{padding:12px;border-radius:14px}.smile-photo-actions{gap:8px}.smile-photo-actions .button{padding-inline:7px;font-size:.875rem}.smile-stage-footer{flex-wrap:wrap;gap:4px}.smile-workspace .smile-region-buttons{display:grid;grid-template-columns:1fr 1fr}.smile-workspace .smile-region-controls p{line-height:1.3}.smile-corner-label{top:8px;padding:4px 7px}.smile-corner-label.before{left:8px}.smile-corner-label.after{right:8px}}
@media(max-height:650px) and (min-width:600px){.smile-adjustments-column{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;align-content:start;max-width:1000px}.smile-adjustments-column>h2{grid-column:1/-1}.smile-adjustments-column .smile-shade-field{grid-column:1;grid-row:3/span 2}.smile-adjustments-column .smile-local-controls{grid-column:2;grid-row:2}.smile-adjustments-column .smile-apply-local{grid-column:2;grid-row:3}.smile-adjustments-column .smile-magic-controls{grid-column:2;grid-row:4}.smile-adjustments-column .smile-send-section{grid-column:1/-1;margin-top:0}.smile-workspace-disclaimer{grid-column:1/-1}.smile-adjustments-column .smile-shade-sample{height:30px}.smile-workspace .smile-region-controls p{margin-bottom:3px}.smile-workspace-header{flex-basis:48px}.smile-workspace-mobile-tabs{flex-basis:35px;margin-top:5px}}
@media(max-height:480px) and (min-width:600px){.smile-workspace-panel{padding:10px;gap:6px}.smile-workspace-header{flex-basis:42px}.smile-workspace-mobile-tabs{flex-basis:32px;margin-top:4px}.smile-adjustments-column{gap:6px 18px}.smile-adjustments-column h2{font-size:1rem}.smile-workspace-panel .button{min-height:32px;padding-block:5px}.smile-adjustments-column .smile-procedure-option{padding-block:7px}.smile-adjustments-column .smile-shade-field legend{padding-top:0}.smile-adjustments-column .smile-shade-sample{height:23px}.smile-send-section{padding-top:5px}.smile-send-section h3{display:none}.smile-adjustments-column>.smile-workspace-disclaimer{display:none}.smile-compare-column>header{min-height:26px}.smile-save-png{min-height:34px!important}.smile-stage-footer{display:none}.smile-patient-heading>.avatar{width:32px;height:32px}.smile-patient-heading p{display:none}.smile-patient-profile{min-height:32px;padding:5px}.smile-patient-tabs button{padding-block:6px}.smile-workspace .smile-patient-search-box{height:34px}.smile-saved-card{padding:6px}.smile-saved-card>img{width:56px;max-height:56px}.smile-saved-card small{margin-block:1px}.smile-record-actions{margin-top:3px}.smile-record-actions .button{min-height:28px;padding:3px 6px}.smile-saved-card h3{font-size:.875rem}.smile-history-card p{-webkit-line-clamp:1}}
