.functional-page{max-width:1100px;margin:0 auto;padding:32px 20px;color:var(--color-text,#182b3a)}
.functional-page h1{font-size:clamp(28px,4vw,42px);margin:8px 0 16px}.functional-page p{line-height:1.6}
.functional-module{margin:24px 0;padding:24px;border:1px solid #dce3e8;border-radius:16px;background:var(--color-background,#fff);min-width:0}
.functional-row,.functional-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.functional-page button,.functional-module button{padding:10px 16px;border-radius:8px;border:1px solid #afbfca;background:#fff;color:#17354a;cursor:pointer;min-height:42px}
.functional-page button:disabled,.functional-module button:disabled{opacity:.55;cursor:default}
.conexao-policy{overflow-wrap:anywhere}.conexao-policy label{display:flex;align-items:center;gap:10px;min-height:44px;margin:8px 0}.conexao-policy input[type=checkbox]{width:20px;height:20px;flex-shrink:0}.conexao-policy fieldset{min-width:0}.conexao-policy details{margin-top:16px}.conexao-policy summary{cursor:pointer;min-height:44px}
.functional-lead-delivery{border-top:1px solid #dce3e8;margin-top:20px;padding-top:12px}.functional-lead-delivery h3{font-size:16px}.functional-lead-delivery button{margin:4px 10px 4px 0;max-width:100%}
.functional-conexao-access{max-width:720px;overflow-wrap:anywhere}.functional-conexao-badge{display:inline-block;font-size:11px;letter-spacing:.06em;font-weight:700;padding:8px 10px;color:#5b3d86;background:#f2edf9;border-radius:6px}.functional-module .functional-conexao-primary{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:48px;padding:12px 20px;border:1px solid #603ba8;border-radius:8px;background:#603ba8;color:#fff;font:inherit;font-weight:600;text-decoration:none;max-width:100%}.functional-conexao-note{font-size:13px;color:#536673}.functional-conexao-access button{min-height:44px}
.functional-form fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border:1px solid #dce3e8;border-radius:12px;padding:20px;margin:20px 0}
.functional-form label{display:flex;flex-direction:column;gap:7px;min-width:0}.functional-form input,.functional-form select,.functional-form textarea{width:100%;box-sizing:border-box;padding:11px;border:1px solid #aabac5;border-radius:7px;font:inherit;min-width:0;background:white;color:#182b3a}
.functional-form textarea{min-height:100px;resize:vertical}.functional-form small{color:#536673}
.functional-records{border-top:1px solid #e5ebef;margin-top:24px;padding-top:16px}.functional-record-list{padding:0;list-style:none}.functional-record-list li{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #e5ebef;padding:16px 0;align-items:center;overflow-wrap:anywhere}.functional-record-list span{display:inline-block;margin-left:12px;font-size:13px;color:#536673}
.functional-record-list p{margin:6px 0}.functional-page [role=alert],.functional-module [role=alert]{color:#9f2431;background:#fff2f3;padding:12px;border-radius:8px}
.functional-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.functional-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.functional-tabs [aria-pressed=true]{background:#17354a;color:white}
.functional-module-choice{display:flex;align-items:center;gap:10px;min-height:44px}.functional-module-choice input{width:18px;height:18px}.functional-module fieldset{border:1px solid #dce3e8;border-radius:10px;padding:12px 16px}
.functional-projects{margin:32px 0 48px}.functional-projects h2{margin:0;font-size:24px}.functional-projects header p{margin:8px 0;color:#536673}
.functional-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:0;margin:24px 0;list-style:none}.functional-project-grid>li{min-width:0;display:flex}
.functional-project-card{display:flex;flex-direction:column;flex:1;min-width:0;padding:24px;border:1px solid #dce3e8;border-radius:16px;background:#fff;overflow-wrap:anywhere;box-shadow:0 4px 18px rgba(24,43,58,.035)}
.functional-project-kind{font-size:11px;letter-spacing:.09em;font-weight:700;color:#685193}.functional-project-card h3{font-size:23px;line-height:1.25;margin:14px 0 4px;color:#182b3a}
.functional-project-site{font-size:14px;color:#536673}.functional-project-site strong{color:#182b3a}
.functional-module-badges{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none;margin:14px 0}.functional-module-badges li{display:grid;gap:4px;border:1px solid #e4dff0;border-radius:8px;padding:9px 11px;background:#f8f6fc;font-size:13px;color:#453566}.functional-module-badges span{font-size:12px;color:#5b526b}
.functional-project-limit{font-size:13px;color:#536673;margin:4px 0 20px}.functional-project-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
.functional-page .functional-project-primary,.functional-page .functional-project-secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;box-sizing:border-box;padding:10px 14px;border:1px solid #d8d1e6;border-radius:8px;background:#fff;color:#603ba8;font-size:14px;font-weight:600;text-decoration:none}
.functional-page .functional-project-primary{background:#603ba8;color:#fff;border-color:#603ba8}.functional-page a:focus-visible,.functional-page button:focus-visible{outline:2px solid #603ba8;outline-offset:3px}
.functional-project-context{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;padding:20px 24px;background:#fff;border:1px solid #dce3e8;border-radius:12px;margin:20px 0}.functional-project-context>div{min-width:0;flex:1 1 260px;overflow-wrap:anywhere}.functional-project-context .functional-project-limit{margin-bottom:0}
.functional-project-empty{padding:24px;margin:24px 0;background:#f8f9fb;border:1px dashed #cbd5df;border-radius:12px}.functional-project-empty h3{margin-top:0}.functional-new-project{border-top:1px solid #dce3e8;padding-top:28px;scroll-margin-top:24px}
@media(max-width:640px){.functional-project-grid{grid-template-columns:1fr}.functional-project-card{padding:20px}.functional-project-context{padding:16px}.functional-project-actions>a{flex:1 1 130px}.functional-projects{margin-top:24px}}
@media(max-width:640px){.functional-page{padding:20px 12px}.functional-module{padding:16px}.functional-form fieldset{grid-template-columns:1fr;padding:14px}.functional-record-list li{align-items:flex-start;flex-direction:column}.functional-form .functional-actions{justify-content:flex-start}}

.app-record-chart{margin:20px 0;padding:18px;border:1px solid #e9dfef;border-radius:18px;background:#fcf9ff;min-width:0;color:#9252cb}
.app-record-chart h4{margin:18px 0 8px}.app-record-chart p,.app-record-chart small{line-height:1.6;overflow-wrap:anywhere}
.app-record-chart-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.app-record-chart-filters label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:13px}
.app-record-chart-filters select{width:100%;min-width:0;box-sizing:border-box;padding:10px;border:1px solid #e3d7ec;border-radius:10px;background:white;color:#31223f}
.app-record-chart small{display:block;color:#73617f;margin:12px 0}.app-record-chart-result{margin-top:18px;padding-top:18px;border-top:1px solid #e9dfef}
.app-record-chart-value{display:block;font-size:32px;color:#7841ab;overflow-wrap:anywhere}.app-record-chart svg{display:block;width:100%;max-height:260px}.app-record-chart svg text{font-size:10px;fill:#73617f}
.app-record-chart summary{cursor:pointer;padding:12px 0}.app-record-chart-table{overflow:auto;max-height:280px}.app-record-chart table{width:100%;border-collapse:collapse;font-size:12px}.app-record-chart th,.app-record-chart td{text-align:left;padding:9px;border-bottom:1px solid #e9dfef}.app-record-chart caption{text-align:left;padding:8px 0;color:#73617f}
@media(max-width:600px){.app-record-chart{padding:12px}.app-record-chart-filters{grid-template-columns:1fr}.app-record-chart-value{font-size:28px}}

.app-tasks select{width:100%;min-width:0;box-sizing:border-box;border:1px solid #dedbe6;border-radius:10px;padding:11px;background:#fff;color:#302942;font:inherit}.app-tasks td{vertical-align:middle}.app-task-state{display:inline-block;padding:5px 9px;border-radius:99px;background:#fff3dd;color:#735218;font-size:12px;white-space:nowrap}.app-task-state--done{background:#e8f6ed;color:#24613c}.app-task-confirm{margin:18px 0;padding:16px;border:1px solid #ded3ee;border-radius:14px;background:#faf7ff}.app-task-confirm button{margin:8px 8px 0 0}.app-tasks .app-contacts-table{max-width:100%}.app-tasks input[type=date]{min-width:0;max-width:100%}@media(max-width:600px){.app-tasks .app-contacts-table table{min-width:530px}.app-task-confirm button{width:100%;margin-right:0}}

.app-dashboard{min-width:0;color:#493452}.app-dashboard-badge{font-size:10px;letter-spacing:.08em;font-weight:750;color:#9846b8}.app-dashboard>p{font-size:12px;color:#86758e;line-height:1.6}.app-dashboard-filters{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:20px 0 12px}.app-dashboard-filters label{display:flex;flex:1;flex-direction:column;gap:7px;font-size:12px;min-width:150px}.app-dashboard-filters select{border:1px solid #e5daec;border-radius:12px;padding:11px;background:#fff;color:#573765;font:inherit}.app-dashboard-note{font-size:10px!important;color:#8e7e96}.app-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.app-dashboard-widget{min-width:0;padding:18px;border:1px solid #eadff0;border-radius:18px;background:linear-gradient(145deg,#fff,#fcf8ff)}.app-dashboard-widget h4{font-size:13px;font-weight:650;color:#795385;margin:0 0 12px}.app-dashboard-widget p{font-size:11px;color:#8d7c94}.app-dashboard-widget--metric{grid-column:1/-1}.app-dashboard-value{display:block;font-size:38px;line-height:1.2;color:#963cc0}.app-dashboard-chart{height:150px;display:grid;place-items:center}.app-dashboard-chart svg{width:100%;max-height:150px}.app-dashboard-chart--donut svg{width:140px}.app-dashboard-chart text{font:700 27px system-ui;fill:#78418f}.app-dashboard-legend{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.app-dashboard-legend li{display:flex;justify-content:space-between;gap:6px;font-size:10px;border-radius:7px;padding:5px 7px;background:#f4ecf9;color:#80638d}.app-dashboard-legend strong{color:#633777}.app-preview-stage--mobile .app-dashboard-grid{grid-template-columns:1fr}@media(max-width:600px){.app-dashboard-grid{grid-template-columns:1fr}.app-dashboard-filters{align-items:stretch;flex-direction:column}.app-dashboard-filters select{width:100%}.app-dashboard-widget{padding:16px}}
.app-dashboard-heading{display:flex;align-items:center;gap:12px;margin:4px 0 14px}.app-dashboard-heading h3{margin:5px 0 0!important;font-size:22px!important;letter-spacing:-.04em;color:#30233d}.app-dashboard-heading-icon{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;background:#eee5ff;border-radius:16px;color:#7b4cc0}.app-dashboard-privacy{display:inline-flex;align-items:center;gap:6px;color:#5e776c;font-size:11px;padding:6px 9px;background:#eff7f3;border-radius:8px}
.app-dashboard-filters label>span,.app-dashboard-filters button{display:flex;align-items:center;gap:7px}.app-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.app-dashboard-widget{--app-accent:#8854c7;--app-tint:#f2eafb;padding:20px;background:#fff;border-color:#ece6f0;box-shadow:0 5px 22px #43255406}.app-dashboard-widget[data-tone=blue]{--app-accent:#2687ad;--app-tint:#e7f4fb}.app-dashboard-widget[data-tone=orange]{--app-accent:#be7035;--app-tint:#fff1e6}.app-dashboard-widget[data-tone=green]{--app-accent:#31886c;--app-tint:#e9f6ee}.app-dashboard-widget--metric{grid-column:auto}.app-dashboard-widget--line{grid-column:1/-1}.app-dashboard-widget-heading{display:flex;gap:10px;align-items:center;margin-bottom:15px}.app-dashboard-widget-icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:13px;background:var(--app-tint);color:var(--app-accent)}.app-dashboard-widget-heading h4{margin:0;color:#53445f;font-size:13px;line-height:1.45}.app-dashboard-value{color:var(--app-accent);font-size:36px;letter-spacing:-.045em;font-weight:750}.app-dashboard-widget .app-dashboard-note{color:#75697e;font-size:10px}.app-dashboard-widget details{border-top:1px solid #eee9f2;margin-top:12px;padding-top:10px;font-size:11px;color:#756284}.app-dashboard-widget summary{cursor:pointer;min-height:30px}.app-dashboard-trend.app-record-chart{border:0;background:transparent;margin:14px -4px 0;padding:0;color:var(--app-accent)}.app-dashboard-trend svg{max-height:240px;overflow:visible;color:var(--app-accent)}.app-dashboard-trend-label{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:650;color:#7a6b86}.app-dashboard-trend small{font-size:9px;color:#93879b}.app-dashboard-widget .app-record-chart-table{font-size:11px}.app-preview-stage--mobile .app-dashboard-grid{grid-template-columns:1fr}@media(max-width:600px){.app-dashboard-grid{grid-template-columns:1fr}.app-dashboard-heading h3{font-size:20px!important}.app-dashboard-widget{padding:18px}}

.app-dashboard-trend-label svg{width:14px!important;height:14px;flex:0 0 14px}
/* Interactive dashboard components share the site's violet surfaces and type. */
.app-dashboard-heading{padding:20px;border:1px solid #eee3f8;border-radius:20px;background:linear-gradient(115deg,#f4edff,#fff7fc);margin-bottom:12px}
.app-dashboard-widget{position:relative;border-radius:22px;background:linear-gradient(165deg,var(--app-tint),#fff 28%);border-top:3px solid var(--app-accent);box-shadow:0 8px 26px #39245508}
.app-dashboard-widget-heading{align-items:flex-start;margin-bottom:20px}.app-dashboard-widget-heading h4{padding-top:7px;font-size:14px;line-height:1.5}.app-dashboard-widget-icon{width:44px;height:44px;border-radius:15px;border:1px solid #ffffffcc;box-shadow:0 4px 12px #49335508}
.app-dashboard-total{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.app-dashboard-total .app-dashboard-value{font-size:42px;font-weight:800;line-height:1.1}.app-dashboard-total>span{font-size:11px;color:#756680}
.app-dashboard-metadata{display:flex;align-items:center;gap:9px;margin:13px 0 20px;flex-wrap:wrap;color:#7f7089;font-size:10px}.app-dashboard-metadata>span{display:inline-flex;gap:4px;align-items:center}.app-dashboard-operation{padding:5px 8px;border-radius:6px;background:var(--app-tint);color:var(--app-accent);font-weight:650}
.app-dashboard-trend.app-record-chart{margin:0;padding:0}.app-trend-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.app-trend-toolbar>span{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:650;color:#685674}
.app-trend-modes{display:flex;padding:3px;background:#f0edf4;border-radius:9px;gap:2px}.app-trend-modes button{display:inline-flex!important;align-items:center;justify-content:center;gap:4px;padding:7px!important;min-height:32px;border:0!important;border-radius:7px!important;background:transparent!important;font-size:10px!important;color:#756680!important;box-shadow:none!important}.app-trend-modes button[aria-pressed=true]{color:var(--app-accent)!important;background:white!important;box-shadow:0 2px 5px #3b285414!important}
.app-trend-canvas{border:1px solid #ece7f1;border-radius:14px;padding:12px 6px 10px;background:linear-gradient(180deg,#fff,#faf9fc)}.app-trend-selection{display:flex;gap:5px;align-items:center;flex-wrap:wrap;padding:0 8px 8px;font-size:10px;color:#80718a}.app-trend-selection>span:first-child{display:flex;align-items:center;gap:4px;margin-right:auto}.app-trend-selection strong{font-size:17px;color:var(--app-accent)}
.app-trend-picker{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 8px 0;border-top:1px solid #eee9f3}.app-trend-picker>span{display:flex;gap:4px;align-items:center;font-size:10px;color:#786781}.app-trend-picker select{max-width:55%;min-width:0;font:inherit;font-size:11px;color:#665370;padding:7px 5px;border:1px solid #e4dcea;background:#fff;border-radius:7px}
.app-trend-extremes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.app-trend-extremes>div{background:var(--app-tint);padding:10px;border-radius:10px;display:flex;flex-direction:column;gap:6px}.app-trend-extremes span{display:flex;align-items:center;gap:4px;font-size:10px;color:#73617e}.app-trend-extremes strong{color:var(--app-accent);font-size:17px}
.app-dashboard-widget .app-trend-footnote{font-size:9px;line-height:1.6;margin:9px 0;color:#8d7f96}.app-dashboard-widget summary{display:flex;align-items:center;gap:6px;font-weight:600;padding:8px 0;line-height:1.6}.app-dashboard-widget details[open] summary{color:var(--app-accent)}
.app-interactive-trend svg:not([viewBox="0 0 480 210"]){width:14px!important;height:14px!important;flex-shrink:0;display:inline-block}.app-interactive-trend svg[viewBox="0 0 480 210"]{width:100%;max-height:290px}.app-interactive-trend svg text{font-size:12px}.app-interactive-trend button:focus-visible,.app-trend-picker select:focus-visible{outline:2px solid var(--app-accent);outline-offset:3px}
@media(max-width:600px){.app-dashboard-heading{padding:14px}.app-dashboard-widget{padding:16px}.app-dashboard-total .app-dashboard-value{font-size:38px}.app-trend-modes button{min-height:36px}.app-trend-selection>span:last-child{display:none}}

.creation-workspace { position: relative; isolation: isolate; min-height: 100vh; color: #020617; background: radial-gradient(circle at 16% 36%,rgba(37,99,235,.18) 0,transparent 32%),radial-gradient(circle at 84% 38%,rgba(236,72,153,.20) 0,transparent 32%),linear-gradient(135deg,#f8fbff 0%,#fff 24%,#dbeafe 42%,#fbcfe8 68%,#fb7185 100%); }
.creation-workspace-video,.creation-workspace-overlay { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: -1; }
.creation-workspace-video { object-fit: cover; opacity: .16; }
.creation-workspace-overlay { background: linear-gradient(135deg,rgba(248,251,255,.92),rgba(255,255,255,.72),rgba(251,113,133,.22)); }
.creation-workspace-header { position: relative; display: flex; align-items: center; gap: 28px; min-height: 96px; padding: 0 32px; background: rgba(255,255,255,.62); border-bottom: 1px solid rgba(255,255,255,.82); backdrop-filter: blur(18px); }
.creation-workspace-header img { width: 210px; height: auto; display: block; }
.creation-workspace-header > span { color: #64748b; font-size: 14px; font-weight: 650; }
.creation-workspace-header small { margin-left: auto; padding: 8px 14px; border-radius: 999px; background: rgba(255,255,255,.8); border: 1px solid #eee4f7; color: #7c3aed; font-weight: 750; }
.creation-workspace-content { position: relative; max-width: 1120px; margin: 0 auto; padding: 28px 24px; }
.creation-workspace .app-chat { margin: 0; max-width: none; min-height: calc(100vh - 152px); display: flex; flex-direction: column; border-radius: 34px; padding: 30px; background: rgba(255,255,255,.94); border: 1px solid rgba(255,255,255,.82); box-shadow: 0 20px 60px rgba(15,23,42,.08); font-family: inherit; color: #020617; }
.creation-workspace .app-chat-log { flex: 1; }
.creation-workspace .app-chat h2 { font-size: 30px; font-weight: 850; letter-spacing: -.045em; color: #020617; }
.creation-workspace .app-chat-brand { color: #7c3aed; font-weight: 800; }
.creation-workspace .app-chat-heading p { color: #64748b; }
.creation-workspace .app-chat button { border-radius: 16px; font-family: inherit; min-height: 48px; font-weight: 800; }
.creation-workspace .app-chat-composer { border-radius: 26px; padding: 18px; border-color: #e7deed; box-shadow: 0 10px 24px rgba(15,23,42,.035); }
.creation-workspace .app-chat-composer textarea { font-family: inherit; color: #020617; }
.creation-workspace .app-chat-composer button,.creation-workspace .app-chat-confirm button { background: linear-gradient(135deg,#ff006e 0%,#d91cff 48%,#6d28ff 100%); color: #fff; border: 0; box-shadow: 0 12px 28px rgba(129,40,255,.16); padding: 14px 24px; }
.creation-workspace .app-chat-message { border-radius: 20px; }
.creation-workspace .app-chat-message[data-role=user] { background: linear-gradient(135deg,#fff1f7,#f1eaff); border: 1px solid #f1e3f8; }
.creation-workspace .app-chat-message[data-role=assistant] { background: #fafbfe; border-color: #edf0f5; }
.creation-workspace .app-chat-message p { color: #263246; }
.creation-workspace-content { max-width:1600px; box-sizing:border-box; }
.creation-workspace .app-chat.app-chat--studio { display:grid; min-height:0; padding:0; background:transparent; border:0; box-shadow:none; border-radius:0; }
.creation-workspace .app-chat--studio .app-chat-heading h2 { font-size:24px; }
.creation-workspace .app-chat--studio .app-chat-composer { padding:14px; border-radius:20px; }
@media (max-width: 600px) {
  .creation-workspace-header { padding: 16px; gap: 12px; flex-wrap: wrap; }
  .creation-workspace-header img { width: 165px; }
  .creation-workspace-header > span { order: 3; width: 100%; font-size: 12px; }
  .creation-workspace-content { padding: 12px; }
  .creation-workspace .app-chat { border-radius: 26px; padding: 22px 14px; }
  .creation-workspace .app-chat h2 { font-size: 26px; }
  .creation-workspace .app-chat-composer { padding: 14px; border-radius: 22px; }
}

.app-chat{width:100%;max-width:920px;margin:24px auto;background:#fff;color:#242733;border:1px solid #e7e1ed;border-radius:20px;padding:26px;text-align:left;font:14px/1.6 Inter,system-ui,sans-serif;box-sizing:border-box;overflow-wrap:anywhere}.app-chat *{box-sizing:border-box}.app-chat-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:18px;border-bottom:1px solid #eeeaf2}.app-chat-brand{font-size:12px;color:#8053aa;font-weight:700}.app-chat h2{font-size:25px;letter-spacing:-.025em;line-height:1.2;margin:7px 0 10px;color:#252135}.app-chat-heading p{color:#6e6979;margin:0;font-size:14px}.app-chat button{font:600 13px/1.4 Inter,system-ui,sans-serif;min-height:44px;border:1px solid #d7cce4;background:#fff;color:#5d3c80;border-radius:10px;padding:11px 16px;cursor:pointer;max-width:100%}.app-chat button:disabled{opacity:.5;cursor:default}.app-chat-log{padding:16px 0}.app-chat-message{padding:16px 20px;margin:14px 0;border-radius:13px;max-width:94%}.app-chat-message strong{font-size:11px;letter-spacing:.04em;color:#866b9f}.app-chat-message p{white-space:pre-wrap;margin:7px 0 0;color:#353140;line-height:1.75}.app-chat-message[data-role=user]{background:#f1ebf9;margin-left:auto}.app-chat-message[data-role=assistant]{background:#f9f9fc;border:1px solid #efedf3;margin-right:auto}.app-chat-message[data-role=user] strong{color:#6e518d}.app-chat-question{background:#fcf8ef;border:1px solid #ede0c3;border-radius:11px;padding:14px 18px;margin:16px 0}.app-chat-question>div{display:flex;flex-wrap:wrap;gap:10px}.app-chat details{border-top:1px solid #eee9f3;margin:20px 0;padding-top:14px}.app-chat summary{cursor:pointer;min-height:44px;color:#62457f;font-weight:600}.app-chat-plan li{margin:8px 0}.app-chat-plan h3{font-size:15px}.app-chat-note,.app-chat small{color:#817889;font-size:12px}.app-chat-recent{display:block;padding:10px;color:#694587}.app-chat-composer{border:1px solid #d9cde7;border-radius:14px;padding:14px;background:#fff;margin:24px 0 14px;box-shadow:0 5px 20px #38215608}.app-chat-composer label{font-size:12px;font-weight:600;color:#655773}.app-chat-composer textarea{display:block;width:100%;min-height:85px;padding:10px 0;border:0;resize:vertical;background:#fff;color:#292230;font:400 14px/1.6 Inter,system-ui,sans-serif}.app-chat-composer>div{display:flex;gap:14px;justify-content:space-between;align-items:center}.app-chat-composer button{background:#7545a1;color:#fff;border-color:#7545a1}.app-chat textarea:focus{outline:0}.app-chat-composer:focus-within{outline:3px solid #e0c8f4;outline-offset:2px}.app-chat button:focus-visible,.app-chat a:focus-visible,.app-chat summary:focus-visible{outline:3px solid #ceafea;outline-offset:3px}.app-chat-confirm{display:flex;gap:20px;align-items:center;justify-content:space-between}.app-chat-confirm p{font-size:12px;color:#807287;max-width:540px}.app-chat [role=alert]{background:#fff3f5;color:#8f2c46;padding:12px;border-radius:9px}.app-chat a{color:#72479b}
@media(max-width:650px){.app-chat{padding:18px 12px;border-radius:14px}.app-chat h2{font-size:22px}.app-chat-message{max-width:100%;padding:13px 15px}.app-chat-composer>div,.app-chat-confirm{align-items:flex-start;flex-direction:column;gap:10px}.app-chat-composer button,.app-chat-confirm button{width:100%}.app-chat-question button{width:100%}}
.app-chat--studio { display:grid; grid-template-columns:minmax(320px,.85fr) minmax(0,1.5fr); gap:20px; max-width:1600px; padding:0; background:transparent; border:0; box-shadow:none; align-items:stretch; }
.app-chat--studio>.app-chat-conversation { min-width:0; min-height:560px; height:calc(100dvh - 148px); display:flex; flex-direction:column; padding:22px; overflow:auto; border:1px solid #eee5f3; border-radius:28px; background:#fffffff5; scrollbar-width:thin; }
.app-chat--studio>.app-plan-preview { min-height:560px; height:calc(100dvh - 148px); }
.app-chat--studio .app-chat-heading h2 { font-size:24px; }
.app-chat--studio .app-chat-heading p { font-size:12px; }
.app-chat--studio .app-chat-message { max-width:100%; padding:14px 16px; font-size:13px; }
.app-chat--studio .app-chat-log { flex:1 1 auto; min-height:140px; overflow:auto; scrollbar-width:thin; padding:12px 0; }
.app-chat--studio .app-chat-composer { margin-top:20px; padding:14px; }
.app-chat--studio .app-chat-composer>div,.app-chat--studio .app-chat-confirm { align-items:flex-start; flex-direction:column; gap:10px; }
.app-chat--studio .app-chat-composer button,.app-chat--studio .app-chat-confirm button { width:100%; }
.app-studio-mobile-switch { display:none; }
.app-chat--studio .app-access-panel { padding:18px 14px; }
.app-chat--studio .app-access-fields { grid-template-columns:1fr; }
.app-chat--studio .app-access-members li { flex-direction:column; align-items:flex-start; }
@media(max-width:980px) {
 .app-chat--studio { grid-template-columns:minmax(0,1fr); gap:12px; }
 .app-studio-mobile-switch { display:flex; padding:4px; border-radius:17px; background:#ffffffe6; border:1px solid #eee5f4; gap:4px; }
 .app-studio-mobile-switch button { flex:1; border:0; background:transparent; }
 .app-studio-mobile-switch button[aria-pressed=true] { background:#f5eafb; color:#8b33c7; }
 .app-chat--studio[data-mobile-view=chat]>.app-plan-preview,.app-chat--studio[data-mobile-view=preview]>.app-chat-conversation { display:none; }
 .app-chat--studio>.app-chat-conversation { height:auto; min-height:calc(100dvh - 220px); }
 .app-chat--studio>.app-plan-preview { height:calc(100dvh - 220px); min-height:560px; }
}

.app-sharing select { display:block; box-sizing:border-box; width:100%; min-width:0; min-height:44px; padding:10px; margin-top:6px; border:1px solid #e6d9ee; border-radius:12px; background:#fff; color:#31243b; font:inherit; }
.app-sharing select:focus-visible { outline:3px solid #c694e6; outline-offset:2px; }
.app-sharing small { display:block; margin:12px 0; font-size:12px; line-height:1.5; }
.app-sharing-cards { display:grid; gap:12px; margin:16px 0; }
.app-sharing-cards article,.app-sharing-confirm { padding:14px; border:1px solid #e6d9ee; border-radius:12px; background:#fcf9ff; overflow-wrap:anywhere; }
.app-sharing button { max-width:100%; white-space:normal; }
.app-sharing-cards button { display:block; margin-top:10px; }
.app-sharing-confirm button { margin:6px; }
.app-sharing-reading { margin:20px 0; }
.app-sharing details { margin-top:20px; font-size:12px; line-height:1.7; }

.app-contacts { min-width:0; color:#31243b; }
.app-contacts-badge { font-size:10px; letter-spacing:.1em; font-weight:800; color:#9138c7; }
.app-contacts p { font-size:12px; line-height:1.6; }
.app-contacts-table { max-width:100%; overflow:auto; border:1px solid #eadff1; border-radius:14px; }
.app-contacts table { border-collapse:collapse; width:100%; font-size:12px; }.app-contacts caption { padding:12px; text-align:left; background:#faf4ff; }.app-contacts th,.app-contacts td { padding:12px; text-align:left; border-bottom:1px solid #f1e9f7; overflow-wrap:anywhere; }
.app-contacts label { display:block; font-size:12px; margin:14px 0; }.app-contacts input:not([type=checkbox]) { display:block; width:100%; box-sizing:border-box; min-height:44px; border:1px solid #e6d9ee; border-radius:12px; padding:10px; margin-top:6px; background:#fff; color:#31243b; font:inherit; }
.app-contacts .app-contacts-check { display:flex; gap:10px; align-items:flex-start; }.app-contacts input[type=checkbox] { width:18px; height:18px; flex-shrink:0; accent-color:#9c38d0; }
.app-contacts-paging { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:14px 0; font-size:11px; }.app-contacts [role=alert] { background:#fff3f6; color:#9e3252; }
.app-contacts button:focus-visible,.app-contacts input:focus-visible { outline:3px solid #c694e6; outline-offset:2px; }

.app-plan-preview { min-width:0; display:flex; flex-direction:column; background:rgba(255,255,255,.96); border:1px solid #eae2ef; border-radius:28px; overflow:hidden; color:#202033; font-size:14px; line-height:1.5; font-family:inherit; }
.app-preview-toolbar { display:flex; justify-content:space-between; gap:12px; align-items:center; padding:22px 24px 18px; border-bottom:1px solid #f0eaf4; }
.app-preview-toolbar>div>span { font-size:10px; letter-spacing:.12em; font-weight:800; color:#913bcb; }
.app-chat .app-plan-preview .app-preview-toolbar h2 { font-size:18px; margin:6px 0 0; letter-spacing:-.035em; }
.app-preview-devices { display:flex; flex-shrink:0; border:1px solid #eadff2; padding:3px; border-radius:14px; gap:2px; }
.app-chat .app-plan-preview .app-preview-devices button { min-height:38px; min-width:38px; padding:6px; border:0; border-radius:10px; font-size:20px; }
.app-preview-devices button[aria-pressed=true] { background:#f4e9fc; color:#892bcc; }
.app-preview-state { display:flex; flex-wrap:wrap; gap:8px; justify-content:space-between; padding:12px 24px; color:#78528b; font-size:11px; }
.app-preview-state>span { background:#f7effc; padding:3px 9px; border-radius:20px; }
.app-preview-stage { flex:1; min-height:0; overflow:auto; padding:0 18px 18px; background:#fcfbfe; }
.app-preview-frame { min-height:100%; margin:0 auto; border:1px solid #e8e2ee; border-radius:20px; background:#fff; overflow:hidden; }
.app-preview-stage--mobile .app-preview-frame { max-width:375px; border:5px solid #e9e2ef; border-radius:28px; }
.app-preview-app-header { display:flex; align-items:center; gap:10px; padding:18px; border-bottom:1px solid #f1ecf5; }
.app-preview-app-header>div { min-width:0; }
.app-preview-app-header strong { display:block; font-size:15px; overflow-wrap:anywhere; }
.app-preview-app-header small { display:block; color:#8b8094; font-size:10px; }
.app-preview-app-mark { display:grid; place-items:center; width:34px; height:34px; flex-shrink:0; border-radius:11px; background:linear-gradient(135deg,#ffedf7,#efe5ff); color:#a52bce; font-size:23px; }
.app-preview-private { margin-left:auto; font-size:10px; color:#887692; background:#f8f5fb; padding:4px 8px; border-radius:15px; }
.app-preview-navigation { display:flex; flex-wrap:wrap; gap:4px; padding:10px 12px; border-bottom:1px solid #f1ecf5; }
.app-chat .app-plan-preview .app-preview-navigation button { min-height:40px; font-size:11px; padding:8px 12px; border:0; border-radius:10px; color:#8d7f98; }
.app-preview-navigation button[aria-pressed=true] { background:#f7edfe; color:#8630be!important; }
.app-preview-screen { padding:24px 20px; min-height:300px; }
.app-preview-screen-heading { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.app-preview-screen-heading small { font-size:10px; color:#a18aa9; text-transform:uppercase; letter-spacing:.08em; }
.app-preview-screen h3 { color:#292035; font-size:23px; letter-spacing:-.04em; line-height:1.2; margin:6px 0; }
.app-preview-tag { background:#faf4fc; border:1px solid #efdfef; border-radius:16px; font-size:10px; padding:4px 8px; color:#98709c; }
.app-preview-intro { color:#9a8ba2; margin:10px 0 22px; font-size:12px; }
.app-preview-widgets { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.app-preview-widget { min-width:0; border:1px solid #eee6f2; border-radius:17px; padding:17px; background:linear-gradient(145deg,#fff,#fdfaff); }
.app-preview-widget h4 { margin:0 0 16px; color:#7c6887; font-size:12px; font-weight:650; }
.app-preview-widget small { font-size:10px; color:#b09cbb; }
.app-preview-widget--metric { grid-column:1/-1; }
.app-preview-metric { display:block; font-size:36px; line-height:1.2; color:#c3a6d5; margin-bottom:10px; }
.app-preview-chart { display:flex; gap:9px; align-items:center; justify-content:center; height:90px; margin:12px 0 16px; }
.app-preview-chart--donut>span { width:74px; height:74px; border:12px solid #f0e7f6; border-radius:50%; box-sizing:border-box; }
.app-preview-chart i { display:block; width:12%; height:46px; border-radius:6px; background:#f0e7f6; }
.app-preview-chart--line { border-bottom:1px dashed #e9ddef; background:repeating-linear-gradient(to bottom,transparent 0,transparent 28px,#f4eef8 29px,#f4eef8 30px); }
.app-preview-chart--line i { width:13%; height:3px; background:#decae9; border-radius:3px; }
.app-preview-list-actions { display:flex; gap:12px; justify-content:space-between; align-items:center; margin:18px 0; }
.app-preview-list-actions p,.app-preview-form>p { font-size:12px; color:#94819e; }
.app-chat .app-plan-preview .app-preview-list-actions button { font-size:10px; padding:8px 10px; white-space:nowrap; }
.app-preview-table-wrap { max-width:100%; overflow:auto; border:1px solid #eee6f3; border-radius:15px; }
.app-preview-table-wrap table { width:100%; border-collapse:collapse; font-size:11px; }
.app-preview-table-wrap caption { text-align:left; padding:12px; color:#9a81a7; background:#fdfaff; }
.app-preview-table-wrap th { padding:13px 12px; text-align:left; background:#faf6fd; color:#947aa3; font-weight:600; }
.app-preview-empty { padding:28px 12px; text-align:center; color:#b59cc0; }
.app-preview-empty>span { display:block; margin-bottom:10px; font-size:28px; color:#cdb4db; }
.app-preview-empty strong { display:block; font-size:13px; color:#9478a3; }
.app-preview-empty p { font-size:11px; margin:8px auto; max-width:270px; }
.app-preview-form fieldset { min-width:0; border:0; padding:0; margin:20px 0; }
.app-preview-form legend { font-size:11px; color:#a18da9; margin-bottom:4px; }
.app-preview-field { display:block; margin:16px 0; color:#a28bae; font-size:12px; }
.app-preview-field input,.app-preview-field select { display:block; width:100%; min-width:0; min-height:44px; padding:10px; margin-top:6px; border:1px solid #eadff0; border-radius:12px; background:#fdfbff; color:#9c8aa7; font:inherit; box-sizing:border-box; }
.app-preview-field input[type=checkbox] { width:18px; min-height:18px; }
.app-preview-roles { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:20px 0; }
.app-preview-roles article { padding:15px; border-radius:15px; border:1px solid #eee5f4; background:#fdfbff; }
.app-preview-roles strong { font-size:12px; color:#856494; }.app-preview-roles p { font-size:11px; color:#a18aaf; }.app-preview-roles small { font-size:10px; }
.app-preview-access-note { font-size:11px; color:#9a85a7; }
.app-preview-footer { padding:14px 24px; border-top:1px solid #f0e8f5; color:#94789f; font-size:10px; line-height:1.6; }
.app-preview-pending { margin:0!important; padding:12px 24px!important; font-size:11px; color:#96799f; }
.app-preview-pending summary { min-height:32px; }
.app-preview-waiting { display:flex; flex:1; flex-direction:column; justify-content:center; align-items:center; padding:42px; text-align:center; color:#a792b4; min-height:400px; }
.app-preview-waiting>span { font-size:55px; color:#d6b8ea; }.app-preview-waiting h3 { color:#886b9c; font-size:19px; }.app-preview-waiting p { font-size:13px; max-width:300px; }
.app-preview-stage--mobile .app-preview-widgets,.app-preview-stage--mobile .app-preview-roles { grid-template-columns:1fr; }
.app-preview-stage--mobile .app-preview-screen { padding:20px 14px; }.app-preview-stage--mobile .app-preview-list-actions { align-items:flex-start; flex-direction:column; }
.app-plan-preview p,.app-plan-preview small,.app-preview-footer { color:#7d698b; }
.app-chat .app-plan-preview .app-preview-navigation button { color:#796586; }
.app-chat .app-plan-preview .app-preview-navigation button{display:inline-flex;align-items:center;gap:7px;text-align:left}.app-preview-navigation svg{flex-shrink:0}.app-plan-preview>button{display:flex;align-items:center;justify-content:center;gap:8px}.app-preview-app-mark{display:grid;place-items:center}.app-preview-screen>button{display:inline-flex;align-items:center;gap:7px}
@media(max-width:650px) { .app-preview-toolbar { padding:18px; }.app-preview-toolbar h2 { font-size:16px; }.app-preview-stage { padding:0 10px 12px; }.app-preview-screen { padding:20px 14px; }.app-preview-widgets,.app-preview-roles { grid-template-columns:1fr; }.app-preview-state { padding:12px 18px; }.app-preview-footer { padding:14px 18px; }.app-preview-list-actions { align-items:flex-start; flex-direction:column; } }
/* Navigation cards: shared with every generated app, no domain-specific routes. */
.app-preview-shortcut-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:20px 18px 12px;background:#fcfaff}.app-preview-shortcut-heading>span{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:750;color:#4d365f}.app-preview-shortcut-heading>span svg{color:#9757c6}.app-preview-shortcut-heading small{font-size:10px;color:#8a7897}
.app-preview-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 18px 20px;background:#fcfaff;border-bottom:1px solid #ede5f4}
.app-chat .app-plan-preview .app-preview-navigation button{--shortcut-accent:#8751bf;--shortcut-tint:#f1e8fc;display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:0;min-height:140px;padding:15px;border:1px solid #e9e2ef;border-radius:17px;background:#fff;color:#554063;text-align:left;box-shadow:0 3px 9px #4c2c6504;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}
.app-chat .app-plan-preview .app-preview-navigation button[data-tone=blue]{--shortcut-accent:#247c9f;--shortcut-tint:#e5f4fa}.app-chat .app-plan-preview .app-preview-navigation button[data-tone=orange]{--shortcut-accent:#b7642c;--shortcut-tint:#fff0e4}.app-chat .app-plan-preview .app-preview-navigation button[data-tone=green]{--shortcut-accent:#2c8063;--shortcut-tint:#e6f5ed}
.app-chat .app-plan-preview .app-preview-navigation button:hover:not(:disabled){transform:translateY(-2px);border-color:var(--shortcut-accent);box-shadow:0 7px 18px #54316d12}.app-chat .app-plan-preview .app-preview-navigation button[aria-pressed=true]{border-color:var(--shortcut-accent);background:linear-gradient(135deg,var(--shortcut-tint),#fff);box-shadow:0 0 0 1px var(--shortcut-accent),0 5px 15px #54316d0c;color:#473253!important}.app-chat .app-plan-preview .app-preview-navigation button:focus-visible{outline:3px solid var(--shortcut-accent);outline-offset:3px}.app-chat .app-plan-preview .app-preview-navigation button:disabled{opacity:.5;cursor:wait}
.app-preview-shortcut-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.app-preview-shortcut-icon{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--shortcut-tint);color:var(--shortcut-accent);border:1px solid #ffffffb3}.app-preview-shortcut-plus{position:absolute;bottom:-3px;right:-3px;width:17px;height:17px;display:grid;place-items:center;border:2px solid #fff;border-radius:6px;background:var(--shortcut-accent);color:#fff}.app-preview-shortcut-indicator{width:23px;height:23px;display:grid;place-items:center;color:#b1a0bc;border-radius:50%}.app-preview-navigation button[aria-pressed=true] .app-preview-shortcut-indicator{background:var(--shortcut-accent);color:#fff}.app-preview-shortcut-label{display:block;font-size:12px;font-weight:750;line-height:1.45;overflow-wrap:anywhere}.app-preview-shortcut-hint{display:block;font-size:9px;font-weight:400;color:#8a7896;line-height:1.5;margin-top:5px}
.app-chat .app-plan-preview>button.app-preview-sharing-shortcut{display:flex;align-items:center;justify-content:flex-start;gap:11px;text-align:left;margin:0 18px 14px;padding:12px 14px;border:1px solid #e6dcf0;border-radius:15px;background:linear-gradient(110deg,#f7f0ff,#fff);box-shadow:0 3px 10px #5a367006}.app-preview-sharing-icon{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;border-radius:12px;background:#eee1fb;color:#8650b4}.app-preview-sharing-shortcut>span:nth-child(2){flex:1;min-width:0}.app-preview-sharing-shortcut strong{display:block;font-size:12px;line-height:1.4;color:#614276}.app-preview-sharing-shortcut small{display:block;font-size:9px;font-weight:400;margin-top:3px;color:#8d789b}.app-preview-sharing-shortcut>svg{flex-shrink:0;color:#a08bad}
.app-preview-stage--mobile .app-preview-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 12px 16px}.app-preview-stage--mobile .app-preview-shortcut-heading{padding:16px 12px 12px}.app-preview-stage--mobile .app-preview-navigation button{padding:12px;min-height:145px}
@media(max-width:600px){.app-preview-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 12px 16px}.app-chat .app-plan-preview .app-preview-navigation button{padding:12px;min-height:145px}.app-preview-shortcut-heading{padding:16px 12px 12px}.app-preview-shortcut-label{font-size:11px}.app-preview-shortcut-hint{font-size:9px}.app-chat .app-plan-preview>button.app-preview-sharing-shortcut{margin:0 10px 12px;padding:10px}.app-preview-sharing-shortcut small{display:none}}
@media(prefers-reduced-motion:reduce){.app-chat .app-plan-preview .app-preview-navigation button{transition:none}.app-chat .app-plan-preview .app-preview-navigation button:hover:not(:disabled){transform:none}}

.app-custom-records { min-width: 0; }
.app-custom-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: 12px; }
.app-custom-fields label { min-width: 0; }
.app-custom-records input, .app-custom-records select { box-sizing: border-box; max-width: 100%; min-width: 0; }
.app-custom-records select { display: block; width: 100%; min-height: 44px; border: 1px solid #e6d9ee; border-radius: 12px; padding: 10px; margin-top: 6px; background: #fff; color: #31243b; font: inherit; }
.app-custom-records select:focus-visible { outline: 3px solid #c694e6; outline-offset: 2px; }
.app-custom-history { display: grid; gap: 12px; }
.app-custom-history article { border: 1px solid #e2e8f0; border-radius: 12px; padding: 16px; background: #fff; }
.app-custom-history small { color: #64748b; }
.app-custom-history dl { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(160px, 100%), 1fr)); gap: 12px; margin: 12px 0 0; }
.app-custom-history dt { font-size: 12px; color: #64748b; }
.app-custom-history dd { margin: 3px 0 0; overflow-wrap: anywhere; white-space: pre-wrap; }

.app-access-panel { margin: 22px 0; padding: 24px; border-radius: 26px; border: 1px solid #eadff4; background: #fff; text-align: left; color: #172033; }
.app-access-panel > header,.app-access-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.app-access-badge { font-size: 10px; letter-spacing: .12em; color: #7c3aed; font-weight: 800; }
.app-access-panel h3 { margin: 6px 0; font-size: 25px; letter-spacing: -.035em; color: #020617; }
.app-access-panel h4 { margin: 22px 0 12px; font-size: 15px; }
.app-access-description,.app-access-note { color: #64748b; font-size: 12px; line-height: 1.65; }
.app-access-panel .app-access-primary { background: linear-gradient(135deg,#ff006e 0%,#d91cff 48%,#6d28ff 100%); color: #fff; border: 0; }
.app-access-current { padding: 12px 16px; background: #f8f3ff; border-radius: 16px; color: #6c3e91; font-size: 13px; }
.app-access-members,.app-access-permissions { list-style: none; margin: 0; padding: 0; }
.app-access-members li { display: flex; gap: 12px; align-items: center; justify-content: space-between; padding: 14px 0; border-bottom: 1px solid #f0eaf6; }
.app-access-members li > div:first-child { display: flex; flex-direction: column; gap: 3px; }
.app-access-members span { color: #7c6f88; font-size: 12px; }
.app-access-members li > div:last-child { display: flex; flex-wrap: wrap; gap: 8px; }
.app-access-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.app-access-fields label { display: block; color: #64748b; font-size: 12px; }
.app-access-fields select { display: block; width: 100%; min-width: 0; min-height: 48px; margin-top: 7px; padding: 10px; border: 1px solid #e5daee; border-radius: 16px; background: #fff; color: #172033; font: inherit; }
.app-access-check { display: flex; gap: 10px; align-items: flex-start; margin: 16px 0; font-size: 12px; color: #695573; }
.app-access-check input { accent-color: #a832e4; margin-top: 4px; width: 16px; height: 16px; flex-shrink: 0; }
.app-access-review { background: #fff9ef; border: 1px solid #f1dfb9; border-radius: 16px; padding: 14px; margin: 16px 0; }
.app-access-permissions li { display: flex; flex-wrap: wrap; gap: 8px 16px; padding: 12px 0; border-bottom: 1px solid #f0eaf6; font-size: 12px; }
.app-access-permissions small { width: 100%; }
@media(max-width:650px) { .app-access-panel { padding: 18px 14px; } .app-access-fields { grid-template-columns: 1fr; } .app-access-members li { align-items: flex-start; flex-direction: column; } .app-access-actions { flex-wrap: wrap; } }