.ws-layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh;font-family:"Segoe UI",Arial,sans-serif;background:#f5f8fc;color:#18304b}
.ws-sidebar{position:sticky;top:0;height:100vh;background:#031f3e;color:white;display:flex;flex-direction:column;padding:22px 14px;gap:20px}
.ws-brand{display:flex;align-items:center;gap:10px;color:white;padding:0 8px}.ws-brand img{width:38px;height:38px;object-fit:contain;background:white;border-radius:7px;padding:3px}.ws-brand strong{font-size:15px;white-space:nowrap}.ws-brand small{display:block;color:#71d5ec;font-size:9px;letter-spacing:2px;margin-top:3px}
.ws-nav-label{font-size:9px;letter-spacing:1.2px;color:#90adc9;padding:0 14px}.ws-sidebar nav{display:grid;gap:5px}.ws-sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;color:#c8d9e9;font-size:13px;font-weight:600;white-space:nowrap}.ws-sidebar nav a.active{background:#0b4d7b;color:white;box-shadow:inset 3px 0 #2ac3e3}.ws-sidebar nav a:hover{background:#124d75;transform:translateX(2px)}.ws-sidebar .icon{width:17px;height:17px}
.ws-event{margin-top:auto;border:1px solid #275178;border-radius:9px;padding:12px}.ws-event small{font-size:9px;letter-spacing:1px;color:#61d3ec;display:block}.ws-event strong{font-size:12px;line-height:1.5;display:block;margin-top:5px}.ws-signout{color:white;background:#123857;border:0}
.ws-main{min-width:0}.ws-header{height:76px;background:white;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:16px}.ws-breadcrumb{font-size:12px;white-space:nowrap;display:flex;gap:12px;align-items:center}.ws-breadcrumb span{color:#adbac8}.ws-header-actions{display:flex;align-items:center;gap:14px}.ws-env{font-size:10px;color:#166880;background:#e5f7fd;border:1px solid #cceef7;padding:7px 10px;border-radius:25px;white-space:nowrap}.ws-profile{width:34px;height:34px;background:#052845;color:white;border-radius:50%;display:grid;place-items:center}.ws-profile .icon{width:17px}
.ws-content{max-width:1680px;margin:auto;padding:32px;min-width:0}.ws-content .card{box-shadow:0 3px 15px #07274405;border-color:#e2e8f0;border-radius:12px}.ws-content .card-body{padding:23px}.ws-content h1{font-size:28px;color:#082d5b;letter-spacing:-.6px;margin-bottom:7px}.ws-content h2{font-size:17px;letter-spacing:-.3px;margin-bottom:16px}.ws-content h3{font-size:15px}.ws-content p,.ws-content .hint{font-size:12px;line-height:1.5}.ws-content .field{gap:7px}.ws-content .field>span{font-size:12px}.ws-content .form-control,.ws-content .form-select{font-size:13px;min-height:40px;padding:9px 11px}.ws-content .button{font-size:12px;min-height:38px;padding:9px 14px;white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:7px}.ws-content .button.small{min-height:30px;padding:6px 10px;font-size:11px}.ws-content .actions{gap:8px}.ws-content .eyebrow{font-size:9px;letter-spacing:1.3px}
.ws-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.ws-title p{margin-bottom:0;color:#6c7d90}.ws-title>div:first-child{min-width:0}.ws-title h1{overflow-wrap:anywhere}.ws-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:23px}.ws-metric{padding:22px;position:relative;min-height:120px}.ws-metric small{font-size:11px;color:#6a7c90;display:block;margin-bottom:14px}.ws-metric strong{font-size:30px;color:#082d5b;line-height:1.1}.ws-icon{position:absolute;right:18px;top:19px;width:32px;height:32px;background:#e6f8fc;border-radius:9px;display:grid;place-items:center;color:#027ba2}.ws-icon .icon{width:17px}
.ws-banner{background:linear-gradient(110deg,#062747,#0a4679);color:white;border-radius:12px;padding:26px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.ws-banner h2{color:white;font-size:25px;margin:8px 0}.ws-banner .eyebrow{color:#72d9f0}.ws-banner p,.ws-banner span{color:#c1d9e9;font-size:12px;margin-bottom:0}.ws-payment-totals{display:flex;gap:35px}.ws-payment-totals span{display:grid;gap:8px}.ws-payment-totals strong{font-size:19px;color:white}
.ws-grid-two{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:23px;align-items:start}.ws-grid-two>.card{min-width:0}.ws-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.ws-card-head h2{margin:0}.ws-card-head>a,.ws-card-head>span{font-size:11px}.ws-content .table{font-size:12px;margin-bottom:0}.ws-content .table th{font-size:10px;padding:12px}.ws-content .table td{padding:14px 12px}.ws-content .table .sub{font-size:10px;max-width:260px;overflow-wrap:anywhere}.ws-content .table .badge{font-size:10px}.ws-quick{display:grid;gap:8px}.ws-quick a{display:flex;align-items:center;gap:10px;background:#f4f8fc;padding:13px;border-radius:8px;font-size:12px;font-weight:600}.ws-quick a:hover{background:#e4f6fc}.ws-quick a>span{margin-left:auto}
.ws-alert{background:#eaf7fd;border:1px solid #d3ecf7;border-radius:8px;padding:13px 16px;font-size:12px;line-height:1.6;margin:16px 0;color:#32576b}.ws-alert span{display:block}.ws-status{font-size:10px;font-weight:600;white-space:nowrap;border-radius:20px;padding:5px 9px;background:#eef3f8;color:#53697e;text-transform:capitalize}.ws-status.published,.ws-status.configured{background:#e3f5ec;color:#157644}.ws-status.draft,.ws-status.demo{background:#fff2d8;color:#8a5c12}
.ws-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.ws-form-grid>.card{min-width:0}.ws-form-stats{display:flex;gap:55px;border-bottom:1px solid #e7edf4;margin:10px 0 20px;padding-bottom:20px;font-size:11px;color:#718498}.ws-form-stats strong{font-size:23px;color:#123c60;display:block;margin-bottom:5px}.ws-form-foot{display:flex;gap:8px;flex-wrap:wrap}.ws-tabs{display:flex;gap:8px;border-bottom:1px solid #dce5ef;padding-bottom:10px;margin-bottom:24px;overflow-x:auto;scrollbar-width:thin}.ws-tabs button,.ws-tabs a{border:0;display:inline-flex;align-items:center;background:none;color:#60758b;font-size:12px;font-weight:600;white-space:nowrap;padding:10px 17px;border-radius:7px;flex-shrink:0}.ws-tabs .active{background:#e1f5fd;color:#006185}.ws-builder{display:grid;grid-template-columns:210px minmax(340px,1fr) 250px;gap:18px;align-items:start}.ws-builder>.card{min-width:0}.ws-builder .card-body{padding:18px}.ws-palette{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ws-palette button{border:1px solid #dce5ef;background:white;border-radius:7px;font-size:11px;padding:11px 7px;display:flex;align-items:center;gap:7px;text-align:left;white-space:nowrap}.ws-palette .icon{width:14px;height:14px;color:#087aaa}.ws-palette button:hover{background:#ecfaff;border-color:#13a8cf}.ws-palette+p{margin-top:18px;font-size:11px!important}.ws-canvas{border-top:3px solid #09b6dc!important}.ws-field-card{display:flex;gap:8px;align-items:center;border:1px solid #e0e8f1;padding:10px 8px;border-radius:8px;margin-top:10px;background:#fbfdff;transition:border-color .15s,transform .15s}.ws-field-card:hover,.ws-field-card.selected{border-color:#16aacf;background:#effaff}.ws-field-select{flex:1;min-width:0;display:flex;gap:10px;text-align:left;border:0;background:none;padding:5px;font-size:12px;color:#234361;align-items:center}.ws-field-select strong{display:block;overflow-wrap:anywhere}.ws-field-select small{font-size:10px;color:#8494a3;display:block;margin-top:4px}.ws-drag{font-size:20px;color:#90a6bb;cursor:grab}.ws-field-actions{display:flex;gap:0}.ws-field-actions .button{padding:5px!important;min-width:23px;min-height:28px!important}.ws-rule{display:grid;grid-template-columns:minmax(150px,1fr) minmax(180px,1fr) minmax(180px,1fr);gap:16px;align-items:center;border-bottom:1px solid #e4edf4;padding:16px 0;font-size:12px}.ws-toolbar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.ws-toolbar input{flex:1;min-width:180px}.ws-toolbar select{width:180px}
.ws-provider{display:flex;gap:16px;align-items:center;margin-bottom:20px}.ws-provider-logo{width:52px;height:52px;display:grid;place-items:center;color:white;background:#6759d6;border-radius:12px;font-size:30px;font-weight:800}.ws-provider strong{font-size:15px}.ws-provider p{margin:5px 0 0}.ws-connection{display:grid;grid-template-columns:1fr 1fr;gap:17px;font-size:12px;padding:17px;background:#f5f8fc;border-radius:9px}.ws-connection strong{text-align:right}
.ws-design-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}.ws-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ws-color-grid input{padding:3px!important;width:100%}.ws-live-preview{min-width:0;overflow:hidden}.ws-preview-toolbar{display:flex;align-items:center;gap:12px;padding:17px;background:white;flex-wrap:wrap}.ws-preview-toolbar h2{margin:0;white-space:nowrap}.ws-preview-toolbar select{width:180px;margin-left:auto}.ws-preview-viewport{height:700px;overflow:auto;background:#eaf0f6;padding:14px}.ws-preview-viewport iframe{display:block;width:1280px;height:1800px;border:0;background:white;transform:scale(.6);transform-origin:top left;margin-bottom:-720px}.ws-live-preview.expanded{position:fixed;inset:20px;z-index:80;box-shadow:0 10px 60px #031f3e55}.ws-live-preview.expanded .ws-preview-viewport{height:calc(100vh - 130px)}.ws-live-preview.expanded iframe{transform:none;margin:0}.ws-page-preview{padding:28px;background:#f3f8fc;border-radius:10px;min-height:220px}.ws-preview-form{display:grid;place-items:center;gap:15px;padding:35px;border:1px dashed #93b8d0;background:white;border-radius:10px;font-size:14px}.ws-radio-list{display:grid;gap:10px}
@media(min-width:1700px){.ws-preview-viewport iframe{transform:scale(.8);margin-bottom:-360px}}
@media(max-width:1250px){.ws-builder{grid-template-columns:180px minmax(300px,1fr)}.ws-builder>aside:last-child{grid-column:1/-1}.ws-builder>aside:last-child .stack{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ws-grid-two{grid-template-columns:1fr}.ws-design-layout{grid-template-columns:260px minmax(0,1fr)}.ws-content{padding:24px}.ws-header{padding:0 24px}.ws-payment-totals{gap:20px}.ws-form-foot .button{padding:8px 10px}.ws-preview-viewport iframe{transform:scale(.5);margin-bottom:-900px}}
@media(max-width:900px){.ws-layout{grid-template-columns:190px minmax(0,1fr)}.ws-brand strong{font-size:12px}.ws-brand img{width:30px;height:30px}.ws-header{height:auto;min-height:76px;padding:16px 20px;flex-wrap:wrap}.ws-env{display:none}.ws-metrics{grid-template-columns:1fr 1fr}.ws-form-grid{grid-template-columns:1fr}.ws-design-layout{grid-template-columns:1fr}.ws-builder{grid-template-columns:1fr}.ws-palette{grid-template-columns:repeat(4,1fr)}.ws-builder>aside:last-child{grid-column:auto}.ws-banner{align-items:flex-start;flex-direction:column}.ws-title{align-items:flex-start;flex-direction:column}.ws-rule{grid-template-columns:1fr}.ws-preview-viewport iframe{transform:scale(.65);margin-bottom:-630px}}
@media(max-width:650px){.ws-layout{display:block}.ws-sidebar{position:static;height:auto;padding:15px;gap:12px}.ws-brand{justify-content:center}.ws-brand strong{font-size:15px}.ws-nav-label,.ws-event,.ws-signout{display:none}.ws-sidebar nav{display:flex;overflow-x:auto;gap:5px;padding-bottom:5px}.ws-sidebar nav a{padding:9px 11px;flex-shrink:0;font-size:11px}.ws-content{padding:18px 14px}.ws-header{padding:13px 15px;min-height:55px;gap:10px}.ws-breadcrumb{font-size:10px}.ws-header-actions{gap:10px}.ws-header .button{font-size:10px;min-height:30px;padding:5px 8px}.ws-profile{width:28px;height:28px}.ws-title h1{font-size:25px}.ws-content .card-body{padding:18px}.ws-metrics{gap:10px}.ws-metric{padding:17px;min-height:110px}.ws-metric strong{font-size:26px}.ws-icon{right:12px;top:13px;width:25px;height:25px}.ws-metric small{max-width:calc(100% - 25px);font-size:10px}.ws-banner{padding:23px}.ws-payment-totals{width:100%;justify-content:space-between;gap:12px}.ws-payment-totals strong{font-size:14px}.ws-payment-totals span{font-size:10px}.ws-palette{grid-template-columns:repeat(3,1fr)}.ws-builder>aside:last-child .stack{display:flex}.ws-toolbar>*{width:100%!important;max-width:none!important}.ws-toolbar input{min-width:0}.ws-tabs{gap:3px}.ws-tabs button,.ws-tabs a{padding:9px 12px}.ws-form-stats{gap:40px}.ws-preview-viewport{height:600px}.ws-preview-viewport iframe{width:390px;height:1500px;transform:scale(.8);margin-bottom:-300px}.ws-preview-toolbar{padding:15px}.ws-preview-toolbar select{width:100%;order:3;margin:0}.ws-live-preview.expanded{inset:8px}.ws-color-grid{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:reduce){.ws-layout *{transition:none!important;animation:none!important}} 


.ws-content h1,.ws-content h2,.ws-content h3{font-family:"Segoe UI",Arial,sans-serif}

.ws-header-actions{position:relative}.ws-profile{border:0;cursor:pointer}.ws-profile-menu{position:absolute;right:0;top:45px;z-index:50;min-width:220px;padding:17px;background:white;border:1px solid #dce5ef;box-shadow:0 10px 30px #082d5b20;border-radius:10px;display:grid;gap:15px}.ws-profile-menu strong{font-size:12px;overflow-wrap:anywhere}

/* Dashboard refinements: subtle color and purposeful motion. */
.ws-metric.metric-user{background:linear-gradient(135deg,#fff 0%,#edf6ff 100%);border-color:#dceafa}
.ws-metric.metric-golf{background:linear-gradient(135deg,#fff 0%,#eaf9f3 100%);border-color:#d7eee4}
.ws-metric.metric-sponsor{background:linear-gradient(135deg,#fff 0%,#f5efff 100%);border-color:#e7def6}
.ws-metric.metric-heart{background:linear-gradient(135deg,#fff 0%,#fff2ea 100%);border-color:#f3e4d8}
.ws-metric.metric-golf .ws-icon{background:#d9f4e7;color:#138357}
.ws-metric.metric-sponsor .ws-icon{background:#ece2fc;color:#7451b5}
.ws-metric.metric-heart .ws-icon{background:#ffe6d7;color:#b66331}
.ws-metric{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.ws-metric:hover{transform:translateY(-3px);box-shadow:0 10px 25px #082d5b0d;border-color:#bdcedf}
.ws-metric .ws-icon{transition:transform .25s ease,box-shadow .25s ease}
.ws-metric:hover .ws-icon{transform:rotate(-7deg) scale(1.08);box-shadow:0 4px 12px #082d5b12}
.ws-metric:hover .ws-icon .icon{animation:ws-icon-bounce .55s ease}
@keyframes ws-icon-bounce{0%,100%{transform:translateY(0)}40%{transform:translateY(-3px)}70%{transform:translateY(1px)}}
.ws-banner .eyebrow.ws-payment-label{color:#073f59;background:#d9f5ff;border:1px solid #aee6f7;font-weight:800;letter-spacing:1.2px;padding:6px 11px;display:inline-block;border-radius:20px}
.ws-banner .ws-payment-totals{padding:14px 20px;border-radius:10px;background:#ffffff0b;border:1px solid #ffffff1c}
.ws-banner .ws-payment-totals strong{font-variant-numeric:tabular-nums}
.ws-sample-tag{display:inline-block;margin:4px 0 0 7px;background:#eaf6ff;color:#176589;border:1px solid #cfe8f8;border-radius:12px;padding:2px 6px;font-size:9px;font-weight:600;white-space:nowrap}
@media(max-width:650px){.ws-banner .ws-payment-totals{padding:12px;width:100%}.ws-sample-tag{margin-left:0}}
@media(prefers-reduced-motion:reduce){.ws-metric:hover,.ws-metric:hover .ws-icon{transform:none}.ws-metric:hover .ws-icon .icon{animation:none}}

.ws-forms-stat:nth-child(1),.ws-form-library>.card:nth-child(4n+1){background:linear-gradient(135deg,#fff,#edf6ff)}
.ws-forms-stat:nth-child(2),.ws-form-library>.card:nth-child(4n+2){background:linear-gradient(135deg,#fff,#ebf9f2)}
.ws-forms-stat:nth-child(3),.ws-form-library>.card:nth-child(4n+3){background:linear-gradient(135deg,#fff,#f5efff)}
.ws-forms-stat:nth-child(4),.ws-form-library>.card:nth-child(4n){background:linear-gradient(135deg,#fff,#fff2ea)}
.ws-form-library>.card{border-bottom:3px solid #123e6b;transition:transform .2s,box-shadow .2s}
.ws-form-library>.card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #082d5b0d}
.ws-inline-logic{border-top:1px solid #dde8f2;padding-top:14px;margin-top:4px}
.ws-inline-logic>.checkline{font-size:12px;font-weight:600}
.ws-condition-editor{display:grid;gap:14px;margin-top:14px}
.ws-condition-mode{display:grid;gap:8px}
.ws-inline-rule{display:grid;gap:8px;background:#f2f8fc;padding:11px;border:1px solid #deebf5;border-radius:9px}
.ws-inline-rule>small{color:#526c85;font-size:10px;font-weight:600}
.ws-condition-editor .form-select,.ws-condition-editor .form-control{font-size:11px;min-height:35px}
@media(prefers-reduced-motion:reduce){.ws-form-library>.card:hover{transform:none}}

.ws-payment-integrations .actions{gap:8px;flex-wrap:wrap}.ws-payment-integrations .actions .button{white-space:nowrap}.ws-payment-integrations .card{border-bottom:3px solid #123e6b;background:linear-gradient(140deg,#fff,#f0f8ff)}
.ws-payment-integrations{align-items:start}.ws-payment-integrations button:disabled{cursor:not-allowed}.ws-payment-integrations button:disabled::after{display:none}.ws-payment-integrations .ws-status.not{background:#eef2f6;color:#60758b}

.ws-payment-totals{flex-wrap:wrap;gap:24px}.ws-payment-totals span{white-space:nowrap}
.ws-payment-integrations{gap:24px}.ws-payment-integrations .card-body{padding:28px}.ws-payment-integrations .ws-card-head{align-items:center;gap:12px}.ws-payment-integrations h2{font-size:22px;display:flex;align-items:center;gap:14px;margin:0}.ws-payment-integrations p.hint{font-size:14px;line-height:1.6;margin:20px 0}.ws-payment-integrations .ws-connection{font-size:14px;padding:16px 18px;background:#eef5fd;border-radius:10px;margin:0 0 22px;gap:16px}.ws-payment-integrations .button{font-size:13px;min-height:43px}.ws-payment-integrations .ws-status{font-size:11px}
.ws-provider-mark{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:64px;height:56px;padding:9px;background:white;border:1px solid #e1e9f4;border-radius:12px;box-shadow:0 3px 8px #082d5b06;flex-shrink:0}.ws-provider-mark img{width:37px;height:32px;object-fit:contain}.ws-card-marks{width:92px}.ws-card-marks img{width:32px}.ws-email-mark .icon{width:29px;height:29px;color:#087aaa}
.ws-config-modal{background:linear-gradient(135deg,#fff,#f4f9ff);padding:30px}.ws-config-heading{display:flex;align-items:center;gap:16px;margin-bottom:20px}.ws-config-heading h2{font-size:24px;color:#082d5b;margin:4px 0 0}.ws-config-modal p.hint{font-size:14px;line-height:1.6;color:#526880}.ws-config-modal .field>span{font-size:14px;font-weight:600;color:#123c60}.ws-config-modal input{min-height:48px;border-radius:9px}.ws-config-modal .stack{gap:20px}.ws-config-modal .button{min-height:46px}.ws-config-modal .eyebrow{font-size:10px}
.ws-events-note{display:flex;gap:10px;align-items:center;font-size:13px;color:#246284;background:#eaf7fd;border:1px solid #ceebf7;padding:13px 18px;border-radius:10px;margin-bottom:20px}.ws-settings-tabs{position:sticky;top:10px;z-index:2;background:#f5f8fc;padding:10px 0}.ws-settings-tabs button{font-size:13px;padding:12px 18px}.ws-content #admin-settings > [hidden]{display:none!important}.ws-content #admin-settings{gap:14px}.ws-content #admin-settings h2{font-size:21px}.ws-content #admin-settings .field>span{font-size:13px}.ws-event-summary .ws-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ws-event-summary .ws-metric{min-height:90px;padding:16px}.ws-history-payments{display:grid;gap:12px;background:#eef6fd;border-radius:10px;padding:18px;margin-bottom:22px}.ws-history-payments span{display:flex;justify-content:space-between;gap:16px;font-size:14px}.ws-events-note+.page-heading p{max-width:700px}
.ws-design-layout{grid-template-columns:330px minmax(0,1fr);gap:24px;align-items:start}.ws-design-layout .card-body{padding:26px}.ws-design-layout h2{font-size:20px}.ws-design-layout .field>span{font-size:14px}.ws-design-layout .form-control,.ws-design-layout .form-select{min-height:44px;font-size:14px}.ws-design-layout .ws-color-grid{gap:14px}.ws-design-layout .ws-color-grid input[type=color]{height:52px;padding:5px}.ws-live-preview{border-top:3px solid #04b6dd!important}.ws-design-layout #ws-design>h2{padding-top:15px;border-top:1px solid #e4edf5;margin-bottom:5px}.ws-design-layout #ws-design>h2:first-child{padding:0;border:0}.ws-preview-toolbar{gap:12px}.ws-preview-toolbar h2{font-size:20px}
@media(max-width:1100px){.ws-design-layout{grid-template-columns:1fr}.ws-payment-integrations h2{font-size:20px}.ws-provider-mark{width:54px}.ws-card-marks{width:82px}}
@media(max-width:650px){.ws-payment-integrations .card-body{padding:20px}.ws-payment-integrations .ws-card-head{flex-wrap:wrap}.ws-config-modal{padding:22px}.ws-settings-tabs{top:0}.ws-settings-tabs button{font-size:12px}.ws-banner{gap:22px}.ws-payment-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ws-payment-totals span{font-size:12px}.ws-history-payments span{flex-wrap:wrap}.ws-design-layout .card-body{padding:20px}}

#admin-settings .sticky-save{position:static;margin:0}.ws-settings-tabs{margin-bottom:8px}.ws-events-note a{margin-left:auto;font-weight:600;white-space:nowrap}

/* Visual design controls and accessible row actions */
.ws-design-controls{gap:22px!important}.ws-design-section{display:grid;gap:16px}
.ws-design-section-title{display:flex;gap:12px;align-items:center}.ws-design-section-title h2{margin:0!important;font-size:20px}
.ws-design-section-title small,.ws-motion-control small{color:#68778d;display:block;font-size:13px;margin-top:3px}
.ws-palette-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ws-theme-palette{padding:10px 8px;background:#f6f9fe;border:1px solid #d9e3f1;border-radius:12px;font-size:13px;font-weight:600;color:#203d63;cursor:pointer;transition:transform .18s,box-shadow .18s}
.ws-theme-palette:hover,.ws-theme-palette:focus-visible{transform:translateY(-2px);box-shadow:0 5px 16px #12315b15;border-color:#048fb4}
.ws-theme-palette>span{display:flex;justify-content:center;margin-bottom:7px}.ws-theme-palette i{width:20px;height:20px;border-radius:50%;border:2px solid white;margin-left:-4px}
.ws-design-controls .ws-color-grid{display:grid;grid-template-columns:1fr;gap:10px}
.ws-color-control{display:flex;align-items:center;gap:14px;border:1px solid #e2e9f3;background:linear-gradient(110deg,#fff,#f5f9fe);padding:12px;border-radius:12px;cursor:pointer}
.ws-color-control input{height:44px;width:48px;border:0;padding:0;background:none;cursor:pointer;border-radius:9px;flex-shrink:0}
.ws-color-control strong{display:block;color:#243958;font-size:14px}.ws-color-control small{display:block;color:#627591;font-size:12px;margin-top:3px;font-family:monospace}
.ws-type-sample{display:grid;gap:9px;padding:18px;border:1px solid;overflow:hidden}
.ws-type-sample small{font:10px "Segoe UI",sans-serif;letter-spacing:1.5px}.ws-type-sample strong{line-height:1.25}.ws-type-sample span{font-size:13px}
.ws-design-range{display:grid;gap:7px}.ws-design-range .field{display:flex;align-items:center;justify-content:space-between}.ws-design-range input[type=number]{width:76px!important}.ws-design-range input[type=range]{width:100%;accent-color:#087daa;cursor:pointer}
.ws-motion-control{display:flex;justify-content:space-between;align-items:center;background:#f4f8fe;padding:15px;border-radius:12px;gap:10px}
.ws-switch{position:relative;display:block;width:44px;height:26px;flex-shrink:0}.ws-switch input{position:absolute;opacity:0;width:100%;height:100%}.ws-switch>span{display:block;height:26px;border-radius:20px;background:#c1ccda;pointer-events:none;transition:background .2s}.ws-switch>span:after{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:white;border-radius:50%;transition:transform .2s}.ws-switch input:checked+span{background:#087faa}.ws-switch input:checked+span:after{transform:translateX(18px)}.ws-switch input:focus-visible+span{outline:2px solid #082d5b;outline-offset:3px}
.ws-design-draft{display:flex;align-items:center;gap:8px;font-size:12px;color:#65758c}.ws-live-dot{width:7px;height:7px;border-radius:50%;background:#0ba77a}
.ws-record-menu{position:fixed;margin:0;width:180px;padding:7px;border:1px solid #dde6f2;border-radius:12px;background:#fff;box-shadow:0 12px 36px #092e5c24;overflow:visible}
.ws-record-menu:popover-open{display:grid;gap:3px}.ws-record-menu a,.ws-record-menu .button{display:flex;align-items:center;justify-content:flex-start;gap:9px;padding:10px 12px;font-size:14px;border:0;border-radius:7px;text-decoration:none;color:#173b67;background:white;white-space:nowrap}
.ws-record-menu a:hover,.ws-record-menu button:hover,.ws-record-menu a:focus-visible{background:#eef5ff}.ws-danger{color:#b83b49!important}.ws-status.deleted{background:#fdebef;color:#ac3243}
.ws-form-library>.card{background:linear-gradient(125deg,#fff,#f0f7ff);border-bottom:3px solid #143f70}
@media(prefers-reduced-motion:reduce){.ws-theme-palette,.ws-switch>span,.ws-switch>span:after{transition:none}.ws-theme-palette:hover{transform:none}}

.ws-design-controls .ws-design-section-title .ws-icon{position:static;flex-shrink:0}.ws-design-layout .ws-color-control input[type=color]{width:48px;min-width:48px;height:44px;min-height:44px;padding:0;border:0;flex:0 0 48px}.ws-design-controls .ws-color-control>span{min-width:0}.ws-theme-palette{display:grid!important;grid-template-columns:1fr!important;justify-items:center;gap:3px}.ws-design-controls .ws-design-range .field{flex-direction:row}.ws-design-controls input[type=range]{min-height:20px;padding:0;border:0;background:transparent;box-shadow:none}

/* System workspaces, animated metrics and appearance panels */
.ws-sidebar{overflow-y:auto}.ws-system-nav summary{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;cursor:pointer;color:#c8d9e9;font-size:14px;font-weight:600;white-space:nowrap}.ws-system-nav summary:after{content:"⌄";margin-left:auto}.ws-system-nav[open] summary:after{content:"⌃"}.ws-system-nav nav{padding-left:9px;margin-top:6px}.ws-system-nav nav a{font-size:13px}
.ws-content p,.ws-content .hint{font-size:14px;line-height:1.6}.ws-content .field>span,.ws-content .form-control,.ws-content .form-select,.ws-content .button{font-size:14px}.ws-content .button.small{font-size:12px}
.ws-content .table{font-size:14px}.ws-content .table th{font-size:12px;white-space:nowrap}.ws-content .table .sub{font-size:12px}.ws-content .table .badge{font-size:11px}
.ws-selected-event{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px}.ws-selected-event .field{max-width:480px;flex:1}.ws-selected-event>span{font-size:12px;color:#73859b}.ws-selected-event .form-select{width:100%}
.ws-kpi{--tone:#3558a7;--soft:#ebefff;min-height:220px;background:linear-gradient(140deg,#fff 30%,var(--soft));border-bottom:2px solid var(--tone)!important;outline-offset:4px;padding:20px}
.ws-kpi.tone-teal{--tone:#007f78;--soft:#ddf7f1}.ws-kpi.tone-violet{--tone:#7e478d;--soft:#f3eafa}.ws-kpi.tone-coral{--tone:#c74359;--soft:#ffebef}
.ws-kpi .ws-icon{width:var(--kpi-icon-size,32px);height:var(--kpi-icon-size,32px);background:var(--soft);color:var(--tone)}.ws-kpi .ws-icon .icon{width:60%;height:60%}.ws-kpi small{font-size:11px!important;text-transform:uppercase;letter-spacing:.65px;max-width:calc(100% - var(--kpi-icon-size,32px) - 10px)}.ws-kpi strong{font-variant-numeric:tabular-nums;font-size:32px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px}.ws-kpi-unit{font-size:16px;color:#6c7e92}.ws-sparkline{display:block;width:100%;height:56px;color:var(--tone);margin:14px 0}
.ws-kpi footer{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:10px;color:#677d92}.ws-kpi-period{color:var(--tone);background:var(--soft);border-radius:20px;padding:4px 7px}
.ws-kpi-enter{animation:kpi-enter var(--kpi-duration,750ms) ease both;animation-delay:var(--kpi-delay,0ms)}.ws-kpi-enter .ws-spark-line{stroke-dasharray:1;animation:kpi-line var(--kpi-duration,750ms) ease both;animation-delay:var(--kpi-delay,0ms)}.ws-kpi-enter .ws-spark-area{animation:kpi-fill var(--kpi-duration,750ms) ease both}.ws-kpi:hover .ws-icon,.ws-kpi:focus-visible .ws-icon{transform:rotate(-5deg) scale(1.06);transition:transform 180ms}.ws-kpi-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start}.ws-kpi-layout.right{grid-template-columns:minmax(0,1fr) 250px}.ws-kpi-layout.right>.ws-metrics{grid-column:2;grid-row:1}.ws-kpi-layout.right>.ws-kpi-layout-main{grid-column:1;grid-row:1}.ws-kpi-layout>.ws-metrics{grid-template-columns:1fr}.ws-kpi-layout-main{min-width:0}.ws-no-trend{height:56px;padding-top:16px;font-size:12px;color:#75869b}
@keyframes kpi-enter{from{opacity:.6;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes kpi-line{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes kpi-fill{from{opacity:0}to{opacity:1}}
.ws-content.ws-motion-disabled .ws-kpi,.ws-content.ws-motion-disabled .ws-kpi *{animation:none!important;transition:none!important}
.ws-design-controls [hidden]{display:none!important}.ws-design-layout{grid-template-columns:390px minmax(0,1fr)}.ws-design-tabs{gap:3px;margin:0}.ws-design-tabs button{padding:10px 9px;font-size:12px}.ws-theme-palette.active{border-color:#048fb4;box-shadow:0 0 0 2px #04b6dd25}.ws-position-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ws-position{border:1px solid #d8e4f2;border-radius:10px;padding:12px;background:white;color:#244565;display:grid;gap:9px;justify-items:center}.ws-position.active{border-color:#04b6dd;background:#edfbff}.ws-layout-mini{display:grid;grid-template-rows:10px 22px;gap:4px;width:60px;background:#edf3fa;padding:5px;border-radius:5px;height:46px}.ws-layout-mini i{background:#68c8e0;border-radius:2px}.ws-layout-mini b{background:#c6d4e6;border-radius:2px}.ws-layout-mini.left,.ws-layout-mini.right{grid-template-columns:15px 1fr;grid-template-rows:1fr}.ws-layout-mini.right i{order:2}.ws-layout-mini.hidden i{display:none}.ws-layout-mini.hidden{grid-template-rows:1fr}.ws-motion-demo{display:flex;gap:15px;align-items:center;border:1px solid #dbe9f4;border-radius:12px;background:#f0f8ff;padding:22px;color:#087faa;font-size:30px}.ws-motion-demo .icon{width:36px;height:36px}
#sys-workspace .card{margin-bottom:22px;overflow:visible}#sys-workspace .table-wrap{overflow-x:auto}#sys-workspace .ws-system-version{background:#e8f7ff;border:1px solid #c8eafb;padding:8px 14px;border-radius:25px;font-size:13px;color:#076084;white-space:nowrap}.sys-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.sys-grid>.card{min-width:0}
.sys-empty{display:grid;justify-items:center;padding:40px 20px;color:#7b8da2;gap:12px}.sys-empty h2{margin:0!important}.sys-note,.sys-warning{padding:15px 18px;border:1px solid #dbe8f6;border-radius:10px;background:#f2f8fe;display:flex;gap:10px;align-items:flex-start;margin:16px 0;font-size:14px;color:#3c5975;line-height:1.6;overflow-wrap:anywhere}.sys-warning{background:#fff5dd;border-color:#efd39a;color:#8c5d0a}.sys-note .icon{margin-top:3px;flex-shrink:0}.sys-detail{display:grid;grid-template-columns:145px minmax(0,1fr);gap:12px;font-size:14px}.sys-detail dt{color:#6b7e94;font-weight:500}.sys-detail dd{margin:0;color:#153c63;overflow-wrap:anywhere}.sys-detail code{font-size:12px;word-break:break-all}.sys-steps{padding-left:20px;line-height:1.8;font-size:14px}.sys-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.sys-capabilities>span{display:flex;gap:9px;align-items:center;background:#f4f8fc;padding:12px;border-radius:8px;font-size:13px}.sys-one-time{display:block;background:#f2f7fc;border:1px solid #dce7f2;padding:18px;border-radius:9px;word-break:break-all}
.sys-options{position:relative;white-space:nowrap}.sys-options summary{cursor:pointer;border:1px solid #d7e3f1;border-radius:7px;padding:7px 10px;background:white;color:#0b3863;font-size:13px}.sys-options>div{display:grid;gap:4px;background:#fff;border:1px solid #dbe7f4;box-shadow:0 5px 18px #0a2b581b;padding:8px;border-radius:8px;margin-top:6px;min-width:145px}.sys-options .button{justify-content:flex-start;font-size:12px}
#sys-template{max-width:270px}#sys-template-frame{width:100%;height:430px;border:0;background:#f3f7fc;margin-top:18px}
#sys-workspace .ws-tabs button{font-size:14px}#sys-workspace .ws-status{font-size:12px}.ws-status.failed{background:#ffe8eb;color:#ae3344}.ws-status.completed,.ws-status.server-accepted{background:#e3f6eb;color:#157440}.ws-status.running,.ws-status.queued,.ws-status.awaiting-restart{background:#fff2d7;color:#8a6012}
@media(max-width:1250px){.ws-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-design-layout{grid-template-columns:1fr}.ws-kpi-layout,.ws-kpi-layout.right{grid-template-columns:1fr}.ws-kpi-layout>.ws-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-kpi-layout.right>.ws-metrics,.ws-kpi-layout.right>.ws-kpi-layout-main{grid-column:auto;grid-row:auto}}
@media(max-width:650px){.sys-grid{grid-template-columns:1fr}.sys-detail{grid-template-columns:1fr;gap:5px}.sys-detail dd{margin-bottom:12px}.sys-capabilities{grid-template-columns:1fr}.ws-selected-event{display:block}.ws-selected-event>span{display:block;margin-top:8px}.ws-kpi .ws-icon{right:15px;top:18px}.ws-kpi strong{font-size:28px}.ws-kpi small{font-size:10px!important}.ws-title .ws-system-version{font-size:11px;padding:6px 10px}.ws-title{flex-wrap:wrap}.ws-content .table{min-width:650px}.ws-system-nav{width:100%}.ws-system-nav nav{display:flex;overflow-x:auto}.ws-system-nav summary{padding:9px 12px}}
@media(max-width:380px){.ws-metrics,.ws-kpi-layout>.ws-metrics{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ws-kpi,.ws-kpi *{animation:none!important;transition:none!important}.ws-kpi:hover .ws-icon,.ws-kpi:focus-visible .ws-icon{transform:none}}

.ws-tabs button,.ws-tabs a,.ws-design-tabs button{font-size:14px}.ws-design-tabs button{padding:10px 7px}.ws-design-tabs{scrollbar-width:thin}.ws-design-layout{grid-template-columns:410px minmax(0,1fr)}@media(max-width:1250px){.ws-design-layout{grid-template-columns:1fr}}