/* Contact application theme. Loaded after page styles; previews keep their own theme. */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--app-font:'Plus Jakarta Sans',sans-serif;--ink:#1d1c2e;--muted:#605c69;--paper:#f7f4ee;--white:#fffefa;--line:#d9d2d8;--coral:#ef765f;--coral-dark:#b74634;--lavender:#ddd5ff;--sidebar:#1d1c2e;--shadow:0 22px 65px #30233918}
body{font-family:var(--app-font);background:radial-gradient(ellipse at 95% 0,#ddd5ff66,transparent 45%),var(--paper);line-height:1.6;color:var(--ink)}
button,input,select,textarea,.link-button,.workspace-create,.mode-toggle button,.inbox-filters button,.social-button{font-family:var(--app-font)}
.dashboard-top h1,.section-title-row h2,.onboarding-card h2,.app-dialog h2,.roles-grid h3,.invite-panel h1,.invite-art strong,.auth-card h1,.auth-art-card h2,.new-form-card strong,.submission-count strong,.form-thumbnail h3{font-family:var(--app-font);font-weight:650;letter-spacing:-.045em;line-height:1.15}
.dashboard-top p{font:500 12px/1.6 var(--app-font);color:var(--muted)}
.dashboard-top h1{font-size:clamp(28px,3vw,42px)}.section-title-row h2{font-size:26px}.auth-card h1{font-size:44px}.auth-art-card h2{font-size:32px}
.dashboard-top{padding-bottom:26px;border-bottom:1px solid var(--line);margin-bottom:30px}
.dashboard-sidebar{background:radial-gradient(ellipse at 0 10%,#735ee726,transparent 65%),#1d1c2e;border-right:1px solid #ffffff16;padding-top:32px}
.dashboard-sidebar .brand{color:#fffefa}.dashboard-sidebar .brand span{color:#c4bdce}
.brand i{border-radius:50%;border:1px solid #ef765f80;background:radial-gradient(circle at 25% 15%,#f8d7cc,#b74634 70%,#ef765f);box-shadow:inset 0 1px 4px #fff8}
.dashboard-sidebar .nav-icon{border-radius:3px;box-shadow:none}
.dash-nav a{min-height:46px;border:1px solid transparent;border-radius:12px;color:#c4bdce;font-size:12px}
.dashboard-sidebar .dash-nav a.active{background:linear-gradient(120deg,#ddd5ff24,#ddd5ff0b);border-color:#ddd5ff26;color:#fffefa}
.dashboard-sidebar .dash-nav a.active:before{background:#ef765f;border-radius:6px}
.dash-nav a:hover{background:#ddd5ff18}.dash-nav .secondary,.secondary>span,.user-card small,.workspace-button small,.workspace-button .updown{color:#b7aec7}
.workspace-button{background:#ffffff07;border-color:#ddd5ff30;border-radius:14px;padding-block:12px}
.workspace-mark,.avatar{border-radius:50%;box-shadow:inset 0 2px 5px #fff9,0 4px 12px #0001;border:1px solid #ffffff50}
.workspace-mark{background:radial-gradient(circle at 25% 20%,#fffefa,#bcebd0 70%,#7fbb9a)}
.workspace-menu,.card-menu{border-radius:14px;background:#fffefa;box-shadow:0 20px 50px #1d1c2e30}
.user-card{border-top-color:#ddd5ff30}.user-card small{font-size:10px}.user-card strong{font-size:12px}
.button,.auth-form button:not(.link-button),.social-button{border-radius:99px;transition:background .2s,box-shadow .2s,transform .2s}
.button-primary,.auth-form button:not(.link-button){background:linear-gradient(135deg,#b74634,#a83c2d);color:#fffefa;box-shadow:0 8px 22px #b7463420}
.button-primary:hover,.auth-form button:not(.link-button):hover{background:#9b3829;box-shadow:0 10px 30px #b7463433}
.button-quiet{background:#fffefa90;border-color:#b6aabb}.button-quiet:hover{background:#fffefa}
:focus-visible{outline:3px solid #735ee7;outline-offset:3px}
.dashboard-sidebar :focus-visible,.onboarding-card :focus-visible{outline-color:#ddd5ff}
.onboarding-card{background:radial-gradient(ellipse at 85% 40%,#735ee733,transparent 65%),#1d1c2e;border:1px solid #ddd5ff30;border-radius:24px;padding:36px;gap:36px;box-shadow:0 18px 40px #30233918}
.onboarding-card:after{width:110px;height:110px;left:auto;top:-55px;right:30px;border:1px solid #f8d7cc66;background:radial-gradient(circle at 25% 20%,#ffffff50,#ef765f12 65%,#ef765f55);box-shadow:inset 0 2px 10px #fff3}
.onboarding-card h2{font-size:28px}.onboarding-card p,.progress-copy{color:#c4bdce}.progress-block li.done{color:#c4bdce}
.pill{background:#f8d7cc;color:#753124}.progress-block li>span{box-shadow:inset 0 1px 3px #fff3}.progress-track span{background:linear-gradient(90deg,#ef765f,#ddd5ff)}
.form-summary,.new-form-card,.activity-table,.members-table,.activity-log,.roles-grid article,.webhook-card,.builder-plan-section,.manual-field-card{border-radius:18px;background:linear-gradient(135deg,#fffefa,#fffefaaf);border-color:var(--line);box-shadow:inset 0 1px #fff,0 12px 32px #30233908}
.form-summary{transition:box-shadow .25s,border-color .25s}.form-summary:hover{border-color:#b9a6cd;box-shadow:0 18px 40px #30233918}
.form-thumbnail{border-radius:12px;margin:0 12px;background:linear-gradient(140deg,#eee8ff,#ddd5ff)}
.form-summary:nth-child(3n+2) .form-thumbnail{background:linear-gradient(140deg,#edfaf2,#bcebd0)}
.form-summary:nth-child(3n+3) .form-thumbnail{background:linear-gradient(140deg,#fff5ef,#f8d7cc)}
.new-form-card>span,.manual-field-order{background:radial-gradient(circle at 25% 20%,#fff,#ddd5ff80 65%,#c0aadf);border:1px solid #c5b2df;color:#493264;box-shadow:inset 0 2px 4px #fff9}
.new-form-card strong{font-size:17px}.new-form-card{background:#fffefa66}
.activity-row.table-head,.member-row.head{background:#eee8f4;color:#595165}
.activity-row:not(.table-head):hover,.inbox-row:not(.table-head):hover{background:#f1ecff}
.card-links{background:#f7f4ee80}.card-link:hover{background:#f8d7cc50}
.app-dialog{background:linear-gradient(135deg,#fffefa,#f2edf8);border:1px solid #fff;border-radius:24px;box-shadow:0 30px 90px #1d1c2e50}
.app-dialog::backdrop{background:#1d1c2eb3;backdrop-filter:blur(5px)}.app-dialog h2{font-size:28px}
.app-dialog input,.app-dialog select,.form-field input,.form-field select,.form-field textarea,.app-dialog textarea,.auth-form input,.inbox-toolbar input[type=search]{border-radius:10px;background:#fffefa;border-color:#b7aebb}
input:focus,select:focus,textarea:focus{outline:2px solid #735ee7;outline-offset:2px}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.app-dialog input:focus,.app-dialog select:focus,.app-dialog textarea:focus,.auth-form input:focus{border-color:#735ee7;box-shadow:0 0 0 3px #735ee719}
.settings-section{max-width:760px;padding:26px;margin-bottom:24px;background:linear-gradient(135deg,#fffefa,#fffefaab);border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 32px #30233908}
.settings-section .section-title-row{margin-bottom:20px}.settings-section .two-step{max-width:100%}
.danger-section{border-color:#dfb9ad;background:#fff4ef}
.roles-grid article{padding:24px}.roles-grid h3{font-size:19px}
.webhook-card{padding:24px}.webhook-head h3{font-size:17px;letter-spacing:-.025em}.integrations-empty{background:#fffefa80;border-radius:18px}
.mode-toggle{border-radius:99px;padding:5px;background:#eee8f4}.mode-toggle button{border-radius:99px}.mode-toggle button.active{background:#1d1c2e;box-shadow:0 4px 12px #1d1c2e20}
.composer{border-radius:18px;background:linear-gradient(135deg,#fffefa,#f1ecff);border-color:#bcaacb;box-shadow:0 10px 30px #3023390c}
.composer-bar{background:#ffffff50;border-color:#d9cfe1}
.manual-field-card-header{background:#f5f1f8}.manual-field-card.expanded{border-color:#af98c9;box-shadow:0 10px 30px #735ee712}
.manual-field-controls button{border-radius:99px}.manual-field-toggle:hover{background:#eee7f5}
.builder-plan-section{padding:26px}.form-preview-frame{border-radius:18px;box-shadow:0 18px 45px #30233915;border-color:#c7b7d2}
.code-block,.snippet,.html-editor{background:#25233a;border:1px solid #514d65;border-radius:12px}
.code-block code{color:#bcebd0}.code-block button{border-radius:99px;background:#ddd5ff}
.integration-tabs button.active,.inbox-filters button.active{background:#1d1c2e;color:#fffefa;box-shadow:0 4px 12px #1d1c2e15}
.inbox-row.unread{background:#f1ecff66}.inbox-row.unread>span:first-child{border-left:3px solid #735ee7;padding-left:5px}
.meta-list{background:#ede7f6;border:1px solid #d9cfe4;border-radius:14px;padding:18px}
.toast{background:#1d1c2e;border:1px solid #ddd5ff40;border-radius:14px}
.progress-orb:after{inset:8px;border:1px solid #ef765f90;background:radial-gradient(circle at 25% 20%,#fff,#f8d7cc 55%,#ef765f);box-shadow:inset 0 2px 5px #fff9,0 8px 20px #ef765f33}
.auth-panel{background:radial-gradient(ellipse at 0 10%,#ddd5ff44,transparent 55%),#f7f4ee}
.auth-card{margin-top:50px}.auth-note{color:#605c69}.auth-card .eyebrow{font-family:var(--app-font)}
.auth-art{background:radial-gradient(ellipse at 80% 20%,#735ee72a,transparent 60%),#1d1c2e;border:1px solid #ddd5ff30}
.auth-art:before{width:240px;height:240px;right:-40px;top:-50px;border-color:#ddd5ff66;background:radial-gradient(circle at 25% 20%,#ffffff30,#735ee720 60%,#ddd5ff44);box-shadow:inset 0 1px 15px #fff2,0 0 0 85px #ddd5ff06,0 0 0 170px #ddd5ff05}
.auth-art:after{content:"";position:absolute;left:7%;bottom:9%;width:95px;height:95px;border-radius:50%;border:1px solid #ef765f66;background:radial-gradient(circle at 25% 20%,#ffffff66,#ef765f22 60%,#ef765f66);box-shadow:inset 0 2px 8px #fff4}
.auth-art-card{background:linear-gradient(135deg,#fffefa,#f1ecff);border:1px solid #fffefa80;border-radius:24px;box-shadow:0 30px 70px #0004;transition:transform .4s}
.auth-art-card:hover{transform:rotate(0)}.auth-art-card .pill{color:#753124}
.invite-screen{border-radius:24px;background:#fffefa}.invite-art{background:radial-gradient(ellipse at 80% 20%,#735ee733,transparent 60%),#1d1c2e}
.invite-art div{border:1px solid #ddd5ff60;background:linear-gradient(135deg,#fffefa,#f1ecff);border-radius:22px}
@media(max-width:760px){.dashboard-main{padding-inline:18px}.dashboard-top{gap:12px}.dashboard-top h1{font-size:28px}.onboarding-card{padding:26px}.settings-section{padding:22px 18px}.builder-plan-section{padding:22px 18px}.app-dialog>form{padding:30px 22px}.auth-card h1{font-size:38px}.auth-card{margin-top:45px}.roles-grid article{padding:20px}.dash-mobile-header{background:#1d1c2e;border-bottom:1px solid #ddd5ff25}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.brand{text-decoration:none}.auth-links a{color:var(--coral-dark);text-underline-offset:3px}
.dashboard-top>div{min-width:0}.dashboard-top h1{overflow-wrap:anywhere}
.dashboard-top .button{flex-shrink:0}
.activity-log li{min-width:0}.activity-log li>span{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){.dashboard-top{flex-wrap:wrap}.activity-log li{flex-wrap:wrap}.builder-top-actions{flex-wrap:wrap}.dashboard-top>div:has(>.button){display:flex;flex-wrap:wrap;gap:8px}}
@media(max-width:760px){.dashboard-top .button{width:auto;min-height:44px;padding:0 16px;font-size:12px}.dashboard-top .builder-menu-button{width:44px;padding:0}.auth-links{flex-wrap:wrap;gap:12px}}
@media(max-width:760px){.members-table{max-width:100%;overflow-x:auto}.member-row{min-width:640px}.member-row.head .sr-only{position:relative;clip:auto;width:auto;height:auto;white-space:normal}}
.builder-editor{container-type:inline-size}
@container(max-width:600px){.manual-field-card-header{flex-wrap:wrap;gap:8px}.manual-field-toggle{flex-basis:100%}.manual-field-controls{width:100%;justify-content:flex-end}}