/* Project integration only; component styling comes from FlexAdmin. */
body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.tempel-icon{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}
.tempel-brand{display:block;font-size:1.05rem;font-weight:700;letter-spacing:.075em;text-decoration:none}
.tempel-brand small{display:block;font-size:.62rem;font-weight:500;letter-spacing:.2em;margin-top:.3rem;opacity:.65}
.tempel-login{min-height:100vh;background:var(--web-wash,#f3f4f7)}
.tempel-login .card{border-top:3px solid var(--highlight,#1877f2)}
.tempel-login .btn{min-height:44px}
.tempel-login .input-group-text{min-width:44px;justify-content:center}
.tempel-login .form-control{min-width:0;min-height:44px}
.tempel-workspace{display:flex;min-height:100vh;margin:0}
.tempel-workspace .left-sidebar{position:fixed;inset:0 auto 0 0;width:250px;overflow-y:auto}
.tempel-workspace .sidebar-header{min-height:80px;padding:1.4rem;display:flex;align-items:center}
.tempel-workspace .sidebar-header .tempel-brand{color:#fff}
.tempel-workspace .sidebar-title{padding:1.5rem 1.5rem .75rem}
.tempel-workspace .sidebar-content a{display:flex;align-items:center;gap:.8rem}
.tempel-main{display:flex;flex-direction:column;min-width:0;min-height:100vh;width:calc(100% - 250px);margin-left:250px}
.tempel-workspace .topbar{justify-content:space-between;gap:1rem;height:auto;min-height:80px;flex-wrap:wrap;padding:1rem 2rem}
.tempel-workspace .topbar form{margin:0}
.tempel-workspace .page-content{flex:1;padding:2rem}
.tempel-workspace #footer{padding:1.2rem 2rem}
.tempel-menu-toggle{display:none}
.tempel-skip{position:fixed;left:1rem;top:-100px;z-index:1000;background:#fff;padding:.7rem}
.tempel-skip:focus{top:1rem}
@media(max-width:991.98px){
.tempel-workspace .left-sidebar{transform:translateX(-100%);transition:transform .2s;z-index:100}
.tempel-workspace.menu-open .left-sidebar{transform:translateX(0);box-shadow:10px 0 30px #0003}
.tempel-main{width:100%;margin-left:0}
.tempel-menu-toggle{display:inline-flex}
.tempel-workspace .topbar{padding:1rem}
.tempel-workspace .page-content{padding:1.5rem 1rem}
.tempel-breadcrumb{display:none}
}
@media(max-width:480px){.tempel-account{display:none}.tempel-workspace .topbar{gap:.5rem}.tempel-workspace .topbar .gap-3{gap:.5rem!important}.tempel-workspace .topbar .btn{padding:.5rem .65rem}}
@media(prefers-reduced-motion:reduce){.tempel-workspace .left-sidebar{transition:none}}

/* The template normally toggles this with its full JS bundle. */
.tempel-workspace .left-sidebar .sidebar-wrapper{display:block}

body[data-theme-mode="dark-mode"]{color-scheme:dark}
.tempel-login .input-group-text{color:var(--main-text);background:var(--thirtary-background)}
.tempel-login .form-control{color:var(--main-text);background:var(--surface-background);border-color:var(--input-border)}
.tempel-login input:-webkit-autofill{-webkit-text-fill-color:var(--main-text);box-shadow:0 0 0 1000px var(--surface-background) inset}
:where(a,button,input):focus-visible{outline:2px solid #78aaff;outline-offset:3px}

/* Keep the shared header visible, allowing its height to adapt to narrow screens. */
.tempel-workspace .topbar{position:sticky;top:0;z-index:90;flex-shrink:0;background:var(--web-wash)}

.appearance-panel{position:fixed;inset:0 0 0 auto;margin:0;width:400px;max-width:100vw;height:100dvh;max-height:100dvh;overflow:auto;padding:1.5rem;border:0;border-left:1px solid var(--divider);background:var(--surface-background);color:var(--main-text)}
.appearance-panel::backdrop{background:#0008}
.appearance-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.appearance-heading .btn{padding:.6rem}
.appearance-panel fieldset{margin:1.5rem 0;padding:0;border:0}
.appearance-panel legend{font-size:1rem;font-weight:600;margin-bottom:.7rem}
.appearance-options,.appearance-actions{display:flex;gap:.7rem;flex-wrap:wrap}
.appearance-choice{display:flex;align-items:center;gap:.5rem;border:1px solid var(--divider);border-radius:4px;padding:.65rem;cursor:pointer}
.appearance-choice:has(input:checked){border-color:var(--highlight);background:var(--thirtary-background)}
.appearance-colors{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.appearance-swatch{width:.9rem;height:.9rem;border-radius:50%;background:var(--swatch);border:1px solid #ffffff50}
.appearance-toggle{display:flex;align-items:center;gap:.7rem;padding:.6rem 0;cursor:pointer}
.appearance-panel input{accent-color:var(--highlight)}
.appearance-actions .btn{padding:.7rem 1rem}
body[data-theme-mode="default-mode"]{color-scheme:light}
.tempel-workspace[data-acp-header="false"] .topbar{position:relative}
.tempel-workspace[data-acp-footer="true"] #footer{position:sticky;bottom:0;background:var(--web-wash);z-index:80}
.tempel-workspace .btn-primary{background:var(--highlight);border-color:var(--highlight);color:#fff}
.tempel-workspace .btn-primary:hover{filter:brightness(1.15)}
.tempel-workspace .btn-outline-primary{border-color:var(--highlight);color:var(--main-text)}
.tempel-workspace .btn-outline-primary:hover{background:var(--highlight);color:#fff}
@media(min-width:992px){
.tempel-workspace[data-acp-compact="true"] .left-sidebar{width:76px;flex-basis:76px}
.tempel-workspace[data-acp-compact="true"] .tempel-main{margin-left:76px;width:calc(100% - 76px)}
.tempel-workspace[data-acp-compact="true"] .sidebar-title,.tempel-workspace[data-acp-compact="true"] .sidebar-content a span,.tempel-workspace[data-acp-compact="true"] .sidebar-header small{display:none}
.tempel-workspace[data-acp-compact="true"] .sidebar-header{padding:1.2rem}
.tempel-workspace[data-acp-compact="true"] .sidebar-header .tempel-brand{font-size:0}
.tempel-workspace[data-acp-compact="true"] .sidebar-header .tempel-brand::before{content:"ET";font-size:1.1rem}
.tempel-workspace[data-acp-sidebar="false"] .left-sidebar{position:relative;flex:0 0 250px;align-self:stretch}
.tempel-workspace[data-acp-sidebar="false"][data-acp-compact="true"] .left-sidebar{flex-basis:76px}
.tempel-workspace[data-acp-sidebar="false"] .tempel-main{margin-left:0;flex:1}
}

.appearance-color-anchor{--swatch:#5b5b5b}
.appearance-color-maroon{--swatch:#981b1b}
.appearance-color-carrot{--swatch:#bf662c}
.appearance-color-lollipop{--swatch:#8d2556}
.appearance-color-gold{--swatch:#b98500}
.appearance-color-forest{--swatch:#318c38}
.appearance-color-hoki{--swatch:#447574}
.appearance-color-facebook{--swatch:#3b5998}
.appearance-color-purple{--swatch:#886ab5}
.appearance-color-indigo{--swatch:#7976b3}
.appearance-color-cafe{--swatch:#31271e}
.appearance-color-charcoal{--swatch:#364150}
/* ACP workflow layout; colors and buttons inherit the selected FlexAdmin theme. */
.acp-task-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1.25rem}
.acp-task{gap:.55rem;text-decoration:none;color:var(--main-text);border-left:3px solid var(--highlight)}
.acp-task strong{font-size:2rem}.acp-task>i{font-size:1.4rem;color:var(--highlight)}
.acp-task:hover{background:var(--thirtary-background)}
.page-content .card-body{padding:1.5rem}
.table-toolbar,.search,.acp-actions,.pagination{display:flex;gap:1rem;align-items:end;flex-wrap:wrap}
.table-toolbar{justify-content:space-between;margin-bottom:1.25rem}
.table-scroll{overflow:auto;max-width:100%}.table-scroll table{width:100%;border-collapse:collapse}
.table-scroll td,.table-scroll th{padding:.8rem;text-align:left;border-bottom:1px solid var(--divider);vertical-align:middle}
.table-scroll th{color:var(--secondary-text);font-weight:600}.table-scroll tr:hover{background:var(--thirtary-background)}
.page-content .badge{display:inline-block;padding:.35rem .6rem;border-radius:4px;background:var(--thirtary-background);color:var(--main-text)}
.page-content .badge.good{color:#71d69b}.page-content .badge.neutral{color:#f0a1a1}
.page-content label{max-width:100%}.page-content form>label{display:block;margin-bottom:1rem}
.page-content .form-control{color:var(--main-text);background:var(--surface-background);border-color:var(--input-border)}
.page-content fieldset{border:1px solid var(--divider);padding:1rem;margin:1rem 0}
.page-content legend{font-size:1rem;float:none;width:auto}.page-content fieldset label{margin-right:.8rem}
.page-content pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:32rem;overflow:auto}
.pagination{justify-content:space-between;margin-top:1rem}.pagination div{display:flex;gap:1rem}
.acp-version{border-top:1px solid var(--divider);padding:1rem 0}.acp-version summary{cursor:pointer}
.sidebar-item details>summary{padding:1rem 1.5rem;cursor:pointer}.sidebar-item details>a{padding-left:2.5rem}
@media(min-width:992px){[data-acp-compact="true"] .sidebar-item details>summary{font-size:0;padding:1rem}[data-acp-compact="true"] .sidebar-item details>summary i{font-size:1rem}[data-acp-compact="true"] .sidebar-item details>a{font-size:0;padding:1rem}[data-acp-compact="true"] .sidebar-item details>a i{font-size:1rem}}
@media(max-width:600px){.page-content .card-body{padding:1rem}.search{width:100%}.search>label{flex:1 1 130px}.table-scroll th,.table-scroll td{padding:.65rem}.acp-actions .btn{width:100%}}

.page-content h2{font-size:1.35rem;margin-bottom:1rem}.page-content h3{font-size:1.15rem}.page-content section[id]{scroll-margin-top:110px}.page-content form>p>label:has(.form-control){display:block;width:100%}.page-content input[type=file]{max-width:100%}.page-content form+h2{margin-top:1.5rem}

.acp-modal{position:fixed;inset:0;margin:auto;width:min(1000px,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);padding:0;border:1px solid var(--divider);border-radius:6px;background:var(--web-wash);color:var(--main-text)}
.acp-modal::backdrop{background:#000a}.acp-modal-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--divider)}
.acp-modal-heading h2{font-size:1.25rem;margin:0}.acp-modal [data-client-body]{padding:1.5rem;overflow:auto;max-height:calc(100dvh - 9rem)}
.acp-modal .card-body{padding:1.25rem}.acp-modal h2{font-size:1.2rem;margin-bottom:1rem}.acp-modal input[type=file]{max-width:100%}
.acp-modal .form-control{color:var(--main-text);background:var(--surface-background);border-color:var(--input-border)}
.acp-modal form>label,.acp-modal form>p>label:has(.form-control){display:block;margin-bottom:1rem}.acp-modal fieldset{border:1px solid var(--divider);padding:1rem;margin:1rem 0}
.acp-modal fieldset label{margin-right:.8rem}.acp-modal legend{float:none;font-size:1rem;width:auto}.acp-modal pre{white-space:pre-wrap;overflow-wrap:anywhere}.acp-modal a[href="/?page=clients"]{display:none}

.acp-confirm{width:min(480px,calc(100vw - 2rem))}.acp-confirm .card-body{padding:1.5rem}

/* Shared action rows and destructive outline buttons, in both ACP themes. */
.acp-actions{align-items:center}
.acp-actions>form{margin:0}
.tempel-workspace .btn-outline-danger{color:var(--main-text);border:1px solid #d9534f;background:transparent}
.tempel-workspace .btn-outline-danger:hover,.tempel-workspace .btn-outline-danger:focus-visible{color:#fff;background:#b83c38;border-color:#b83c38}

.acp-tool-buttons{justify-content:center;align-items:center}.acp-tool-buttons>.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:220px;max-width:100%;box-sizing:border-box}

.acp-tool-card>h3{text-align:center;margin-bottom:0}.acp-tool-card>hr{width:100%;border:0;border-top:1px solid currentColor;opacity:.18;margin:1rem 0 1.25rem}

/* Keep the template's nested-list background, markers and indentation. */
.tempel-workspace .sidebar-item>details{overflow:hidden}
.tempel-workspace .sidebar-item>details>summary{display:flex;align-items:center;gap:.8rem;list-style:none;position:relative;padding: .8rem 2.6rem .8rem 1.5rem}
.tempel-workspace .sidebar-item>details>summary::-webkit-details-marker{display:none}
.tempel-workspace .sidebar-item>details>summary::after{content:"";position:absolute;right:1.4rem;width:.4rem;height:.4rem;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(-45deg);transition:transform .3s}
.tempel-workspace .sidebar-item>details>summary[aria-expanded="true"]::after{transform:rotate(45deg)}
.tempel-workspace .sidebar-item>details>summary:hover{background:var(--nav-bar-highlight-background)}
.tempel-workspace .sidebar-item>details>.sidebar-second-level{margin:0;padding:0;background:rgba(0,0,0,.1)}
.tempel-workspace .sidebar-item>details>.sidebar-second-level>li>a{padding:.8rem 1rem .8rem 3.5rem;font-size:.95em}
.tempel-workspace .sidebar-item>details i{margin-right:0}
@media(min-width:992px){.tempel-workspace[data-acp-compact="true"] .sidebar-item>details>.sidebar-second-level>li>a{font-size:0;padding:.8rem 1rem;justify-content:center}.tempel-workspace[data-acp-compact="true"] .sidebar-item>details>.sidebar-second-level>li>a::before{display:none}.tempel-workspace[data-acp-compact="true"] .sidebar-item>details>.sidebar-second-level>li>a i{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.tempel-workspace .sidebar-item>details>summary::after{transition:none}}

/* Full-width content within the shared ACP grid. */
.acp-task-grid > .col-12{grid-column:1 / -1;min-width:0}