/* API interface additions; the original demo keeps its own layout. */
.auth-captcha{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.auth-captcha-status{font-size:12px;line-height:1.6;color:var(--muted);margin:0;text-align:center;overflow-wrap:anywhere}.auth-captcha-status:empty{display:none}.auth-captcha .btn{white-space:normal}.auth-captcha [hidden]{display:none}
.auth-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px 20px;background:radial-gradient(ellipse at 20% 10%,#eeebff 0,transparent 48%),var(--canvas)}
.auth-card{width:100%;max-width:450px;border:1px solid var(--line);border-radius:20px;background:#fff;padding:36px;box-shadow:0 12px 50px #29214c07}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:40px}.auth-symbol{width:46px;height:46px;border-radius:14px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;margin-bottom:20px}.auth-symbol svg{width:23px;height:23px}.auth-card h1{font-size:25px;line-height:1.3;letter-spacing:-.7px}.auth-description{color:var(--muted);font-size:14px;line-height:1.7;margin:13px 0 28px}.auth-card .form-grid{grid-template-columns:1fr;gap:18px}.auth-card .field input{min-height:46px;font-size:16px}.auth-submit{width:100%;min-height:46px;margin-top:24px;justify-content:center}.auth-submit svg{margin-left:auto}.auth-help,.auth-footer{font-size:12px;color:var(--muted);text-align:center;line-height:1.6}.auth-help{margin:24px 0 0}.auth-footer{margin-top:22px}.live-error{color:#8b3038;background:#fff4f4;border:1px solid #f1d2d5;border-radius:10px;padding:12px 14px;margin:16px 0;font-size:13px;line-height:1.6;text-align:left;overflow-wrap:anywhere}.live-error p{margin:0}.live-error ul{padding-left:18px;margin:8px 0 0}.live-notice{font-size:13px;line-height:1.65;color:#68578c;background:#f5f2fd;padding:12px 14px;border-radius:9px;margin:16px 0}.live-state{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:38px 24px}.live-state h1,.live-state h2{font-size:20px;line-height:1.5;margin:0}.live-state>p{max-width:390px;color:var(--muted);font-size:14px;line-height:1.7;margin:0}.live-state>.live-error{max-width:520px}.live-state>svg{width:42px;height:42px;color:#a99cdf}.live-spinner{height:26px;width:26px;border:3px solid #e7e1ff;border-top-color:var(--accent);border-radius:50%;animation:live-spin 1s linear infinite}@keyframes live-spin{to{transform:rotate(360deg)}}.live-tag{color:#62816a;font-size:10px;letter-spacing:.6px}.live-logout{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:12px;padding:12px 6px;min-height:44px;margin-top:8px}.live-list-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 20px;color:var(--muted);font-size:12px}.live-list-meta p{margin:0}.live-list-meta label{display:flex;align-items:center;gap:9px}.live-list-meta select{border:1px solid var(--line);background:#fff;color:#62586d;border-radius:8px;min-height:38px;max-width:210px;padding:7px 10px;font-size:12px}.live-mode .data-table .person{min-width:200px}.live-mode .data-table th{white-space:nowrap}.live-mode .data-table td{max-width:260px;overflow-wrap:anywhere;white-space:normal}.live-mode .person-text{min-width:0}.live-mode .person .link-btn{overflow-wrap:anywhere}.live-mode .profile>div{min-width:0;overflow-wrap:anywhere}.live-mode .live-toolbar{margin-bottom:16px}.live-coming{min-height:460px}.live-eyebrow{font-size:10px;letter-spacing:1.5px;color:#9586aa}.live-card-date{font-size:11px;color:#91849e}.live-metrics-note{font-size:12px;color:var(--muted);line-height:1.7;margin-top:16px}.live-comment{white-space:pre-wrap;overflow-wrap:anywhere}.live-dialog .details-grid dd{overflow-wrap:anywhere}.live-dialog form[aria-busy=true] input,.live-dialog form[aria-busy=true] select,.live-dialog form[aria-busy=true] textarea{pointer-events:none;opacity:.75}.live-menu-user{border-top:1px solid var(--line);padding-top:20px;margin-top:20px;overflow-wrap:anywhere}.live-menu-user strong,.live-menu-user small{display:block;margin-bottom:10px}.live-menu-user small{color:var(--muted)}.live-menu-user .btn{margin-top:10px}.conflict-panel{background:#fffbf2;border:1px solid #eeddba;border-radius:12px;padding:18px;margin-top:20px;font-size:13px;line-height:1.6}.conflict-panel h3{margin:0;font-size:15px}.conflict-panel>p{color:#807052}.conflict-rows{margin:18px 0}.conflict-row{border-top:1px solid #eee2c8;padding:12px 0;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}.conflict-row>strong{grid-column:1/-1}.conflict-row span{font-size:11px;color:#897855}.conflict-row p{margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:160px;overflow:auto}.conflict-panel .btn{white-space:normal}.live-mode .table-shell{min-height:0}.live-mode .table-scroll{max-width:100%}
@media(max-width:960px){.live-logout{justify-content:center;padding:8px 0}.live-logout span{display:none}.live-list-meta{flex-wrap:wrap}.live-layout .brand-name{display:none}}
@media(max-width:680px){.auth-page{padding:24px 16px;justify-content:flex-start}.auth-card{padding:28px 23px;margin-top:5vh;border-radius:16px}.auth-brand{margin-bottom:32px}.auth-card h1{font-size:23px}.auth-footer{padding-bottom:env(safe-area-inset-bottom)}.live-mode .main-content{padding-bottom:104px}.live-mode .live-toolbar{display:grid;grid-template-columns:38px auto minmax(0,1fr);gap:8px}.live-mode .live-toolbar .create-btn{font-size:12px;white-space:normal}.live-list-meta{display:block;margin-bottom:18px}.live-list-meta p{font-size:12px;margin:0 0 12px}.live-list-meta label{justify-content:space-between;font-size:12px}.live-list-meta select{max-width:215px;font-size:13px;min-height:42px}.live-state{padding:36px 16px;min-height:300px}.live-mode .topbar .live-tag{font-size:9px}.live-dialog .dialog-heading h2{font-size:20px}.live-dialog .form-actions .btn{min-height:46px}.live-dialog .field input,.live-dialog .field select,.live-dialog .field textarea{font-size:16px}.conflict-panel{padding:14px}.conflict-row{gap:8px}.live-coming{min-height:360px}.live-mode .pagination-controls{gap:5px}.live-mode .page-button{width:32px;height:36px}.live-mode .base-card .card-data{margin-top:0}}
@media(max-width:360px){.live-mode .live-toolbar{grid-template-columns:auto minmax(0,1fr)}.live-mode .live-toolbar .refresh-btn{display:none}.auth-card{padding:25px 20px}.auth-card h1{font-size:22px}.live-list-meta select{max-width:185px}.live-card-date{font-size:10px}.live-mode .topbar .live-tag{font-size:8px}}
@media(prefers-reduced-motion:reduce){.live-spinner{animation:none}}
.live-mode .person small{white-space:normal;overflow-wrap:anywhere}.live-mode .card-top .person{min-width:0}.live-mode .live-logout svg{flex-shrink:0}

.live-mode .live-avatar{position:relative;overflow:hidden;flex-shrink:0}.live-avatar>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.live-instagram-status{font-size:13px;line-height:1.5;color:#77758a;margin-top:20px}.live-instagram-status p{margin:5px 0}

/* Keep the data readable; excess columns belong to the table scroller, not the page. */
.live-mode .refresh-data,.live-mode .table-shell{min-width:0;max-width:100%}
.live-mode .table-scroll{overflow-x:auto;overscroll-behavior-x:contain}
.live-mode .data-table{width:max-content;min-width:100%;table-layout:auto}
.live-mode .data-table th,.live-mode .data-table td{min-width:100px;max-width:none;white-space:nowrap;overflow-wrap:normal;word-break:normal;font-variant-numeric:tabular-nums}
.live-mode .data-table td .link-btn,.live-mode .data-table .person small{white-space:nowrap;overflow-wrap:normal;max-width:none}
.live-mode .data-table .person{min-width:280px}
.live-mode .data-table td:nth-child(2),.live-mode .data-table td:nth-child(3),.live-mode .data-table td:nth-child(4){min-width:150px}
.live-mode .data-table td .crm-preview{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-mode .crm-table{min-width:1700px}
.live-mode .data-table .actions-row{flex-wrap:nowrap;min-width:max-content}
.pdf-icon-btn{width:38px;height:38px;min-width:38px;padding:8px;flex-shrink:0}
.pdf-icon-btn svg{width:22px;height:22px}
.refresh-data{transition:filter .2s,opacity .2s}
.refresh-data.is-refreshing{filter:blur(3px);opacity:.48;pointer-events:none;user-select:none}
.refresh-progress{display:flex;align-items:center;gap:14px;border:1px solid #e7e0fa;background:#f8f6ff;border-radius:12px;padding:16px 18px;margin:0 0 20px;color:#574586;font-size:13px;line-height:1.5}
.refresh-progress .live-spinner{flex:0 0 26px}
.refresh-progress strong{font-size:14px}.refresh-progress p{margin:3px 0}.refresh-progress small{color:#7c738e}.refresh-progress-error{background:#fff8f2;border-color:#f0dcc9;color:#8d542a}
@media(max-width:360px){.live-mode .live-toolbar{grid-template-columns:38px auto minmax(0,1fr)}.live-mode .live-toolbar .refresh-btn{display:flex}.live-mode .live-toolbar .create-btn{padding:8px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.refresh-data{transition:none}}