#modal[open]:has(.widget-constructor){width:min(1280px,calc(100% - 32px));max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden;border-radius:14px}
#modal:has(.widget-constructor) #modal-form{display:flex;flex-direction:column;min-height:0;overflow:hidden}
#modal:has(.widget-constructor) .modal-head,#modal:has(.widget-constructor) .modal-actions{flex:none}
#modal:has(.widget-constructor) .modal-body{padding:16px 24px;min-height:0;overflow:auto}
.widget-constructor{display:grid;gap:24px;min-width:0;font-size:14px}
.wc-compact{gap:16px;font-size:15px}
.wc-compact .wc-source-choice{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,2fr);gap:12px}
.wc-compact .wc-editor-grid{grid-template-columns:minmax(280px,.8fr) minmax(0,1.5fr);gap:24px}
.wc-compact .wc-controls{gap:12px}
.wc-compact .wc-measures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:12px}
.wc-compact .wc-measures .checkbox{margin:0;min-height:32px}
.wc-compact .wc-live-preview{padding:16px;gap:12px;top:0}
.wc-compact .wc-live-preview>[data-wc-preview]{min-height:260px;max-height:440px;scrollbar-gutter:stable}
.wc-compact .wc-live-preview>[data-wc-preview]>h3{font-size:17px;margin-bottom:16px}
.wc-recipe-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.wc-recipe-list button{font:inherit;font-size:14px;min-height:36px;padding:8px;border:1px solid var(--color-line);border-radius:8px;background:#fff;color:inherit}
.wc-recipe-list button[aria-pressed=true]{border-color:#F04923;background:#fff1e8}
.wc-placement-bar{display:grid;grid-template-columns:minmax(200px,1fr) minmax(250px,1fr);gap:12px;align-items:end;border-top:1px solid var(--color-line);padding-top:16px}
.wc-placement-inline{display:flex;flex-wrap:wrap;gap:12px;min-height:44px;align-items:center}
.wc-compact .wc-prepare .wc-data-grid{display:block}.wc-compact .wc-prepare .wc-data-grid>aside{display:none}
.wc-compact .wc-prepare .wc-data-grid>div{display:grid;gap:12px}
.wc-compact .wc-prepare .wc-role-grid{grid-template-columns:1fr}
.wc-palette{position:absolute;z-index:100;display:grid;gap:12px;padding:16px;width:240px;border:1px solid var(--color-line);border-radius:14px;background:white;box-shadow:0 8px 32px #0002;font-size:14px}
.wc-palette>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.wc-palette [data-wc-color]{min-width:0;min-height:32px;border:1px solid #bbb;border-radius:8px}
.wc-palette label{display:flex;justify-content:space-between;align-items:center;gap:12px}.wc-palette input{width:44px;height:36px;padding:2px;border:1px solid var(--color-line);border-radius:8px}
.wc-palette .btn{min-width:0;width:100%;white-space:normal}
.wc-live-preview [data-widget-paint]{cursor:pointer}.wc-live-preview [data-widget-paint]:is(:hover,:focus-visible){outline:2px solid #F04923;outline-offset:3px}
.widget-measure-numbers{display:grid;gap:16px}.widget-measure-numbers section{border-bottom:1px solid var(--color-line);padding-bottom:12px}.widget-measure-numbers h4{font-size:15px;margin:0 0 12px}.widget-measure-numbers section>div{display:flex;flex-wrap:wrap;gap:16px}.widget-measure-numbers section>div>div{display:grid;gap:8px}.widget-measure-numbers strong{font-size:24px;font-weight:500}
.widget-measure-labels{display:grid;gap:8px;font-size:13px}.widget-measure-labels>div{display:flex;flex-wrap:wrap;gap:8px 12px;padding:8px 0;border-bottom:1px solid var(--color-line)}
.widget-measure-labels strong{font-weight:500}.widget-density-compact :is(td,th){padding:6px 10px!important}.widget-density-comfortable :is(td,th){padding:12px 16px!important}
.custom-widget-table :is(th,td),.wc-source-table :is(th,td){vertical-align:middle}.wc-source-table :is(th,td){text-align:center}
@media(max-width:800px){.wc-compact .wc-editor-grid{grid-template-columns:minmax(0,1fr)}.wc-compact .wc-live-preview{position:static}.wc-compact .wc-source-choice,.wc-placement-bar{grid-template-columns:minmax(0,1fr)}.wc-compact .wc-controls{min-width:0}}
.widget-constructor h3{font-size:18px;line-height:1.4;margin:0 0 16px}
.widget-constructor p{line-height:1.6}.widget-constructor small{font-size:13px;color:var(--color-text-secondary)}
.wc-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.wc-steps .btn{width:100%;min-width:0}.wc-steps [aria-current=step]{background:#fff1e8;border-color:#b94320;color:#b94320}
.wc-data-grid,.wc-editor-grid{display:grid;grid-template-columns:minmax(300px,1fr) minmax(340px,1.2fr);gap:24px;align-items:start}
.wc-data-grid>div,.wc-editor-grid>div,.wc-placement{display:grid;gap:16px;min-width:0}
.wc-data-grid aside,.wc-live-preview,.wc-placement-preview{min-width:0;border:1px solid var(--color-line);border-radius:14px;padding:24px;background:white}
.wc-live-preview{position:sticky;top:0;display:grid;gap:16px}.wc-live-preview h3{margin:0}
.wc-live-preview>[data-wc-preview]{min-height:220px;max-height:440px;overflow:auto}.wc-placement-preview{max-height:420px;overflow:auto}
.wc-role-grid,.wc-parse-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.widget-constructor details{border:1px solid var(--color-line);border-radius:10px;padding:12px;min-width:0}
.widget-constructor details>summary{cursor:pointer;line-height:1.5;font-weight:500}.widget-constructor details[open]>summary{margin-bottom:16px}
.widget-constructor details>.widget-two,.widget-constructor details>.field{margin-top:12px}
.widget-constructor fieldset{border:1px solid var(--color-line);border-radius:10px;padding:16px;min-width:0;margin:12px 0;max-height:300px;overflow:auto}
.widget-constructor fieldset .checkbox{margin:8px 0}.widget-constructor .field{margin:0;min-width:0}
.widget-constructor .field :is(input,select){width:100%;min-width:0;border-radius:8px}
.wc-period-entry{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,1fr);gap:12px;align-items:center;padding-block:6px}
.wc-period-entry>input{width:100%;min-width:0;height:36px;border:1px solid var(--color-line);border-radius:8px;padding:8px;font:inherit}
.wc-source-table{max-height:400px;overflow:auto;border:1px solid var(--color-line);border-radius:10px;min-width:0}
.wc-source-table table{margin:0;width:max-content;min-width:100%;font-size:14px}.wc-source-table :is(td,th){min-width:96px;max-width:260px;padding:8px 12px;overflow-wrap:anywhere;border:1px solid var(--color-line)}
.wc-recipes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wc-recipes button{display:grid;align-content:start;gap:8px;padding:16px;min-height:100px;min-width:0;background:white;border:1px solid var(--color-line);border-radius:10px;font:inherit;text-align:left;color:var(--color-text)}
.wc-recipes button span{font-size:13px;color:var(--color-text-secondary);line-height:1.5}.wc-recipes button[aria-pressed=true]{border-color:#b94320;background:#fff1e8}
.wc-version-switch,.wc-placement-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wc-mobile-switch{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wc-version-switch [aria-pressed=true]{background:#fff1e8;border-color:#b94320}
.wc-placement-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.wc-placement-choices>label{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px 12px;align-items:center;padding:24px;border:1px solid var(--color-line);border-radius:14px;cursor:pointer}
.wc-placement-choices input{width:18px;height:18px;grid-row:span 2;margin:0;accent-color:#b94320}.wc-placement-choices span{grid-column:2;font-size:13px;color:var(--color-text-secondary)}
.wc-calculation-rule{font-size:13px;color:var(--color-text-secondary)}
.widget-calendar{overflow:auto;max-height:440px;min-width:0;font-family:var(--font-family);font-size:var(--font-body);color:var(--color-ink)}
.widget-calendar table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;min-width:var(--calendar-min-width,1152px);margin:0;font-family:inherit;font-size:inherit;color:inherit}
.widget-calendar .widget-calendar-name-column{width:240px}
.widget-calendar :is(th,td){padding:8px;border:1px solid var(--color-line);height:auto;min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:center;vertical-align:middle;font-family:inherit;color:var(--color-ink)}
.widget-calendar th:first-child{position:sticky;left:0;background:var(--color-surface,#fff);z-index:1}
.widget-calendar tbody th,#content .widget-calendar tbody th{font-size:var(--font-body);font-weight:400;line-height:1.5}
.widget-calendar-name{display:block;min-height:32px;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal}
.widget-calendar thead th{position:sticky;top:0;background:var(--color-subtle);z-index:2;font-size:var(--font-caption);font-weight:600;line-height:1.5}
.widget-calendar thead th:first-child{z-index:3}
.widget-calendar th small{display:block;font-family:inherit;font-size:var(--font-caption);font-weight:400;color:var(--color-ink)}
.widget-calendar td>span{display:block;min-height:24px;border-radius:3px}
.dashboard-cards .overview-panel-body:has(.widget-calendar){display:flex;flex-direction:column;overflow:hidden}
.dashboard-cards .overview-panel-body:has(.widget-calendar)>[class*="widget-density-"]{display:flex;flex-direction:column;flex:1;min-height:0}
.dashboard-cards .overview-panel-body .widget-calendar{flex:1;min-height:0;max-height:100%}
.widget-threshold{display:grid;gap:12px;padding-block:16px}.widget-threshold>strong{font-size:32px;font-weight:500}.widget-threshold .is-met{color:#246447}.widget-threshold .is-pending{color:#805b12}
.widget-record-list,.widget-text-list{display:grid;gap:0;max-height:440px;overflow:auto}.widget-record-list article,.widget-text-list article{padding:12px 0;border-bottom:1px solid var(--color-line)}.widget-text-list p{white-space:pre-wrap;overflow-wrap:anywhere}
.widget-hierarchy-row{padding:12px 0;border-bottom:1px solid var(--color-line)}.widget-hierarchy-row>span,.widget-hierarchy-row summary{display:flex;justify-content:space-between;gap:16px}.widget-hierarchy-row .widget-hierarchy-row{margin-left:20px}
@media(max-width:900px){.wc-mobile-switch{display:grid}.wc-data-grid,.wc-editor-grid{grid-template-columns:minmax(0,1fr)}.wc-live-preview{position:static;grid-row:1}.wc-data-grid aside{max-height:320px;overflow:auto}}
@media(max-width:540px){#modal:has(.widget-constructor) .modal-body{padding:16px}.wc-role-grid,.wc-parse-grid,.wc-placement-choices{grid-template-columns:minmax(0,1fr)}.wc-recipes button{padding:12px}.wc-steps{gap:8px}.wc-steps .btn{padding:8px;font-size:13px}.wc-data-grid aside,.wc-live-preview,.wc-placement-preview{padding:16px}.wc-placement-tools{grid-template-columns:minmax(0,1fr)}}

.widget-density-compact :is(th,td):not([style*="text-align"]),.widget-density-comfortable :is(th,td):not([style*="text-align"]){text-align:center;vertical-align:middle}

.wc-suggestions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.wc-suggestions>button{display:grid;gap:6px;min-width:0;min-height:64px;border:1px solid var(--color-line);border-radius:8px;padding:8px;background:#fff;font:inherit;text-align:left}.wc-suggestions>button[aria-pressed=true]{border-color:#F04923;background:#fff1e8}.wc-suggestions strong{font-size:13px;font-weight:500}.wc-suggestions span{font-size:12px;overflow-wrap:anywhere}.wc-role-prompt .field{margin-top:12px}.widget-measure-labels:empty{display:none}