*{box-sizing:border-box}html{font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}html[data-theme=roxo]{--primary:#6d4aff;--accent:#a78bfa}html[data-theme=petroleo]{--primary:#146c72;--accent:#24b89a}html[data-theme=profundo]{--primary:#5036a5;--accent:#18b5a4}html{--bg:#f7f8fc;--card:#fff;--text:#202842;--muted:#64748b;--line:#dfe3ef;color-scheme:light}html[data-mode=dark]{--bg:#141722;--card:#242837;--text:#f3f4fa;--muted:#b3bacb;--line:#44485a;color-scheme:dark}@media(prefers-color-scheme:dark){html[data-mode=auto]{--bg:#141722;--card:#242837;--text:#f3f4fa;--muted:#b3bacb;--line:#44485a;color-scheme:dark}}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}h1{font-size:clamp(1.6rem,3vw,2.2rem)}p{color:var(--muted);line-height:1.6}.auth{min-height:calc(100vh - 55px);display:grid;place-items:center;padding:35px 15px}.panel{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:clamp(22px,4vw,38px);box-shadow:0 12px 45px #10133710;width:min(100%,430px)}.panel.wide{width:min(100%,650px)}.panel h2,.panel>p{text-align:center}.hero-logo{display:flex;align-items:center;justify-content:center;gap:12px}.hero-logo img{width:56px;height:56px}.hero-logo h1{font-size:1.5rem}label:not(.check):not(.option){display:flex;flex-direction:column;gap:7px;margin:15px 0;font-size:.9rem;font-weight:600}input:not([type=checkbox]):not([type=radio]),select{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px;color:var(--text);width:100%;min-height:44px}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}.btn{display:inline-block;border:0;border-radius:12px;background:var(--primary);color:#fff;padding:13px 20px;font-weight:700;cursor:pointer;text-align:center;min-height:44px}.auth .btn{width:100%;margin-top:12px}.btn.secondary{background:var(--primary)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.check{display:flex;align-items:start;gap:10px;font-size:.85rem;margin:12px 0}.check input{margin-top:3px}.warning{font-size:.8rem}.footer{text-align:center;padding:18px;color:var(--muted);font-size:.8rem}.footer span{opacity:.75}.topbar{background:var(--card);border-bottom:1px solid var(--line);padding:12px max(20px,calc((100vw - 1100px)/2));display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-size:1.2rem;font-weight:700}.brand img{width:35px;height:35px}.topbar nav{display:flex;align-items:center;gap:20px}.topbar nav form{margin:0}.nav-btn{border:0;background:transparent;color:var(--primary);cursor:pointer}.content{max-width:1100px;margin:40px auto;padding:0 20px}.eyebrow{color:var(--primary);font-weight:700}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:30px 0}.cards article{background:var(--card);border:1px solid var(--line);padding:22px;border-radius:17px;display:flex;flex-direction:column;gap:8px}.cards span{font-size:1.5rem}.cards strong{font-size:1.6rem}.cards small{color:var(--muted)}.welcome{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:25px}.settings{width:min(100%,680px)}fieldset{border:0;padding:0;margin:0 0 24px}legend{font-weight:700;margin-bottom:12px}.option{display:flex;align-items:center;gap:10px;margin:10px 0;cursor:pointer}.swatch{width:25px;height:25px;border-radius:8px}.swatch.roxo{background:#6d4aff}.swatch.petroleo{background:#146c72}.swatch.profundo{background:linear-gradient(135deg,#5036a5 50%,#18b5a4 50%)}.flash{max-width:650px;margin:18px auto 0;border-radius:10px;padding:13px 17px;background:#dcfce7;color:#166534}.flash.error{background:#fee2e2;color:#991b1b}@media(max-width:750px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.fields{grid-template-columns:1fr}.topbar{flex-wrap:wrap}.topbar nav{gap:12px;font-size:.85rem}.content{margin:25px auto}}
/* Módulo de clientes */
.page-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:20px 0}.filters label{margin:0!important;flex:1;min-width:170px}.filters .btn{margin-bottom:0}.list-panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px}.table-scroll{overflow-x:auto}.client-table{border-collapse:collapse;width:100%;min-width:650px}.client-table th,.client-table td{text-align:left;padding:14px 10px;border-bottom:1px solid var(--line);font-size:.9rem}.client-table th{color:var(--muted);font-size:.8rem}.status-chip{background:var(--bg);padding:5px 9px;border-radius:20px}.pagination{display:flex;justify-content:space-between;margin:16px 0}.client-form{margin:24px 0;width:min(100%,760px)}textarea{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px;color:var(--text);width:100%;font:inherit;resize:vertical}.btn.outline{background:transparent;border:1px solid var(--primary);color:var(--primary)}.welcome .btn{margin:5px}.stat-icon{color:var(--primary)}@media(max-width:600px){.filters{display:block}.filters .btn{width:100%}.page-head .btn{width:100%}}
/* v0.3: estrutura visual aprovada, com cores derivadas do tema do usuário */
html[data-theme=roxo]{--sidebar:#2e145f;--sidebar-accent:#5c2bc8;--highlight:#5e30cb}
html[data-theme=petroleo]{--sidebar:#103f46;--sidebar-accent:#146c72;--highlight:#146c72}
html[data-theme=profundo]{--sidebar:#25134e;--sidebar-accent:#5036a5;--highlight:#5036a5}
.app-shell{display:flex;min-height:calc(100vh - 50px)}.sidebar{width:238px;flex:0 0 238px;background:linear-gradient(165deg,var(--sidebar),var(--sidebar-accent));color:#fff;padding:22px 14px;display:flex;flex-direction:column;gap:32px;min-height:100vh}.side-brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:1.2rem;font-weight:800;line-height:1}.side-brand img{width:42px;height:42px}.sidebar nav{display:grid;gap:7px}.side-link{display:flex;align-items:center;gap:13px;padding:13px 14px;color:#f8f5ff;border-radius:12px;font-weight:600;font-size:.9rem}.side-link:hover,.side-link.active{background:#ffffff25;color:#fff;text-decoration:none}.side-bottom{margin-top:auto;background:#ffffff17;padding:16px;border-radius:15px;display:grid;gap:5px}.side-bottom small{opacity:.7}.app-main{min-width:0;flex:1}.app-header{height:70px;background:var(--card);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 30px}.header-title{font-weight:700}.header-user{display:flex;align-items:center;gap:18px;font-size:.9rem;font-weight:600}.header-user form{margin:0}.menu-toggle{display:none;border:0;background:transparent;color:var(--text);cursor:pointer}.app-main .content{max-width:1320px;margin:28px auto;padding:0 28px}.date-pill{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:13px;color:var(--muted)}.cards article{border:0;box-shadow:0 5px 22px #14133209;min-height:154px}.cards .stat-icon{width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--primary) 12%,var(--card));display:grid;place-items:center;color:var(--primary)}.cards .stat-icon svg{width:24px;height:24px}.dashboard-columns{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}.dashboard-side{display:grid;gap:18px;align-content:start}.dashboard-columns .welcome{min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.section-heading h2{margin:0 0 10px}.appointment-row{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding:16px 0}.appointment-row strong{flex:1}.time-pill{padding:9px;border-radius:10px;background:var(--bg);color:var(--primary);white-space:nowrap}.action-card{background:linear-gradient(140deg,var(--highlight),var(--sidebar-accent));border-radius:18px;padding:20px;color:#fff}.action-card h2{margin:0 0 18px}.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-actions a{background:#fff;color:var(--highlight);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:17px 8px;font-weight:700;font-size:.83rem;min-height:95px}.quick-actions a:hover{text-decoration:none;filter:brightness(.96)}.text-button{background:transparent;border:0;color:var(--primary);font-weight:700;cursor:pointer}.footer{border-top:1px solid var(--line)}
@media(max-width:1100px){.sidebar{width:200px;flex-basis:200px}.dashboard-columns{grid-template-columns:1fr}.app-main .content{padding:0 20px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.sidebar{position:fixed;z-index:20;left:0;top:0;bottom:0;transform:translateX(-110%);transition:transform .2s;box-shadow:0 10px 40px #0003}.sidebar.is-open{transform:translateX(0)}.menu-toggle{display:inline-flex}.app-header{padding:0 16px}.header-user{font-size:.78rem;gap:8px}.app-main .content{margin:22px auto;padding:0 15px}.dashboard-columns{grid-template-columns:1fr}.cards{gap:10px}.cards article{padding:15px;min-height:140px}.date-pill{display:none}.quick-actions a{min-height:82px}}

/* Correção v0.3.1: reforço do shell e imagens de marca */
.app-shell>.sidebar{display:flex;flex-direction:column;flex-shrink:0;width:238px;max-width:238px;min-height:100vh}.app-shell>.app-main{min-width:0;flex:1}.sidebar .side-brand img{display:block;width:42px;height:42px;max-width:42px;max-height:42px;object-fit:contain}.sidebar .side-link svg{flex-shrink:0}.app-header .menu-toggle svg{width:21px;height:21px}@media(max-width:1100px){.app-shell>.sidebar{width:200px;max-width:200px}}@media(max-width:760px){.app-shell>.sidebar{width:238px;max-width:238px}}