/* Customer authentication and shared bounded controls. Uses the existing theme. */
.auth-page .page-title,.auth-page .footer{display:none}
.auth-page .nav>a,.auth-page .public-menu{display:none}
.auth-page main.page{min-height:calc(100dvh - 86px);display:grid;align-content:center;padding-block:40px}
.auth-page .prose{width:100%;max-width:none}
.auth-page .login-card{width:min(100%,400px);max-width:400px;margin:0 auto;padding:24px 28px;background:transparent;border:0;box-shadow:none}
.auth-page .login-card .auth-title{font-size:25px;letter-spacing:-.5px;margin:0 0 6px}
.auth-page .login-card .auth-switch{margin:0 0 26px}
.auth-page .login-card .form-grid{gap:14px}
.auth-page .login-card input:not([type=checkbox]){height:42px;border-radius:12px}
.auth-page .login-card form>button[type=submit]{width:100%;min-height:42px;border-radius:12px;justify-content:center}
.auth-page .login-card .auth-consent{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--border,#ddd);padding:12px;border-radius:12px;font-size:13px;line-height:1.65}
.auth-consent input{flex:0 0 auto;margin-top:4px;accent-color:var(--accent,#5b5ee8)}
.auth-methods{display:flex;gap:6px;margin-bottom:18px}
.auth-methods a{flex:1;text-align:center;font-size:13px;padding:8px!important}
.auth-page .login-card .tiny{font-size:13px;line-height:1.7}
.auth-page .auth-confirm{margin-top:-6px}
.text-button{border:0!important;background:none!important;box-shadow:none!important;padding:0!important;color:var(--accent,#5b5ee8);font:inherit;min-height:0!important;display:inline!important;cursor:pointer}
#customer-disclosure{width:min(600px,calc(100vw - 28px));max-height:88dvh;border:1px solid var(--border,#ddd);padding:20px;border-radius:20px;background:var(--surface,#fff);color:var(--ink,#222)}
#customer-disclosure::backdrop{background:rgb(10 15 30/.3);backdrop-filter:blur(5px)}
#customer-disclosure h2{font-size:18px;margin:0 0 8px}
.disclosure-tabs{display:flex;gap:8px;margin:16px 0}
.disclosure-tabs button{flex:1}
.disclosure-body{max-height:52dvh;overflow:auto;overscroll-behavior:contain;border:1px solid var(--border,#ddd);border-radius:12px;padding:16px;font-size:14px;line-height:1.9}
.disclosure-body [data-disclosure-copy]{white-space:pre-wrap;overflow-wrap:anywhere}
#customer-disclosure footer{margin:16px 0 0;padding:0;border:0}
#customer-disclosure footer button{width:100%}
.workspace .actions,.panel .actions,.card .actions,.table-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.workspace button,.panel button,.card button,.btn{max-width:100%;min-width:0;overflow-wrap:anywhere;white-space:normal}
.form-grid>button:not(.full),.form-grid>.primary:not(.full){justify-self:start;width:auto;max-width:100%}
.field,.form-grid>*{min-width:0}
.actions>.field{flex:0 1 300px}
.actions>.field input,.actions>.field select{width:100%}
.form-grid input:not([type=checkbox]):not([type=radio]),.form-grid select,.form-grid textarea{min-width:0;max-width:100%}
.form-grid textarea{resize:vertical}
.table-actions{max-width:300px}
.field select{overflow:hidden;text-overflow:ellipsis}
.admin-main form.form-grid{max-width:1000px}
.admin-main form.form-grid>button[type=submit]{width:auto;justify-self:start;max-width:100%;grid-column:1/-1}
.admin-main td:last-child button{min-height:36px;padding:6px 10px;margin:3px;max-width:220px;font-size:13px}
.admin-main label span,.admin-main .notice,.admin-main .preview{overflow-wrap:anywhere}
.usage-filter.compact-filter{display:block}
.compact-filter .usage-filter-primary{display:grid;grid-template-columns:minmax(260px,2fr) repeat(3,minmax(110px,1fr)) auto;gap:8px;align-items:end}
.compact-filter .usage-date-range{display:flex;gap:6px;align-items:center}
.compact-filter .field>span{font-size:13px}
.compact-filter .field input,.compact-filter .field select{height:36px;border-radius:18px;font-size:13px}
.compact-filter .usage-advanced{margin-top:8px}
.compact-filter .usage-advanced>summary{font-size:13px}
.compact-filter .usage-filter-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}
.studio-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:20px}
.studio-history{display:grid;gap:12px}
.studio-result{min-width:0;padding:16px;border:1px solid var(--border,#ddd);border-radius:14px}
.studio-result pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:55dvh;overflow:auto}
.studio-result img,.studio-result video{width:auto;max-width:100%;max-height:60dvh;border-radius:12px}
.studio-model-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.integration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.integration-grid .card{min-width:0}
@media(max-width:1000px){.compact-filter .usage-filter-primary{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-filter .usage-date-range{grid-column:1/-1}}
@media(max-width:700px){.studio-grid{grid-template-columns:1fr}.auth-page main.page{padding:22px 12px}.auth-page .login-card{padding:18px 8px}.compact-filter .usage-filter-primary{grid-template-columns:1fr}.compact-filter .usage-date-range{flex-wrap:wrap}.usage-filter-actions button{flex:1}.studio-model-fields{grid-template-columns:1fr 1fr}}