/* Reuse the established AHENT palette; panel layout overrides follow the shared styles. */
@import url("styles.css");
body[data-panel]{margin:0;min-width:320px;color:var(--ah-text);background:var(--ah-canvas);line-height:1.5}
body[data-panel] main{max-width:64rem;margin:auto;padding:2rem;overflow-wrap:anywhere}
.panel-appearance{display:flex;justify-content:flex-end;gap:.75rem;align-items:center;flex-wrap:wrap}
body[data-panel] label{display:block;margin:1rem 0}
body[data-panel] input,body[data-panel] select,body[data-panel] textarea{display:block;box-sizing:border-box;padding:.75rem;max-width:100%;width:24rem;font:inherit;color:var(--ah-text);background:var(--ah-surface);border:1px solid var(--ah-border-control);border-radius:.4rem;min-height:44px}
body[data-panel] input::placeholder,body[data-panel] textarea::placeholder{color:var(--ah-text-secondary);opacity:1}
body[data-panel] input[type=checkbox]{width:1.25rem;min-height:1.25rem;display:inline-block;margin:0 .5rem;accent-color:var(--ah-primary)}
body[data-panel] button{padding:.7rem 1.2rem;min-height:44px;max-width:100%;white-space:normal;font:inherit;cursor:pointer;margin:.25rem .25rem .25rem 0;border:1px solid var(--ah-border-control);border-radius:.4rem;background:var(--ah-surface);color:var(--ah-text)}
body[data-panel] button:hover:not(:disabled){background:var(--ah-selected-bg)}
body[data-panel] form button[type=submit],body[data-panel] form button:not([type]),body[data-panel] form button[type=submit]:hover:not(:disabled),body[data-panel] form button:not([type]):hover:not(:disabled){background:var(--ah-primary);color:var(--ah-on-primary)}
body[data-panel] button:disabled,body[data-panel] form button:disabled{background:var(--ah-disabled-bg);color:var(--ah-text-secondary);cursor:not-allowed;opacity:1}
body[data-panel] a{display:inline-block;margin:.75rem .75rem .75rem 0;color:var(--ah-primary);text-decoration:underline;text-underline-offset:.2em}
body[data-panel] :is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--ah-focus);outline-offset:3px}
body[data-panel] table{border-collapse:collapse;width:100%;margin-bottom:1rem;background:var(--ah-surface);color:var(--ah-text);table-layout:fixed}
body[data-panel] th,body[data-panel] td{text-align:left;border-bottom:1px solid var(--ah-border);padding:.7rem;overflow-wrap:anywhere;white-space:normal}
body[data-panel] th{background:var(--ah-surface-muted);color:var(--ah-text)}
body[data-panel] dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem;padding:1rem;background:var(--ah-surface);border:1px solid var(--ah-border);border-radius:.4rem}
body[data-panel] dd{margin:0;font-variant-numeric:tabular-nums}
body[data-panel] form{max-width:30rem}
body[data-panel] .panel-job,body[data-panel] #accounts>section{padding:1rem;border:1px solid var(--ah-border);border-radius:.5rem;margin:1rem 0;background:var(--ah-surface-subtle);overflow-wrap:anywhere}
body[data-panel] #jobs{padding:0;list-style:none}
body[data-panel] #message:not(:empty),body[data-panel] #revenue-status:not(:empty){padding:.75rem;border-left:3px solid var(--ah-info);background:var(--ah-info-bg);color:var(--ah-text)}
body[data-panel] [role=status]{overflow-wrap:anywhere}
[hidden]{display:none!important}
@media(max-width:40rem){body[data-panel] main{padding:1rem}body[data-panel] th,body[data-panel] td{padding:.35rem;font-size:.875rem}body[data-panel] h1{font-size:1.75rem}body[data-panel] .panel-job{padding:.75rem}}
 .customer-intake-photo{display:block;max-width:100%;height:auto;margin:1rem 0}