/*! DevDataPad 0.1.0 */

/* --- 01-tokens.css --- */
/* Temel değerler: Fluent Blue Light. Generic tema bunları 02-preset.generic.css ile değiştirir. */
:root {
    --ddp-base-accent: rgb(15, 108, 189);
    --ddp-base-text: rgb(36, 36, 36);
    --ddp-base-text-secondary: rgb(97, 97, 97);
    --ddp-base-border: rgb(224, 224, 224);
    --ddp-base-bg: #fff;
    --ddp-base-danger: rgb(196, 49, 75);
    --ddp-base-success: rgb(16, 124, 16);
    --ddp-base-warning: rgb(188, 75, 9);
    --ddp-base-radius: 4px;
    --ddp-base-height: 32px;
    --ddp-base-font-size: 14px;
    --ddp-base-font-family: inherit;
    --ddp-row-alt: rgb(250, 250, 250);
    --ddp-row-hover: rgb(245, 245, 245);
    --ddp-header-text: var(--ddp-base-text-secondary);
    --ddp-header-weight: 600;
    --ddp-cell-padding-y: 7px;
    --ddp-cell-padding-x: 10px;
    --ddp-shadow: 0 8px 24px rgba(0, 0, 0, .14), 0 2px 6px rgba(0, 0, 0, .08);
    --ddp-default-row-lines: 1;
    --ddp-default-label-mode: outside; /* editör etiketi (labelMode verilmezse); DevExtreme Fluent'teki gibi */
}


/* --- 03-host.inherit.css --- */
/* Sayfada DevExtreme teması varsa değerler onun --dx-* değişkenlerinden okunur (InheritHostTheme = true). */
.ddp-grid, .ddp-form, .ddp-editor, .ddp-overlay, .ddp-dropdown, .ddp-toasts, .ddp-button-host, .ddp-button-group, .ddp-cardview, .ddp-chart,
.ddp-toolbar, .ddp-drawer, .ddp-treeview, .ddp-menu-bar, .ddp-list-widget, .ddp-scheduler, .ddp-sortable__ghost {
    --ddp-accent: var(--dx-color-primary, var(--ddp-base-accent));
    --ddp-text: var(--dx-color-text, var(--ddp-base-text));
    --ddp-text-secondary: var(--ddp-base-text-secondary);
    --ddp-border: var(--dx-color-border, var(--ddp-base-border));
    --ddp-bg: var(--dx-color-main-bg, var(--ddp-base-bg));
    --ddp-danger: var(--dx-color-danger, var(--ddp-base-danger));
    --ddp-success: var(--dx-color-success, var(--ddp-base-success));
    --ddp-warning: var(--dx-color-warning, var(--ddp-base-warning));
    --ddp-radius: var(--dx-border-radius, var(--ddp-base-radius));
    --ddp-height: var(--dx-component-height, var(--ddp-base-height));
    --ddp-font-size: var(--dx-font-size, var(--ddp-base-font-size));
    --ddp-font-family: var(--dx-font-family, var(--ddp-base-font-family));
}


/* --- 10-base.css --- */
/* Ortak yapı: türetilmiş değerler, buton, editörler, açılır paneller, popup, bildirim, form. Yalnızca --ddp-* kullanır. */

.ddp-grid, .ddp-form, .ddp-editor, .ddp-overlay, .ddp-dropdown, .ddp-toasts, .ddp-button-host,
.ddp-toolbar, .ddp-drawer, .ddp-treeview, .ddp-menu-bar, .ddp-list-widget, .ddp-scheduler, .ddp-sortable__ghost {
    --ddp-accent-hover: color-mix(in srgb, var(--ddp-accent) 86%, #000);
    --ddp-accent-soft: color-mix(in srgb, var(--ddp-accent) 9%, var(--ddp-bg));
    --ddp-selected-bg: color-mix(in srgb, var(--ddp-accent) 13%, var(--ddp-bg));
    --ddp-focus-ring: color-mix(in srgb, var(--ddp-accent) 40%, transparent);
    --ddp-danger-soft: color-mix(in srgb, var(--ddp-danger) 9%, var(--ddp-bg));
    --ddp-muted: color-mix(in srgb, var(--ddp-text) 55%, var(--ddp-bg));
    --ddp-subtle-bg: color-mix(in srgb, var(--ddp-text) 4%, var(--ddp-bg));
}
/* Drawer sayfanın tamamını sardığı için yazı tipi ve renk yalnızca bileşenlere uygulanır. */
.ddp-grid, .ddp-form, .ddp-editor, .ddp-overlay, .ddp-dropdown, .ddp-toasts, .ddp-button-host,
.ddp-toolbar, .ddp-treeview, .ddp-menu-bar, .ddp-list-widget, .ddp-scheduler, .ddp-sortable__ghost {
    font-family: var(--ddp-font-family);
    font-size: var(--ddp-font-size);
    color: var(--ddp-text);
    line-height: 1.43;
}

.ddp-icon { display: inline-block; flex: none; vertical-align: middle; }

.ddp-visually-hidden {
    position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0;
    overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}

.ddp-scroll-lock { overflow: hidden; }

/* ---------------------------------------------------------------- buton */

.ddp-button-host { display: inline-block; vertical-align: middle; }

.ddp-button {
    display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    min-height: var(--ddp-height); padding: 0 14px; margin: 0;
    font: inherit; font-weight: 600; line-height: 1; white-space: nowrap;
    color: var(--ddp-text); background: var(--ddp-bg);
    border: 1px solid var(--ddp-border); border-radius: var(--ddp-radius);
    cursor: pointer; transition: background-color .12s, border-color .12s, color .12s;
}
.ddp-button:hover:not(:disabled) { background: var(--ddp-subtle-bg); }
.ddp-button:focus-visible { outline: 2px solid var(--ddp-focus-ring); outline-offset: 1px; }
.ddp-button:disabled { opacity: .5; cursor: default; }
.ddp-button--icon-only { padding: 0; width: var(--ddp-height); }

.ddp-button--default.ddp-button--contained { color: #fff; background: var(--ddp-accent); border-color: var(--ddp-accent); }
.ddp-button--default.ddp-button--contained:hover:not(:disabled) { background: var(--ddp-accent-hover); border-color: var(--ddp-accent-hover); }
.ddp-button--default.ddp-button--outlined { color: var(--ddp-accent); border-color: var(--ddp-accent); }
.ddp-button--default.ddp-button--outlined:hover:not(:disabled) { background: var(--ddp-accent-soft); }
.ddp-button--danger.ddp-button--contained { color: #fff; background: var(--ddp-danger); border-color: var(--ddp-danger); }
.ddp-button--danger.ddp-button--contained:hover:not(:disabled) {
    background: color-mix(in srgb, var(--ddp-danger) 86%, #000); border-color: color-mix(in srgb, var(--ddp-danger) 86%, #000);
}
.ddp-button--danger.ddp-button--outlined { color: var(--ddp-danger); border-color: var(--ddp-danger); }
.ddp-button--danger.ddp-button--outlined:hover:not(:disabled) { background: var(--ddp-danger-soft); }
.ddp-button--success.ddp-button--contained { color: #fff; background: var(--ddp-success); border-color: var(--ddp-success); }
.ddp-button--success.ddp-button--contained:hover:not(:disabled) {
    background: color-mix(in srgb, var(--ddp-success) 86%, #000); border-color: color-mix(in srgb, var(--ddp-success) 86%, #000);
}
.ddp-button--success.ddp-button--outlined { color: var(--ddp-success); border-color: var(--ddp-success); }
.ddp-button--success.ddp-button--outlined:hover:not(:disabled) { background: color-mix(in srgb, var(--ddp-success) 9%, var(--ddp-bg)); }
.ddp-button--normal.ddp-button--outlined { background: transparent; }
.ddp-button--text { background: transparent; border-color: transparent; }
.ddp-button--text:hover:not(:disabled) { background: var(--ddp-subtle-bg); }
.ddp-button--default.ddp-button--text { color: var(--ddp-accent); }
.ddp-button--danger.ddp-button--text { color: var(--ddp-danger); }
.ddp-button--success.ddp-button--text { color: var(--ddp-success); }

/* ---------------------------------------------------------------- editörler */

.ddp-editor { display: block; min-width: 0; }

.ddp-editor__field {
    position: relative; display: flex; align-items: center; width: 100%;
    min-height: var(--ddp-height);
    background: var(--ddp-bg);
    border: 1px solid var(--ddp-border); border-radius: var(--ddp-radius);
    transition: border-color .12s, box-shadow .12s;
}
.ddp-editor__field:hover { border-color: color-mix(in srgb, var(--ddp-border) 60%, var(--ddp-text)); }
.ddp-editor--focused .ddp-editor__field,
.ddp-editor__field:focus-within { border-color: var(--ddp-accent); box-shadow: 0 0 0 1px var(--ddp-accent); }
.ddp-editor--invalid .ddp-editor__field { border-color: var(--ddp-danger); }
.ddp-editor--invalid.ddp-editor--focused .ddp-editor__field,
.ddp-editor--invalid .ddp-editor__field:focus-within { box-shadow: 0 0 0 1px var(--ddp-danger); }
.ddp-editor--readonly .ddp-editor__field { background: var(--ddp-subtle-bg); }
.ddp-editor--disabled { opacity: .6; pointer-events: none; }

.ddp-editor__input {
    flex: 1 1 auto; min-width: 0; width: 100%;
    margin: 0; padding: 0 10px; height: calc(var(--ddp-height) - 2px);
    font: inherit; color: inherit; background: transparent;
    border: 0; outline: none; box-shadow: none; border-radius: var(--ddp-radius);
}
.ddp-editor__input::placeholder { color: var(--ddp-muted); opacity: 1; }
.ddp-editor__input[readonly] { cursor: default; }
.ddp-selectbox .ddp-editor__input[readonly] { cursor: pointer; }
.ddp-dropdownbox .ddp-editor__input[readonly] { cursor: pointer; }
/* TagBox: seçilenler alanda etiket; tek satırda (multiline: false) taşan etiketler gizlenir */
.ddp-tagbox .ddp-editor__field { cursor: pointer; }
.ddp-tagbox__tags { display: flex; flex: 1 1 auto; flex-wrap: wrap; align-items: center; gap: 4px; min-width: 0; padding: 0 0 0 4px; }
.ddp-tagbox--has-tags .ddp-tagbox__tags { padding: 3px 0 3px 4px; }
.ddp-tagbox:not(.ddp-tagbox--multiline) .ddp-tagbox__tags { flex-wrap: nowrap; overflow: hidden; }
.ddp-tagbox .ddp-tagbox__input { flex: 1 1 40px; width: 40px; min-width: 24px; padding: 0 6px; }
.ddp-tagbox--has-tags .ddp-tagbox__input { height: calc(var(--ddp-height) - 10px); }
.ddp-tagbox__tag {
    display: inline-flex; flex: none; align-items: center; gap: 2px; max-width: 100%; height: calc(var(--ddp-height) - 10px); box-sizing: border-box;
    padding: 0 2px 0 8px; font-size: .93em; line-height: 1; white-space: nowrap; cursor: default;
    background: color-mix(in srgb, var(--ddp-text) 10%, var(--ddp-bg)); border-radius: var(--ddp-radius);
}
.ddp-tagbox__tag-text { overflow: hidden; text-overflow: ellipsis; }
.ddp-tagbox__remove { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; color: var(--ddp-muted); border-radius: 50%; cursor: pointer; }
.ddp-tagbox__remove:hover { color: var(--ddp-text); background: color-mix(in srgb, var(--ddp-text) 10%, transparent); }
.ddp-tagbox__remove .ddp-icon { width: 11px; height: 11px; }
.ddp-tagbox__popup { display: flex; flex-direction: column; max-height: 360px; overflow: hidden; }
.ddp-tagbox__popup .ddp-tagbox__list { flex: 1 1 auto; min-height: 0; overflow: auto; }
.ddp-tagbox__all { display: flex; min-height: 34px; padding: 0 12px; border-bottom: 1px solid var(--ddp-border); }
.ddp-tagbox__item { display: flex; align-items: center; gap: 8px; }
.ddp-tagbox__item-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.ddp-tagbox__item--selected:not(.ddp-tagbox__item--check) { background: var(--ddp-selected-bg); font-weight: 600; }
.ddp-tagbox__item .ddp-checkbox__box--checked { color: #fff; background: var(--ddp-accent); border-color: var(--ddp-accent); }
.ddp-tagbox__buttons { display: flex; justify-content: center; gap: 8px; padding: 10px 12px; border-top: 1px solid var(--ddp-border); }

.ddp-dropdownbox--opened .ddp-editor__dropdown .ddp-icon { transform: rotate(180deg); }
textarea.ddp-editor__input { height: auto; min-height: 72px; padding: 6px 10px; resize: vertical; line-height: 1.43; }
input[type=search].ddp-editor__input::-webkit-search-cancel-button { display: none; }

.ddp-editor__button {
    display: inline-flex; align-items: center; justify-content: center; flex: none;
    width: 28px; height: calc(var(--ddp-height) - 2px); padding: 0; margin: 0;
    color: var(--ddp-muted); background: transparent; border: 0; cursor: pointer;
}
.ddp-editor__button:hover { color: var(--ddp-text); }
.ddp-editor--readonly .ddp-editor__dropdown, .ddp-editor--readonly .ddp-editor__clear { display: none; }

/* Editör etiketi (label, labelMode; ölçüler DevExtreme Fluent'teki gibi): static — çerçevenin üst kenarında; floating — boşken
   alanın içinde, odakta / doluyken / açıkken kenara çıkar; outside — alanın üstünde ayrı satır. Kenardaki etiketin üst yarısı
   saydamdır (alanın dışındaki zemin görünür); çizgiden aşağısı alanın rengiyle çerçeveyi keser. */
.ddp-editor--label-static, .ddp-editor--label-floating { margin-top: 7.5px; }
.ddp-editor__label {
    position: absolute; z-index: 1; top: 0; left: 7px; transform: translateY(-50%);
    box-sizing: border-box; max-width: calc(100% - 14px); padding: 0 3px;
    font-size: 12px; line-height: 1.25; color: color-mix(in srgb, var(--ddp-text) 66%, var(--ddp-bg));
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; pointer-events: none;
    background: linear-gradient(to bottom, transparent calc(50% - 2px), var(--ddp-label-bg, var(--ddp-bg)) calc(50% - 2px));
    transition: top .2s cubic-bezier(0, 0, .2, 1), font-size .2s cubic-bezier(0, 0, .2, 1), color .12s;
}
.ddp-editor--readonly .ddp-editor__label { --ddp-label-bg: var(--ddp-subtle-bg); }
.ddp-editor--focused .ddp-editor__label, .ddp-dropdownbox--opened .ddp-editor__label { color: var(--ddp-accent); }
.ddp-editor--invalid .ddp-editor__label { color: var(--ddp-danger); }
.ddp-editor--label-floating:not(.ddp-editor--focused):not(.ddp-editor--filled):not(.ddp-dropdownbox--opened) .ddp-editor__label {
    top: calc(var(--ddp-height) / 2 - 1px); font-size: inherit; background: none;
}
.ddp-editor--label-floating:not(.ddp-editor--focused):not(.ddp-editor--filled):not(.ddp-dropdownbox--opened) .ddp-editor__input::placeholder { color: transparent; }
.ddp-editor--label-outside > .ddp-editor__label {
    position: static; display: block; transform: none; max-width: none; padding: 0; margin: 0 0 4px;
    font-size: inherit; line-height: 20px; color: var(--ddp-text); background: none;
    white-space: normal; overflow: visible; pointer-events: auto; cursor: default; transition: none;
}
.ddp-editor--label-outside.ddp-editor--invalid > .ddp-editor__label { color: var(--ddp-danger); }

/* NumberBox döndürme düğmeleri (showSpinButtons) */
.ddp-numberbox__spin {
    display: flex; flex-direction: column; flex: none; align-self: stretch; width: 24px;
    border-radius: 0 calc(var(--ddp-radius) - 1px) calc(var(--ddp-radius) - 1px) 0; overflow: hidden;
}
.ddp-numberbox__spin-button {
    display: flex; align-items: center; justify-content: center; flex: 1 1 0; min-height: 0;
    width: 100%; padding: 0; margin: 0; color: var(--ddp-muted); background: transparent; border: 0; cursor: pointer;
}
.ddp-numberbox__spin-button:hover { color: var(--ddp-text); background: var(--ddp-subtle-bg); }
.ddp-numberbox__spin-button:active { background: color-mix(in srgb, var(--ddp-text) 10%, var(--ddp-bg)); }
.ddp-numberbox__spin .ddp-icon { width: 12px; height: 12px; }

/* CheckBox */
.ddp-checkbox { display: inline-block; }
.ddp-checkbox__label { position: relative; display: inline-flex; align-items: center; gap: 8px; min-height: var(--ddp-height); cursor: pointer; }
.ddp-checkbox__input { position: absolute; opacity: 0; width: 18px; height: 18px; margin: 0; cursor: pointer; }
.ddp-checkbox__box {
    display: inline-flex; align-items: center; justify-content: center; flex: none;
    width: 18px; height: 18px; color: transparent;
    background: var(--ddp-bg); border: 1px solid color-mix(in srgb, var(--ddp-border) 40%, var(--ddp-text));
    border-radius: 3px; transition: background-color .12s, border-color .12s;
}
.ddp-checkbox__box .ddp-icon { width: 14px; height: 14px; }
.ddp-checkbox__input:checked + .ddp-checkbox__box { color: #fff; background: var(--ddp-accent); border-color: var(--ddp-accent); }
.ddp-checkbox__input:indeterminate + .ddp-checkbox__box { background: linear-gradient(var(--ddp-accent), var(--ddp-accent)) center / 8px 2px no-repeat, var(--ddp-bg); }
.ddp-checkbox__input:focus-visible + .ddp-checkbox__box { box-shadow: 0 0 0 2px var(--ddp-focus-ring); }
.ddp-editor--readonly .ddp-checkbox__label { cursor: default; }
.ddp-editor--invalid .ddp-checkbox__box { border-color: var(--ddp-danger); }

/* ---------------------------------------------------------------- switch */

.ddp-switch { display: inline-block; vertical-align: middle; }
.ddp-switch__label { position: relative; display: inline-flex; align-items: center; min-height: var(--ddp-height); cursor: pointer; }
.ddp-switch__input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; }
.ddp-switch__track {
    position: relative; display: inline-flex; align-items: center; box-sizing: border-box;
    min-width: 44px; height: 22px; padding: 0 8px 0 24px; border-radius: 11px;
    font-size: 10px; font-weight: 600; letter-spacing: .02em; line-height: 1; white-space: nowrap;
    color: var(--ddp-text-secondary); background: var(--ddp-bg);
    border: 1px solid color-mix(in srgb, var(--ddp-border) 40%, var(--ddp-text));
    transition: background-color .15s, border-color .15s, color .15s;
}
.ddp-switch__handle {
    position: absolute; top: 3px; left: 3px; width: 14px; height: 14px; border-radius: 50%;
    background: color-mix(in srgb, var(--ddp-border) 40%, var(--ddp-text)); transition: left .15s, background-color .15s;
}
.ddp-switch__text--on { display: none; }
.ddp-switch__text:empty { display: none; }
.ddp-switch--on .ddp-switch__track { color: #fff; background: var(--ddp-accent); border-color: var(--ddp-accent); padding: 0 24px 0 8px; }
.ddp-switch--on .ddp-switch__handle { left: calc(100% - 17px); background: #fff; }
.ddp-switch--on .ddp-switch__text--on { display: inline; }
.ddp-switch--on .ddp-switch__text--off { display: none; }
.ddp-switch__input:focus-visible + .ddp-switch__track { box-shadow: 0 0 0 2px var(--ddp-focus-ring); }
.ddp-editor--readonly .ddp-switch__label { cursor: default; }
.ddp-editor--disabled .ddp-switch__track { opacity: .55; }

/* ---------------------------------------------------------------- radio group */

.ddp-radiogroup { display: block; }
.ddp-radiogroup__list { display: flex; flex-direction: column; gap: 6px; }
.ddp-radiogroup--horizontal .ddp-radiogroup__list { flex-direction: row; flex-wrap: wrap; gap: 6px 20px; }
.ddp-radio { position: relative; display: inline-flex; align-items: flex-start; gap: 8px; min-height: 24px; cursor: pointer; line-height: 1.43; }
.ddp-radio__input { position: absolute; opacity: 0; width: 18px; height: 18px; margin: 0; cursor: pointer; }
.ddp-radio__box {
    display: inline-flex; flex: none; width: 18px; height: 18px; margin-top: 1px; box-sizing: border-box;
    background: var(--ddp-bg); border: 1px solid color-mix(in srgb, var(--ddp-border) 40%, var(--ddp-text)); border-radius: 50%;
    transition: border-color .12s, box-shadow .12s;
}
.ddp-radio__input:checked + .ddp-radio__box { border: 6px solid var(--ddp-accent); }
.ddp-radio__input:focus-visible + .ddp-radio__box { box-shadow: 0 0 0 2px var(--ddp-focus-ring); }
.ddp-radio__input:disabled + .ddp-radio__box { opacity: .5; }
.ddp-editor--readonly .ddp-radio { cursor: default; }
.ddp-editor--invalid .ddp-radio__box { border-color: var(--ddp-danger); }

/* ---------------------------------------------------------------- html editor */

.ddp-htmleditor__field { display: flex; flex-direction: column; align-items: stretch; min-height: 0; }
.ddp-htmleditor__toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 2px; padding: 4px 6px; border-bottom: 1px solid var(--ddp-border); background: var(--ddp-subtle-bg); border-radius: var(--ddp-radius) var(--ddp-radius) 0 0; }
.ddp-htmleditor__button {
    display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; padding: 0;
    font: inherit; font-size: 13px; font-weight: 600; color: var(--ddp-text-secondary); background: transparent; border: 1px solid transparent; border-radius: var(--ddp-radius); cursor: pointer;
}
.ddp-htmleditor__button:hover { color: var(--ddp-text); background: var(--ddp-bg); border-color: var(--ddp-border); }
.ddp-htmleditor__button--active { color: var(--ddp-accent); background: var(--ddp-accent-soft); border-color: transparent; }
.ddp-htmleditor__button--italic-text { font-style: italic; }
.ddp-htmleditor__button--underline-text { text-decoration: underline; }
.ddp-htmleditor__button--strike-text { text-decoration: line-through; }
.ddp-htmleditor__separator { width: 1px; height: 18px; margin: 0 4px; background: var(--ddp-border); }
.ddp-htmleditor__content { flex: 1 1 auto; min-height: 120px; padding: 8px 10px; overflow: auto; outline: none; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; }
.ddp-htmleditor__content[contenteditable=false] { cursor: default; }
.ddp-htmleditor--empty .ddp-htmleditor__content:not(:focus)::before { content: attr(data-placeholder); color: var(--ddp-muted); pointer-events: none; }
.ddp-htmleditor__content p { margin: 0 0 .5em; }
.ddp-editor--invalid .ddp-htmleditor__field { border-color: var(--ddp-danger); }

/* ---------------------------------------------------------------- button group */

.ddp-button-group { display: inline-flex; vertical-align: middle; }
.ddp-button-group__item .ddp-button { border-radius: 0; }
.ddp-button-group__item + .ddp-button-group__item .ddp-button--outlined { margin-left: -1px; }
.ddp-button-group__item:first-child .ddp-button { border-top-left-radius: var(--ddp-radius); border-bottom-left-radius: var(--ddp-radius); }
.ddp-button-group__item:last-child .ddp-button { border-top-right-radius: var(--ddp-radius); border-bottom-right-radius: var(--ddp-radius); }
.ddp-button-group__item--selected { position: relative; z-index: 1; }

/* ---------------------------------------------------------------- açılır panel, liste, menü */

.ddp-dropdown {
    position: absolute; z-index: 1600; box-sizing: border-box;
    max-height: 320px; overflow: auto;
    background: var(--ddp-bg); color: var(--ddp-text);
    border: 1px solid var(--ddp-border); border-radius: var(--ddp-radius); box-shadow: var(--ddp-shadow);
}

.ddp-list { padding: 4px 0; }
.ddp-list__item { padding: 6px 12px; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ddp-list__item--active, .ddp-list__item:hover { background: var(--ddp-subtle-bg); }
.ddp-list__item--selected { background: var(--ddp-selected-bg); font-weight: 600; }
.ddp-list__item--disabled, .ddp-list__item--disabled:hover { background: transparent; opacity: .5; cursor: default; }

/* DropDownBox paneli: içerik kendi içinde kayar (panel yüksekliği yer yoksa açılır panelce kısıtlanır) */
.ddp-dropdown.ddp-dropdownbox__popup { display: flex; flex-direction: column; max-height: 420px; overflow: hidden; }
.ddp-dropdownbox__content { flex: 1 1 auto; min-height: 0; overflow: auto; padding: 6px; box-sizing: border-box; }
.ddp-list__message { padding: 8px 12px; color: var(--ddp-muted); }
.ddp-list__message--error { color: var(--ddp-danger); }

.ddp-menu { min-width: 160px; padding: 4px 0; }
.ddp-menu__item {
    display: flex; align-items: center; gap: 8px; width: 100%; box-sizing: border-box;
    padding: 7px 14px; margin: 0; text-align: left; white-space: nowrap;
    font: inherit; color: inherit; background: transparent; border: 0; cursor: pointer;
}
.ddp-menu__item:hover:not(:disabled), .ddp-menu__item:focus-visible { background: var(--ddp-subtle-bg); outline: none; }
.ddp-menu__item:disabled { opacity: .5; cursor: default; }
.ddp-menu__item--selected { color: var(--ddp-accent); font-weight: 600; }
.ddp-menu__separator { height: 1px; margin: 4px 0; background: var(--ddp-border); }

/* Takvim ve saat listesi */
.ddp-datebox__popup { overflow: visible; max-height: none; }
.ddp-datebox__popup--time { overflow: auto; max-height: 280px; min-width: 110px; }
.ddp-datebox__time-list .ddp-list__item { text-align: center; }
.ddp-calendar { width: 280px; padding: 8px; box-sizing: border-box; user-select: none; }
.ddp-calendar__header { display: flex; align-items: center; gap: 2px; margin-bottom: 6px; }
.ddp-calendar__caption { flex: 1; text-align: center; font-weight: 600; text-transform: capitalize; }
.ddp-calendar__nav {
    display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; padding: 0;
    color: var(--ddp-text); background: transparent; border: 0; border-radius: var(--ddp-radius); cursor: pointer;
}
.ddp-calendar__nav:hover { background: var(--ddp-subtle-bg); }
.ddp-calendar__grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.ddp-calendar__weekday { padding: 4px 0; text-align: center; font-size: 12px; color: var(--ddp-muted); text-transform: capitalize; }
.ddp-calendar__day {
    height: 32px; padding: 0; font: inherit; color: var(--ddp-text);
    background: transparent; border: 1px solid transparent; border-radius: var(--ddp-radius); cursor: pointer;
}
.ddp-calendar__day:hover:not(:disabled) { background: var(--ddp-subtle-bg); }
.ddp-calendar__day:focus-visible { outline: 2px solid var(--ddp-focus-ring); outline-offset: -1px; }
.ddp-calendar__day--other { color: var(--ddp-muted); }
.ddp-calendar__day--today { border-color: var(--ddp-accent); }
.ddp-calendar__day--selected { color: #fff; background: var(--ddp-accent); }
.ddp-calendar__day--selected:hover:not(:disabled) { background: var(--ddp-accent-hover); }
.ddp-calendar__day:disabled { opacity: .35; cursor: default; }
.ddp-calendar__footer { display: flex; align-items: center; justify-content: flex-end; gap: 6px; margin-top: 8px; flex-wrap: wrap; }
.ddp-calendar__time-row { display: flex; align-items: center; gap: 4px; margin-right: auto; }
.ddp-calendar__time {
    width: 52px; height: 30px; padding: 0 6px; font: inherit; color: inherit; text-align: center;
    background: var(--ddp-bg); border: 1px solid var(--ddp-border); border-radius: var(--ddp-radius);
}

/* ---------------------------------------------------------------- popup */

.ddp-overlay {
    position: fixed; inset: 0; z-index: 1500; display: none;
    align-items: center; justify-content: center; padding: 16px; box-sizing: border-box;
    background: rgba(0, 0, 0, .35);
}
.ddp-overlay--visible { display: flex; animation: ddp-fade .12s ease-out; }

.ddp-popup {
    display: flex; flex-direction: column; box-sizing: border-box;
    max-width: 95vw; max-height: 90vh; min-width: min(320px, 95vw);
    background: var(--ddp-bg); color: var(--ddp-text);
    border-radius: calc(var(--ddp-radius) * 2); box-shadow: var(--ddp-shadow); outline: none;
}
.ddp-popup__header { display: flex; align-items: center; gap: 8px; padding: 14px 16px 10px 20px; }
.ddp-popup__header--draggable { cursor: move; user-select: none; }
.ddp-popup--resizable { resize: both; overflow: hidden; min-height: 160px; }
.ddp-popup__title { flex: 1; min-width: 0; font-size: 1.15em; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ddp-popup__close {
    display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0;
    color: var(--ddp-muted); background: transparent; border: 0; border-radius: var(--ddp-radius); cursor: pointer;
}
.ddp-popup__close:hover { color: var(--ddp-text); background: var(--ddp-subtle-bg); }
.ddp-popup__content { flex: 1 1 auto; min-height: 0; overflow: auto; padding: 6px 20px 12px; }
.ddp-popup__footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 20px 16px; }
.ddp-popup__footer-before, .ddp-popup__footer-after { display: flex; gap: 8px; }
.ddp-popup__toolbar-item { display: flex; align-items: center; min-width: 0; }
.ddp-popup--busy .ddp-popup__content { opacity: .6; pointer-events: none; }
.ddp-popup--busy { cursor: progress; }

.ddp-dialog { max-width: 480px; }
.ddp-dialog .ddp-popup__content { padding-top: 16px; }
.ddp-dialog__message { white-space: pre-line; }

/* ---------------------------------------------------------------- bildirim */

.ddp-toasts {
    position: fixed; z-index: 2000; left: 50%; bottom: 24px; transform: translateX(-50%);
    display: flex; flex-direction: column; align-items: center; gap: 8px; pointer-events: none;
}
.ddp-toast {
    display: flex; align-items: center; gap: 10px; max-width: min(560px, 92vw);
    padding: 10px 16px; color: #fff; background: #323232;
    border-radius: var(--ddp-radius); box-shadow: var(--ddp-shadow);
    pointer-events: auto; cursor: pointer; animation: ddp-rise .16s ease-out;
}
.ddp-toast--success { background: var(--ddp-success); }
.ddp-toast--error { background: var(--ddp-danger); }
.ddp-toast--warning { background: var(--ddp-warning); }
.ddp-toast--info { background: #323232; }
.ddp-toast--hiding { opacity: 0; transition: opacity .2s; }

/* ---------------------------------------------------------------- yükleme */

.ddp-load-panel {
    position: absolute; z-index: 5; left: 50%; top: 50%; transform: translate(-50%, -50%);
    display: flex; align-items: center; gap: 10px; padding: 12px 18px;
    background: var(--ddp-bg); border: 1px solid var(--ddp-border); border-radius: var(--ddp-radius); box-shadow: var(--ddp-shadow);
}
.ddp-spinner {
    width: 18px; height: 18px; box-sizing: border-box;
    border: 2px solid var(--ddp-accent-soft); border-top-color: var(--ddp-accent); border-radius: 50%;
    animation: ddp-spin .8s linear infinite;
}

@keyframes ddp-spin { to { transform: rotate(360deg); } }
@keyframes ddp-fade { from { opacity: 0; } }
@keyframes ddp-rise { from { opacity: 0; transform: translateY(8px); } }

/* ---------------------------------------------------------------- form */

.ddp-form { --ddp-label-width: auto; }
.ddp-form__grid { display: grid; grid-template-columns: repeat(var(--ddp-cols, 1), minmax(0, 1fr)); gap: 12px 24px; align-items: start; }
.ddp-form__grid--single { grid-template-columns: minmax(0, 1fr); }
.ddp-form__grid--single > * { grid-column: auto !important; }
.ddp-form__item { display: grid; grid-template-columns: var(--ddp-label-width) minmax(0, 1fr); column-gap: 12px; align-items: start; min-width: 0; }
.ddp-form__item--no-label, .ddp-form__item--empty { grid-template-columns: minmax(0, 1fr); }
.ddp-form--label-top .ddp-form__item, .ddp-form__item--label-top { grid-template-columns: minmax(0, 1fr); row-gap: 4px; }
.ddp-form__label {
    display: flex; align-items: center; min-height: var(--ddp-height); gap: 1px;
    color: var(--ddp-text-secondary); white-space: nowrap;
}
.ddp-form--label-top .ddp-form__label, .ddp-form__item--label-top .ddp-form__label { min-height: 0; white-space: normal; }
.ddp-form__required { color: var(--ddp-danger); margin-left: 2px; }
.ddp-form__editor-wrap { min-width: 0; }
.ddp-form__message { margin-top: 3px; font-size: .9em; color: var(--ddp-danger); }
.ddp-form__help { margin-top: 3px; font-size: .9em; color: var(--ddp-muted); }
.ddp-form__group { min-width: 0; margin: 0; padding: 0; border: 0; }
.ddp-form__group-caption { padding: 0 0 6px; margin-bottom: 10px; width: 100%; font-weight: 600; font-size: 1.05em; border-bottom: 1px solid var(--ddp-border); }
.ddp-form__error, .ddp-form__summary {
    margin-bottom: 12px; padding: 8px 12px; color: var(--ddp-danger);
    background: var(--ddp-danger-soft); border-radius: var(--ddp-radius);
}
.ddp-form__summary { margin: 12px 0 0; }
.ddp-form__summary ul { margin: 0; padding-left: 18px; }
.ddp-form__item .ddp-checkbox { min-height: var(--ddp-height); }

@media (max-width: 575px) {
    .ddp-form__grid { grid-template-columns: minmax(0, 1fr); }
    .ddp-form__grid > * { grid-column: auto !important; }
    .ddp-form__item { grid-template-columns: minmax(0, 1fr); row-gap: 4px; }
    .ddp-form__label { min-height: 0; }
}

/* ---------------------------------------------------------------- card view */

.ddp-cardview { position: relative; box-sizing: border-box; font-family: var(--ddp-font-family); font-size: var(--ddp-font-size); color: var(--ddp-text); }
.ddp-cardview__cards { display: grid; gap: 12px; }
.ddp-cardview__card { box-sizing: border-box; min-width: 0; background: var(--ddp-bg); border: 1px solid var(--ddp-border); border-radius: var(--ddp-radius); padding: 12px 14px; transition: box-shadow .12s; }
.ddp-cardview--hover .ddp-cardview__card:hover { box-shadow: 0 2px 8px color-mix(in srgb, var(--ddp-text) 12%, transparent); }
.ddp-cardview__header { display: flex; align-items: center; min-width: 0; margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid var(--ddp-border); font-weight: 600; }
.ddp-cardview__header > * { min-width: 0; }
.ddp-cardview__fields { display: grid; grid-template-columns: max-content minmax(0, 1fr); column-gap: 14px; row-gap: 6px; }
.ddp-cardview__field { display: contents; }
.ddp-cardview__field-caption { color: var(--ddp-text-secondary); white-space: nowrap; }
.ddp-cardview__field-value { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ddp-cardview--wrap .ddp-cardview__field-value { white-space: normal; overflow: visible; overflow-wrap: anywhere; }
.ddp-cardview__footer { margin: 10px 0 0; padding: 10px 0 0; border-top: 1px solid var(--ddp-border); color: var(--ddp-text-secondary); }
.ddp-cardview__nodata { padding: 24px; text-align: center; color: var(--ddp-text-secondary); }
.ddp-cardview--loading { opacity: .6; }
@media (max-width: 575px) {
    .ddp-cardview__fields { grid-template-columns: minmax(0, 1fr); row-gap: 2px; }
    .ddp-cardview__field-caption { margin-top: 6px; }
}

/* ---------------------------------------------------------------- chart */

.ddp-chart { position: relative; box-sizing: border-box; width: 100%; font-family: var(--ddp-font-family); font-size: var(--ddp-font-size); color: var(--ddp-text); }
.ddp-chart__svg { display: block; width: 100%; height: 100%; overflow: visible; }
.ddp-chart__point:hover, .ddp-chart__bar:hover { filter: brightness(1.15); }
.ddp-piechart__slice { transition: filter .12s; }
.ddp-piechart__slice:hover { filter: brightness(1.12); }
.ddp-chart__tooltip {
    position: absolute; z-index: 5; pointer-events: none; max-width: 320px; padding: 6px 10px;
    background: var(--ddp-bg); color: var(--ddp-text); border: 1px solid var(--ddp-border); border-left-width: 3px;
    border-radius: var(--ddp-radius); box-shadow: 0 2px 8px rgba(0, 0, 0, .18); font-size: calc(var(--ddp-font-size) - 1px); white-space: nowrap;
}
.ddp-chart--loading { opacity: .6; }


/* --- 20-grid.css --- */
/* DataGrid */

.ddp-grid {
    position: relative; display: flex; flex-direction: column; box-sizing: border-box; min-width: 0;
    background: var(--ddp-bg);
}
.ddp-grid *, .ddp-grid *::before, .ddp-grid *::after { box-sizing: border-box; }
.ddp-grid--disabled { opacity: .6; pointer-events: none; }
.ddp-grid--borders { border: 1px solid var(--ddp-border); }

/* araç çubuğu */
.ddp-grid__toolbar { display: flex; align-items: center; gap: 8px; padding: 0 0 8px; flex-wrap: wrap; }
.ddp-grid--borders > .ddp-grid__toolbar { padding: 8px 8px; border-bottom: 1px solid var(--ddp-border); }
.ddp-grid__toolbar-before, .ddp-grid__toolbar-center, .ddp-grid__toolbar-after { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ddp-grid__toolbar-center { flex: 1; justify-content: center; }
.ddp-grid__toolbar-before:empty, .ddp-grid__toolbar-center:empty { display: none; }
.ddp-grid__toolbar-item--template { display: flex; align-items: center; min-width: 0; }
.ddp-grid__toolbar-after { margin-left: auto; }
.ddp-grid__toolbar-text { font-weight: 600; }
.ddp-grid__search .ddp-editor__field { padding-left: 6px; }
.ddp-grid__search-icon { display: inline-flex; color: var(--ddp-muted); padding-left: 4px; }
.ddp-grid__search .ddp-editor__input { padding-left: 6px; }

/* hata satırı */
.ddp-grid__error {
    display: flex; align-items: flex-start; gap: 8px; padding: 8px 12px; margin-bottom: 8px;
    color: var(--ddp-danger); background: var(--ddp-danger-soft); border-radius: var(--ddp-radius);
}
.ddp-grid__error-text { flex: 1; white-space: pre-line; }
.ddp-grid__error-close { padding: 0; color: inherit; background: transparent; border: 0; cursor: pointer; }

/* kaydırma alanı ve tablo */
.ddp-grid__scroll { position: relative; overflow-x: auto; min-height: 0; }
.ddp-grid--fixed-height > .ddp-grid__scroll { flex: 1 1 auto; overflow: auto; }
.ddp-grid__table { width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed; outline: none; }
.ddp-grid--auto-width > :where(.ddp-grid__scroll) > .ddp-grid__table { table-layout: auto; }

.ddp-grid__head { position: sticky; top: 0; z-index: 2; }
.ddp-grid__foot { position: sticky; bottom: 0; z-index: 2; }

/* sabit kolonlar (column.fixed, rowActions.fixed): yatay kaydırmada kenarda kalır; arka plan satır renginden gelir */
.ddp-grid__table .ddp-grid__fixed { position: sticky; z-index: 1; }
.ddp-grid__table .ddp-grid__fixed--left.ddp-grid__fixed--edge { box-shadow: inset -1px 0 0 var(--ddp-border); }
.ddp-grid__table .ddp-grid__fixed--right.ddp-grid__fixed--edge { box-shadow: inset 1px 0 0 var(--ddp-border); }

.ddp-grid__header, .ddp-grid__cell, .ddp-grid__filter-cell, .ddp-grid__total-cell, .ddp-grid__nodata {
    padding: var(--ddp-cell-padding-y) var(--ddp-cell-padding-x);
    border-bottom: 1px solid transparent;
    vertical-align: middle;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.ddp-grid--wrap > :where(.ddp-grid__scroll) > :where(.ddp-grid__table) > :where(thead, tbody, tfoot) > :where(tr) > .ddp-grid__cell { white-space: normal; overflow-wrap: anywhere; }

.ddp-grid__header {
    position: relative; text-align: left; font-weight: var(--ddp-header-weight); color: var(--ddp-header-text);
    background: var(--ddp-bg); border-bottom: 1px solid var(--ddp-border); user-select: none;
}
.ddp-grid__header--sortable { cursor: pointer; }
.ddp-grid__header--sortable:hover { color: var(--ddp-text); }
.ddp-grid__header:focus-visible { outline: 2px solid var(--ddp-focus-ring); outline-offset: -2px; }
.ddp-grid__header-content { display: flex; align-items: center; gap: 4px; min-width: 0; }
.ddp-align-right .ddp-grid__header-content { flex-direction: row-reverse; }
.ddp-align-center .ddp-grid__header-content { justify-content: center; }
.ddp-grid__caption { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.ddp-grid__sort { display: inline-flex; align-items: center; flex: none; color: var(--ddp-accent); }
.ddp-grid__sort .ddp-icon { width: 14px; height: 14px; }
.ddp-grid__sort-index { font-size: 11px; font-weight: 600; }

.ddp-align-left { text-align: left; }
.ddp-align-right { text-align: right; }
.ddp-align-center { text-align: center; }

/* kolon ve satır çizgileri (yalnız grid'in kendi hücreleri; detay satırındaki iç grid'e geçmez) */
.ddp-grid--column-lines > :where(.ddp-grid__scroll) > :where(.ddp-grid__table) > :where(thead, tbody, tfoot) > :where(tr) > .ddp-grid__header + .ddp-grid__header,
.ddp-grid--column-lines > :where(.ddp-grid__scroll) > :where(.ddp-grid__table) > :where(thead, tbody, tfoot) > :where(tr) > .ddp-grid__cell + .ddp-grid__cell,
.ddp-grid--column-lines > :where(.ddp-grid__scroll) > :where(.ddp-grid__table) > :where(thead, tbody, tfoot) > :where(tr) > .ddp-grid__filter-cell + .ddp-grid__filter-cell,
.ddp-grid--column-lines > :where(.ddp-grid__scroll) > :where(.ddp-grid__table) > :where(thead, tbody, tfoot) > :where(tr) > .ddp-grid__total-cell + .ddp-grid__total-cell { border-left: 1px solid var(--ddp-border); }
.ddp-grid--row-lines > :where(.ddp-grid__scroll) > :where(.ddp-grid__table) > :where(thead, tbody, tfoot) > :where(tr) > .ddp-grid__cell { border-bottom-color: var(--ddp-border); }

/* hücre düzenleme */
.ddp-grid__cell--editing { padding: 2px 4px !important; }
.ddp-grid__cell-editor { min-width: 0; }
.ddp-grid__cell-editor .ddp-editor { width: 100%; display: block; }
.ddp-grid__cell--invalid .ddp-editor__field { border-color: var(--ddp-danger); }
.ddp-grid--cell-edit > :where(.ddp-grid__scroll) > :where(.ddp-grid__table) > :where(thead, tbody, tfoot) > :where(tr) > .ddp-grid__cell { cursor: text; }

/* filtre satırı */
.ddp-grid__filter-cell { padding: 4px; background: var(--ddp-bg); border-bottom: 1px solid var(--ddp-border); overflow: visible; }
.ddp-grid__filter { display: flex; align-items: flex-start; gap: 2px; }
.ddp-grid__filter-editors { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.ddp-grid__filter-editor .ddp-editor__field { border-color: color-mix(in srgb, var(--ddp-border) 85%, var(--ddp-bg)); }
.ddp-grid__filter-op {
    display: inline-flex; align-items: center; justify-content: center; flex: none;
    width: 26px; height: var(--ddp-height); padding: 0;
    font: inherit; font-size: 13px; font-weight: 600; color: var(--ddp-muted);
    background: transparent; border: 0; border-radius: var(--ddp-radius); cursor: pointer;
}
.ddp-grid__filter-op:hover { color: var(--ddp-accent); background: var(--ddp-subtle-bg); }
.ddp-grid__filter-op .ddp-icon { width: 14px; height: 14px; }

/* gövde */
.ddp-grid__row > .ddp-grid__cell { background: var(--ddp-bg); }
.ddp-grid--alt-rows > :where(.ddp-grid__scroll) > :where(.ddp-grid__table) > :where(tbody) > .ddp-grid__row--alt > .ddp-grid__cell { background: var(--ddp-row-alt); }
.ddp-grid--hover > :where(.ddp-grid__scroll) > :where(.ddp-grid__table) > :where(tbody) > .ddp-grid__row:hover > .ddp-grid__cell { background: var(--ddp-row-hover); }
.ddp-grid .ddp-grid__row--selected > .ddp-grid__cell { background: var(--ddp-selected-bg); }

/* toplu düzenleme (editing.mode: 'batch'): değişen / eklenen hücre yeşil, geçersiz hücre kırmızı, silinecek satır gri
   (satır renklerinden sonra: alternatif / üzerinde / seçili satırda da görünür) */
.ddp-grid__row > .ddp-grid__cell.ddp-grid__cell--modified { background: color-mix(in srgb, var(--ddp-success) 9%, var(--ddp-bg)); }
.ddp-grid__row > .ddp-grid__cell.ddp-grid__cell--invalid:not(.ddp-grid__cell--editing) { background: color-mix(in srgb, var(--ddp-danger) 5%, var(--ddp-bg)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ddp-danger) 35%, transparent); }
.ddp-grid__row--inserted > .ddp-grid__cell:not(.ddp-grid__cell--modified):not(.ddp-grid__command-cell) { color: var(--ddp-text-secondary); }
.ddp-grid__row.ddp-grid__row--removed > .ddp-grid__cell { background: var(--ddp-subtle-bg); }
.ddp-grid__row--removed > .ddp-grid__cell:not(.ddp-grid__command-cell) { color: var(--ddp-text-secondary); }
.ddp-grid--cell-edit > :where(.ddp-grid__scroll) > :where(.ddp-grid__table) > :where(tbody) > .ddp-grid__row--removed > .ddp-grid__cell { cursor: default; }

.ddp-grid__nodata { padding: 24px 12px; text-align: center; color: var(--ddp-muted); white-space: normal; }
.ddp-grid--loading > :where(.ddp-grid__scroll) > :where(.ddp-grid__table) > .ddp-grid__body { opacity: .65; transition: opacity .15s .15s; }

.ddp-grid__select-cell { width: 40px; text-align: center; padding-left: 4px; padding-right: 4px; }
.ddp-grid__select { width: 16px; height: 16px; margin: 0; vertical-align: middle; accent-color: var(--ddp-accent); cursor: pointer; }

.ddp-grid__bool {
    display: inline-flex; align-items: center; justify-content: center; vertical-align: middle;
    width: 16px; height: 16px; border: 1px solid color-mix(in srgb, var(--ddp-border) 40%, var(--ddp-text)); border-radius: 3px;
}
.ddp-grid__bool--true { color: #fff; background: var(--ddp-muted); border-color: var(--ddp-muted); }
.ddp-grid__bool .ddp-icon { width: 12px; height: 12px; }

/* komut kolonu ve satır aksiyonları */
.ddp-grid__command-cell { padding-top: 2px; padding-bottom: 2px; overflow: visible; }
.ddp-grid__commands { display: inline-flex; align-items: center; gap: 10px; }
.ddp-grid__command {
    padding: 2px 0; margin: 0; font: inherit; color: var(--ddp-accent);
    background: transparent; border: 0; cursor: pointer; white-space: nowrap;
}
.ddp-grid__command:hover:not(:disabled) { text-decoration: underline; }
.ddp-grid__command:disabled { opacity: .5; cursor: default; }
.ddp-grid__command--icon { display: inline-flex; padding: 4px; border-radius: var(--ddp-radius); }
.ddp-grid__command--icon:hover:not(:disabled) { background: var(--ddp-subtle-bg); text-decoration: none; }
.ddp-grid__kebab {
    display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; padding: 0;
    color: var(--ddp-text-secondary); background: transparent; border: 0; border-radius: var(--ddp-radius); cursor: pointer;
}
.ddp-grid__kebab:hover, .ddp-grid__kebab[aria-expanded=true] { color: var(--ddp-text); background: var(--ddp-subtle-bg); }
.ddp-grid__kebab:focus-visible { outline: 2px solid var(--ddp-focus-ring); }

/* özet */
.ddp-grid__total-cell { font-weight: 600; background: var(--ddp-subtle-bg); border-top: 1px solid var(--ddp-border); white-space: normal; }
.ddp-grid__summary-item + .ddp-grid__summary-item { margin-top: 2px; }

/* sayfalayıcı */
.ddp-grid__pager { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 0 0; flex-wrap: wrap; }
.ddp-grid--borders > .ddp-grid__pager { padding: 8px; border-top: 1px solid var(--ddp-border); }
.ddp-grid__pager-sizes, .ddp-grid__pager-pages, .ddp-grid__pager-nav { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.ddp-grid__pager-pages { margin-left: auto; gap: 12px; }
.ddp-grid__pager-info { color: var(--ddp-muted); white-space: nowrap; }
.ddp-grid__page, .ddp-grid__page-size, .ddp-grid__page-nav {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 30px; height: 30px; padding: 0 8px; margin: 0;
    font: inherit; color: var(--ddp-text); background: transparent;
    border: 1px solid transparent; border-radius: var(--ddp-radius); cursor: pointer;
}
.ddp-grid__page:hover, .ddp-grid__page-size:hover, .ddp-grid__page-nav:hover:not(:disabled) { background: var(--ddp-subtle-bg); }
.ddp-grid__page--current, .ddp-grid__page-size--current { font-weight: 600; background: var(--ddp-selected-bg); border-color: transparent; }
.ddp-grid__page-nav:disabled { opacity: .4; cursor: default; }
.ddp-grid__page-gap { padding: 0 4px; color: var(--ddp-muted); }
.ddp-grid__pager-compact { padding: 0 6px; }

/* gruplama */
.ddp-grid__group-panel {
    display: flex; align-items: center; flex-wrap: wrap; gap: 6px; min-height: var(--ddp-height); min-width: 220px;
    padding: 2px 6px; border: 1px dashed transparent; border-radius: var(--ddp-radius);
}
.ddp-grid__group-panel--over { border-color: var(--ddp-accent); background: var(--ddp-accent-soft); }
.ddp-grid__group-panel-message { color: var(--ddp-muted); white-space: nowrap; }
.ddp-grid__group-chip {
    display: inline-flex; align-items: center; gap: 4px; height: calc(var(--ddp-height) - 4px); padding: 0 4px 0 10px;
    color: var(--ddp-text); background: var(--ddp-subtle-bg); border: 1px solid var(--ddp-border); border-radius: var(--ddp-radius);
    cursor: pointer; user-select: none; white-space: nowrap;
}
.ddp-grid__group-chip:hover { border-color: color-mix(in srgb, var(--ddp-border) 50%, var(--ddp-text)); }
.ddp-grid__group-chip:focus-visible { outline: 2px solid var(--ddp-focus-ring); outline-offset: 1px; }
.ddp-grid__group-chip--dragging { opacity: .5; }
.ddp-grid__group-remove {
    display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; padding: 0;
    color: var(--ddp-muted); background: transparent; border: 0; border-radius: var(--ddp-radius); cursor: pointer;
}
.ddp-grid__group-remove:hover { color: var(--ddp-text); background: color-mix(in srgb, var(--ddp-text) 8%, transparent); }
.ddp-grid__group-remove .ddp-icon { width: 12px; height: 12px; }
.ddp-grid__header[draggable=true] { cursor: grab; }
.ddp-grid__header--sortable[draggable=true] { cursor: pointer; }
.ddp-grid__header--dragging { opacity: .5; }

.ddp-grid__group-indent { width: 30px; padding-left: 0 !important; padding-right: 0 !important; }
.ddp-grid__header.ddp-grid__group-indent + .ddp-grid__header,
.ddp-grid__cell.ddp-grid__group-indent + .ddp-grid__cell,
.ddp-grid__filter-cell.ddp-grid__group-indent + .ddp-grid__filter-cell { border-left-color: transparent !important; }
.ddp-grid__row > .ddp-grid__group-indent { background: var(--ddp-bg) !important; }
.ddp-grid__group-row > td {
    padding: var(--ddp-cell-padding-y) var(--ddp-cell-padding-x); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    background: var(--ddp-subtle-bg); border-bottom: 1px solid var(--ddp-border); cursor: pointer;
}
.ddp-grid__group-row > .ddp-grid__group-indent { background: var(--ddp-bg); border-bottom-color: transparent; cursor: default; }
.ddp-grid__group-row > .ddp-grid__group-toggle { width: 30px; padding: 0; text-align: center; }
.ddp-grid__group-expander {
    display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0;
    color: var(--ddp-text-secondary); background: transparent; border: 0; border-radius: var(--ddp-radius); cursor: pointer; vertical-align: middle;
}
.ddp-grid__group-expander:hover { color: var(--ddp-text); background: color-mix(in srgb, var(--ddp-text) 8%, transparent); }
.ddp-grid__group-expander:focus-visible { outline: 2px solid var(--ddp-focus-ring); }
.ddp-grid__group-expander .ddp-icon { width: 14px; height: 14px; }
.ddp-grid__group-summary { font-weight: 600; }
.ddp-grid__group-footer > td {
    padding: var(--ddp-cell-padding-y) var(--ddp-cell-padding-x); font-weight: 600; white-space: normal;
    background: var(--ddp-bg); border-bottom: 1px solid var(--ddp-border);
}
.ddp-grid__group-footer > .ddp-grid__group-indent { border-bottom-color: transparent; }

/* kolon genişliği */
.ddp-grid__header--resizable { overflow: visible; }
.ddp-grid__resizer {
    position: absolute; top: 0; right: -4px; bottom: 0; z-index: 3; width: 8px; cursor: col-resize; touch-action: none;
}
.ddp-grid__resizer::after { content: ''; position: absolute; top: 20%; bottom: 20%; left: 3px; width: 2px; border-radius: 1px; background: transparent; }
.ddp-grid__header:hover .ddp-grid__resizer::after { background: var(--ddp-border); }
.ddp-grid__resizer:hover::after, html.ddp-col-resizing .ddp-grid__resizer::after { background: var(--ddp-accent); }
html.ddp-col-resizing, html.ddp-col-resizing * { cursor: col-resize !important; user-select: none; }
.ddp-grid__header:last-child .ddp-grid__resizer { right: 0; }

/* kolon seçici */
.ddp-grid__chooser-popup { overflow: visible; max-height: none; }
.ddp-grid__chooser { box-sizing: border-box; padding: 8px 0 6px; }
.ddp-grid__chooser-title { padding: 0 12px 6px; font-weight: 600; color: var(--ddp-text-secondary); font-size: .92em; text-transform: uppercase; letter-spacing: .02em; }
.ddp-grid__chooser-search { padding: 0 10px 6px; }
.ddp-grid__chooser-list { overflow: auto; }
.ddp-grid__chooser-item { display: flex; min-height: 30px; padding: 0 12px; gap: 8px; align-items: center; width: 100%; box-sizing: border-box; }
.ddp-grid__chooser-item:hover { background: var(--ddp-subtle-bg); }
.ddp-grid__chooser-item .ddp-checkbox__text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* başlık filtresi */
.ddp-grid__header-filter {
    display: inline-flex; align-items: center; justify-content: center; flex: none; width: 22px; height: 22px; padding: 0; margin-left: auto;
    color: var(--ddp-muted); background: transparent; border: 0; border-radius: var(--ddp-radius); cursor: pointer; opacity: .55;
}
.ddp-grid__header:hover .ddp-grid__header-filter, .ddp-grid__header-filter--active, .ddp-grid__header-filter:focus-visible { opacity: 1; }
.ddp-grid__header-filter:hover { color: var(--ddp-text); background: var(--ddp-subtle-bg); }
.ddp-grid__header-filter--active { color: var(--ddp-accent); }
.ddp-grid__header-filter .ddp-icon { width: 14px; height: 14px; }
.ddp-align-right .ddp-grid__header-filter { margin-left: 0; margin-right: auto; }
.ddp-grid__hf-popup { overflow: visible; max-height: none; }
.ddp-grid__hf { box-sizing: border-box; padding: 8px 0 8px; }
.ddp-grid__hf-search { padding: 0 10px 6px; }
.ddp-grid__hf-list { overflow: auto; border-top: 1px solid var(--ddp-border); border-bottom: 1px solid var(--ddp-border); }
.ddp-grid__hf-item { display: flex; min-height: 30px; padding: 0 12px; gap: 8px; align-items: center; width: 100%; box-sizing: border-box; }
.ddp-grid__hf-item:hover { background: var(--ddp-subtle-bg); }
.ddp-grid__hf-item .ddp-checkbox__text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ddp-grid__hf-all { font-weight: 600; }
.ddp-grid__hf-footer { display: flex; justify-content: flex-end; gap: 8px; padding: 8px 10px 0; }

/* kolon taşıma */
.ddp-grid__header--drop-before, .ddp-grid__header--drop-after { position: relative; }
.ddp-grid__header--drop-before::before, .ddp-grid__header--drop-after::after {
    content: ''; position: absolute; top: 4px; bottom: 4px; width: 3px; border-radius: 2px; background: var(--ddp-accent); z-index: 4;
}
.ddp-grid__header--drop-before::before { left: -1px; }
.ddp-grid__header--drop-after::after { right: -1px; }

/* ana-detay (master-detail) */
.ddp-grid__expand-cell { width: 32px; padding-left: 0 !important; padding-right: 0 !important; text-align: center; }
.ddp-grid__header.ddp-grid__expand-cell + .ddp-grid__header,
.ddp-grid__cell.ddp-grid__expand-cell + .ddp-grid__cell,
.ddp-grid__filter-cell.ddp-grid__expand-cell + .ddp-grid__filter-cell { border-left-color: transparent !important; }
.ddp-grid__detail-expander {
    display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0; vertical-align: middle;
    color: var(--ddp-text-secondary); background: transparent; border: 0; border-radius: var(--ddp-radius); cursor: pointer;
}
.ddp-grid__detail-expander:hover { color: var(--ddp-text); background: color-mix(in srgb, var(--ddp-text) 8%, transparent); }
.ddp-grid__detail-expander:focus-visible { outline: 2px solid var(--ddp-focus-ring); }
.ddp-grid__detail-expander .ddp-icon { width: 14px; height: 14px; }
.ddp-grid__detail-row > .ddp-grid__detail-cell {
    padding: 12px 16px 16px 32px; vertical-align: top; white-space: normal;
    background: var(--ddp-subtle-bg); border-bottom: 1px solid var(--ddp-border);
}
.ddp-grid__detail-row > .ddp-grid__group-indent { background: var(--ddp-bg); }
.ddp-grid__detail-cell > .ddp-grid + .ddp-grid, .ddp-grid__detail-cell > * + .ddp-grid { margin-top: 12px; }


/* --- 30-layout.css --- */
/* Sayfa düzeni: Toolbar, Drawer, TreeView, Sortable, genel yükleme paneli, Scheduler, form butonları. */

/* ---------------------------------------------------------------- toolbar */

.ddp-toolbar {
    display: flex; align-items: center; gap: 8px; box-sizing: border-box;
    min-height: calc(var(--ddp-height) + 8px); background: transparent;
}
.ddp-toolbar__before, .ddp-toolbar__center, .ddp-toolbar__after { display: flex; align-items: center; gap: 8px; min-width: 0; }
.ddp-toolbar__before { flex: 1 1 auto; }
.ddp-toolbar__center { flex: 0 1 auto; justify-content: center; }
.ddp-toolbar__after { flex: 0 0 auto; justify-content: flex-end; }
.ddp-toolbar__before:empty, .ddp-toolbar__center:empty { display: none; }
.ddp-toolbar__center:not(:empty) ~ .ddp-toolbar__after { flex: 1 1 0; }
.ddp-toolbar__item { display: flex; align-items: center; min-width: 0; }
.ddp-toolbar__item-content { display: flex; align-items: center; min-width: 0; }
.ddp-toolbar__text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ---------------------------------------------------------------- drawer */

.ddp-drawer { position: relative; display: flex; width: 100%; min-height: 0; }
.ddp-drawer--right { flex-direction: row-reverse; }
.ddp-drawer__panel {
    position: relative; z-index: 10; flex: none; height: auto; overflow: hidden; box-sizing: border-box;
    background: var(--ddp-bg);
}
.ddp-drawer--overlap .ddp-drawer__panel { top: 0; bottom: 0; left: 0; box-shadow: var(--ddp-shadow); }
.ddp-drawer--overlap.ddp-drawer--right .ddp-drawer__panel { left: auto; right: 0; }
.ddp-drawer--overlap:not(.ddp-drawer--opened) .ddp-drawer__panel { box-shadow: none; }
.ddp-drawer__panel-inner { height: 100%; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; }
.ddp-drawer__content { position: relative; flex: 1 1 auto; min-width: 0; }
.ddp-drawer--push.ddp-drawer--opened .ddp-drawer__content { flex-shrink: 0; width: 100%; }
/* Panel ve gölge içerikteki z-index'li öğelerin (grid'in yapışkan başlığı: 2–4) üstünde, açılır paneller ve popup'ların (1500+) altında */
.ddp-drawer__shader { position: absolute; inset: 0; z-index: 9; display: none; background: rgba(0, 0, 0, .3); }
.ddp-drawer__shader--visible { display: block; }
.ddp-drawer--animated > .ddp-drawer__panel { transition: width .2s ease; }
.ddp-drawer--animated > .ddp-drawer__content { transition: margin .2s ease; }
.ddp-drawer--animated .ddp-drawer__panel-inner { transition: transform .2s ease; }
@media (prefers-reduced-motion: reduce) {
    .ddp-drawer--animated > .ddp-drawer__panel, .ddp-drawer--animated > .ddp-drawer__content, .ddp-drawer--animated .ddp-drawer__panel-inner { transition: none; }
}

/* ---------------------------------------------------------------- treeview */

.ddp-treeview { box-sizing: border-box; overflow: auto; user-select: none; }
.ddp-treeview__list { list-style: none; margin: 0; padding: 0; }
.ddp-treeview__list .ddp-treeview__list .ddp-treeview__item { padding-left: calc(12px + 26px * (var(--ddp-tree-level, 2) - 1)); }
.ddp-treeview__node[aria-level="2"] { --ddp-tree-level: 2; }
.ddp-treeview__node[aria-level="3"] { --ddp-tree-level: 3; }
.ddp-treeview__node[aria-level="4"] { --ddp-tree-level: 4; }
.ddp-treeview__item {
    display: flex; align-items: center; gap: 10px; min-height: 36px; padding: 0 10px 0 12px; box-sizing: border-box;
    color: var(--ddp-text); cursor: pointer; outline: none; border-radius: var(--ddp-radius);
}
.ddp-treeview__item:hover { background: var(--ddp-subtle-bg); }
.ddp-treeview__item:focus-visible { box-shadow: inset 0 0 0 2px var(--ddp-focus-ring); }
.ddp-treeview__item--selected, .ddp-treeview__item--selected:hover { color: var(--ddp-accent); background: var(--ddp-selected-bg); font-weight: 600; }
.ddp-treeview__item--disabled { opacity: .5; cursor: default; }
.ddp-treeview__icon { width: 18px; height: 18px; flex: none; }
.ddp-treeview__icon--empty { display: none; }
.ddp-treeview__text { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ddp-treeview__toggle { display: inline-flex; flex: none; color: var(--ddp-muted); transition: transform .15s; }
.ddp-treeview__toggle .ddp-icon { width: 14px; height: 14px; }
.ddp-treeview__node[aria-expanded="true"] > .ddp-treeview__item .ddp-treeview__toggle { transform: rotate(180deg); }
.ddp-treeview__list[hidden] { display: none; }
.ddp-treeview__node[hidden] { display: none; }
/* Arama kutusu üstte sabit, liste kayar (yükseklik verildiyse) */
.ddp-treeview--search { display: flex; flex-direction: column; overflow: hidden; }
.ddp-treeview--search > .ddp-treeview__list { flex: 1 1 auto; min-height: 0; overflow: auto; }
.ddp-treeview__search { flex: none; padding: 0 0 6px; }
.ddp-treeview__search .ddp-editor { width: 100%; }
.ddp-treeview__nodata { padding: 8px 12px; color: var(--ddp-muted); }
.ddp-treeview__nodata[hidden] { display: none; }

/* ---------------------------------------------------------------- menu (menü çubuğu ve alt menüler) */

.ddp-menu-bar { display: flex; align-items: center; gap: 2px; box-sizing: border-box; min-width: 0; }
.ddp-menu-bar--vertical { flex-direction: column; align-items: stretch; }
.ddp-menu-bar__item {
    display: inline-flex; align-items: center; gap: 6px; min-height: var(--ddp-height); padding: 0 10px; box-sizing: border-box;
    color: var(--ddp-text); text-decoration: none; white-space: nowrap; cursor: pointer; user-select: none; outline: none;
    border-radius: var(--ddp-radius); transition: background-color .12s;
}
.ddp-menu-bar--vertical .ddp-menu-bar__item { display: flex; }
.ddp-menu-bar__item:hover { color: var(--ddp-text); background: var(--ddp-subtle-bg); }
.ddp-menu-bar__item--expanded, .ddp-menu-bar__item--expanded:hover { background: color-mix(in srgb, var(--ddp-text) 8%, var(--ddp-bg)); }
.ddp-menu-bar__item:focus-visible { box-shadow: inset 0 0 0 2px var(--ddp-focus-ring); }
.ddp-menu-bar__item--selected { color: var(--ddp-accent); font-weight: 600; }
.ddp-menu-bar__item--disabled, .ddp-menu-bar--disabled .ddp-menu-bar__item { opacity: .5; cursor: default; background: transparent; }
.ddp-menu-bar__text { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.ddp-menu-bar--vertical .ddp-menu-bar__text { flex: 1 1 auto; }
.ddp-menu-bar__arrow, .ddp-menu__arrow, .ddp-menu__check { display: inline-flex; flex: none; color: var(--ddp-muted); }
.ddp-menu-bar__arrow .ddp-icon, .ddp-menu__arrow .ddp-icon, .ddp-menu__check .ddp-icon { width: 14px; height: 14px; }

.ddp-menu__submenu .ddp-menu__item { min-height: var(--ddp-height); padding: 6px 12px; text-decoration: none; cursor: pointer; outline: none; }
.ddp-menu__submenu .ddp-menu__item:hover { color: var(--ddp-text); background: var(--ddp-subtle-bg); }
.ddp-menu__submenu .ddp-menu__item:focus-visible { background: var(--ddp-subtle-bg); box-shadow: inset 0 0 0 2px var(--ddp-focus-ring); }
.ddp-menu__item--expanded, .ddp-menu__submenu .ddp-menu__item--expanded:hover { background: color-mix(in srgb, var(--ddp-text) 8%, var(--ddp-bg)); }
.ddp-menu__submenu .ddp-menu__item--disabled, .ddp-menu__submenu .ddp-menu__item--disabled:hover { opacity: .5; cursor: default; background: transparent; }
.ddp-menu__submenu .ddp-menu__item--selected .ddp-menu__check { color: var(--ddp-accent); }
.ddp-menu__icon { width: 16px; height: 16px; flex: none; }
.ddp-menu--no-icons .ddp-menu__icon--empty { display: none; }
.ddp-menu__text { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.ddp-menu__arrow, .ddp-menu__check { margin-left: 8px; }
/* Şablonlu devre dışı öğe: başlık (ad + e-posta gibi); tıklanmaz, soluk değil */
.ddp-menu__header { display: block; padding: 6px 12px 8px; cursor: default; white-space: nowrap; }
.ddp-menu__submenu .ddp-menu__header:hover { background: transparent; }

/* ---------------------------------------------------------------- list */

.ddp-list-widget { box-sizing: border-box; overflow: auto; }
.ddp-list-widget__item { display: block; padding: 7px 10px; white-space: normal; cursor: default; outline: none; }
.ddp-list-widget__item + .ddp-list-widget__item { border-top: 1px solid var(--ddp-border); }
.ddp-list-widget:not(.ddp-list-widget--hover) .ddp-list-widget__item:hover:not(.ddp-list__item--selected) { background: transparent; }
.ddp-list-widget__item:focus-visible { box-shadow: inset 0 0 0 2px var(--ddp-focus-ring); }
.ddp-list-widget--active .ddp-list-widget__item:active { background: color-mix(in srgb, var(--ddp-text) 8%, var(--ddp-bg)); }
.ddp-list-widget--loading { opacity: .6; }

/* ---------------------------------------------------------------- sortable */

.ddp-sortable { touch-action: pan-y; }
.ddp-sortable > * { cursor: grab; }
.ddp-sortable__source { opacity: .35; }
.ddp-sortable__ghost {
    position: fixed; margin: 0; pointer-events: none; box-sizing: border-box; opacity: .95;
    box-shadow: var(--ddp-shadow); transform: rotate(1.5deg); cursor: grabbing;
}
html.ddp-dragging, html.ddp-dragging * { cursor: grabbing !important; user-select: none; }

/* ---------------------------------------------------------------- genel yükleme paneli */

.ddp-global-load { z-index: 2500; background: rgba(255, 255, 255, .35); cursor: progress; }
.ddp-load-panel--global { position: static; transform: none; }

/* ---------------------------------------------------------------- form butonu */

.ddp-form__item--button { display: flex; }
.ddp-form__item--button.ddp-align-left { justify-content: flex-start; }
.ddp-form__item--button.ddp-align-center { justify-content: center; }
.ddp-form__item--button.ddp-align-right { justify-content: flex-end; }
.ddp-form__item--button > div { max-width: 100%; }

/* ---------------------------------------------------------------- scheduler */

.ddp-scheduler {
    display: flex; flex-direction: column; box-sizing: border-box; min-height: 0;
    background: var(--ddp-bg); border: 1px solid var(--ddp-border); border-radius: var(--ddp-radius);
}
.ddp-scheduler__header {
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px;
    padding: 8px 10px; border-bottom: 1px solid var(--ddp-border);
}
.ddp-scheduler__nav { display: flex; align-items: center; gap: 4px; }
.ddp-scheduler__navbtn {
    display: inline-flex; align-items: center; justify-content: center; width: var(--ddp-height); height: var(--ddp-height); padding: 0;
    color: var(--ddp-text); background: transparent; border: 1px solid var(--ddp-border); border-radius: var(--ddp-radius); cursor: pointer;
}
.ddp-scheduler__navbtn:hover { background: var(--ddp-subtle-bg); }
.ddp-scheduler__caption { min-width: 160px; padding: 0 8px; font-weight: 600; text-transform: capitalize; }
.ddp-scheduler__views { display: inline-flex; border: 1px solid var(--ddp-border); border-radius: var(--ddp-radius); overflow: hidden; }
.ddp-scheduler__viewbtn {
    min-height: calc(var(--ddp-height) - 2px); padding: 0 12px; font: inherit; color: var(--ddp-text);
    background: transparent; border: 0; border-left: 1px solid var(--ddp-border); cursor: pointer;
}
.ddp-scheduler__viewbtn:first-child { border-left: 0; }
.ddp-scheduler__viewbtn:hover { background: var(--ddp-subtle-bg); }
.ddp-scheduler__viewbtn--current, .ddp-scheduler__viewbtn--current:hover { color: var(--ddp-accent); background: var(--ddp-selected-bg); font-weight: 600; }
.ddp-scheduler__body { position: relative; flex: 1 1 auto; min-height: 0; overflow: auto; }
.ddp-scheduler--loading .ddp-scheduler__body { opacity: .55; pointer-events: none; }

.ddp-scheduler__month {
    display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); grid-template-rows: auto repeat(6, minmax(96px, 1fr));
    min-height: 100%;
}
.ddp-scheduler__weekday {
    padding: 6px; text-align: center; font-size: .9em; color: var(--ddp-text-secondary); text-transform: capitalize;
    border-bottom: 1px solid var(--ddp-border);
}
.ddp-scheduler__cell {
    display: flex; flex-direction: column; gap: 2px; min-width: 0; padding: 2px 3px 4px;
    border-right: 1px solid var(--ddp-border); border-bottom: 1px solid var(--ddp-border);
}
.ddp-scheduler__cell:nth-child(7n + 7) { border-right: 0; }
.ddp-scheduler__cell--other { background: var(--ddp-subtle-bg); }
.ddp-scheduler__cell--other .ddp-scheduler__daynum { color: var(--ddp-muted); }
.ddp-scheduler__daynum { align-self: flex-end; padding: 0 4px; font-size: .9em; }
.ddp-scheduler__cell--today .ddp-scheduler__daynum { color: #fff; background: var(--ddp-accent); border-radius: 10px; font-weight: 600; }
.ddp-scheduler__more {
    align-self: flex-start; padding: 0 4px; font: inherit; font-size: .85em; font-weight: 600; color: var(--ddp-accent);
    background: transparent; border: 0; cursor: pointer;
}

.ddp-scheduler__appt {
    position: relative; box-sizing: border-box; min-width: 0; padding: 2px 6px; overflow: hidden;
    font-size: .85em; line-height: 1.35; color: #fff; background: var(--ddp-accent);
    border-radius: 3px; cursor: pointer; outline: none;
}
.ddp-scheduler__appt:hover { background: var(--ddp-accent-hover); }
.ddp-scheduler__appt:focus-visible { box-shadow: 0 0 0 2px var(--ddp-focus-ring); }
.ddp-scheduler__appt--month, .ddp-scheduler__appt--allday { white-space: nowrap; text-overflow: ellipsis; }
.ddp-scheduler__appt--timed { position: absolute; z-index: 1; margin: 1px 2px; }
.ddp-scheduler__appt-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.ddp-scheduler__appt-time { opacity: .85; white-space: nowrap; }

.ddp-scheduler__timeline { --ddp-sched-days: 7; min-width: calc(60px + var(--ddp-sched-days) * 90px); }
.ddp-scheduler__row { display: grid; grid-template-columns: 60px repeat(var(--ddp-sched-days), minmax(0, 1fr)); }
.ddp-scheduler__row--head { position: sticky; top: 0; z-index: 3; background: var(--ddp-bg); border-bottom: 1px solid var(--ddp-border); }
.ddp-scheduler__row--allday { border-bottom: 1px solid var(--ddp-border); }
.ddp-scheduler__gutter { padding: 4px 6px; font-size: .8em; color: var(--ddp-text-secondary); text-align: right; border-right: 1px solid var(--ddp-border); }
.ddp-scheduler__dayhead { padding: 6px; text-align: center; font-size: .9em; text-transform: capitalize; border-right: 1px solid var(--ddp-border); }
.ddp-scheduler__dayhead:last-child, .ddp-scheduler__allday-cell:last-child, .ddp-scheduler__daycol:last-child { border-right: 0; }
.ddp-scheduler__dayhead--today { color: var(--ddp-accent); font-weight: 600; }
.ddp-scheduler__allday-cell { display: flex; flex-direction: column; gap: 2px; min-width: 0; min-height: 28px; padding: 2px; border-right: 1px solid var(--ddp-border); }
.ddp-scheduler__times { padding: 0; }
.ddp-scheduler__time { box-sizing: border-box; padding: 0 6px; line-height: 1; transform: translateY(-1px); }
.ddp-scheduler__daycol { position: relative; min-width: 0; border-right: 1px solid var(--ddp-border); }
.ddp-scheduler__slot { box-sizing: border-box; border-bottom: 1px dashed color-mix(in srgb, var(--ddp-border) 70%, transparent); }
.ddp-scheduler__slot--hour { border-top: 1px solid var(--ddp-border); border-bottom-style: dashed; }
.ddp-scheduler__slot:first-child { border-top: 0; }

.ddp-scheduler__tooltip { max-height: none; }
.ddp-scheduler__tooltip-content { min-width: 220px; max-width: 360px; padding: 10px 12px; }
.ddp-scheduler__tooltip-content .ddp-scheduler__appt-title { white-space: normal; font-size: 1.05em; }
.ddp-scheduler__tooltip-content .ddp-scheduler__appt-time { margin-top: 2px; color: var(--ddp-text-secondary); opacity: 1; }


/* --- ikonlar: <i class="ddp-i ddp-i-ad"></i> --- */
.ddp-i{display:inline-block;width:16px;height:16px;vertical-align:middle;background-color:currentColor;-webkit-mask:var(--ddp-i) center/contain no-repeat;mask:var(--ddp-i) center/contain no-repeat}
.ddp-i-add{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 3v10M3 8h10%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-edit{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M10.5 3.5l2 2L6 12H4v-2zM9 5l2 2%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-trash{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M3.5 4.5h9M6.5 4.5V3h3v1.5M5 4.5l.6 8.5h4.8l.6-8.5%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-more{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 3.5v.01M8 8v.01M8 12.5v.01%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-search{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M7 11.5a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9zM10.3 10.3L13.5 13.5%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-close{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M4 4l8 8M12 4l-8 8%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-calendar{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M3 4.5h10v8.5H3zM3 7h10M5.5 3v3M10.5 3v3%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-down{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M4 6l4 4 4-4%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-up{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M4 10l4-4 4 4%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-left{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M10 4L6 8l4 4%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-right{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M6 4l4 4-4 4%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-first{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M11.5 4l-4 4 4 4M5 4v8%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-last{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M4.5 4l4 4-4 4M11 4v8%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-sortAsc{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 13V3M4.5 6.5L8 3l3.5 3.5%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-sortDesc{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 3v10M4.5 9.5L8 13l3.5-3.5%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-check{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M3.5 8.5l3 3 6-7%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-refresh{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M12.5 8a4.5 4.5 0 1 1-1.3-3.2M12.5 3v3h-3%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-filter{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M3 4h10L9 8.5V12l-2 1V8.5z%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-export{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 2.5v7M5 6.5l3 3 3-3M3.5 11v2.5h9V11%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-save{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M3.5 3.5h7l2 2v7h-9zM5.5 3.5v3h4v-3M5.5 12.5v-3h5v3%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-info{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 13.5a5.5 5.5 0 1 1 0-11 5.5 5.5 0 0 1 0 11zM8 7.5v3M8 5.5v.01%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-warning{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 2.5l6 10.5H2zM8 6.5v3M8 11.5v.01%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-clear{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M5 5l6 6M11 5l-6 6%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-menu{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M2.5 4h11M2.5 8h11M2.5 12h11%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-overflow{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 3.5v.01M8 8v.01M8 12.5v.01%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-event{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M3 4.5h10v8.5H3zM3 7h10M5.5 3v3M10.5 3v3M5.5 9.5h1.5M9 9.5h1.5M5.5 11.5h1.5%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-detailslayout{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M2.5 3h3v10h-3zM6.5 3h3v6.5h-3zM10.5 3h3v8.5h-3z%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-clock{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 13.5a5.5 5.5 0 1 1 0-11 5.5 5.5 0 0 1 0 11zM8 5v3.25l2.25 1.5%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-home{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M2.5 7.5L8 3l5.5 4.5M4 6.5v6.5h3v-3.5h2V13h3V6.5%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-box{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M2.5 5L8 2.5 13.5 5v6L8 13.5 2.5 11zM2.5 5L8 7.5 13.5 5M8 7.5v6%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-group{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M6 7.5a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5zM2 13c0-2.2 1.8-3.5 4-3.5s4 1.3 4 3.5M10.5 3.2a2.2 2.2 0 0 1 0 4.2M12 9.7c1.2.4 2 1.6 2 3.3%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-chart{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M3.5 13V9M6.75 13V5.5M10 13V7.5M13.25 13V3.5M2 13.5h12.5%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-optionsoutline{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M2.5 4.5h11M2.5 8h11M2.5 11.5h11M5.5 3.25v2.5M10.5 6.75v2.5M7 10.25v2.5%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-runner{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M9.5 3h3.5v10H9.5M7 5.5L4.5 8 7 10.5M4.5 8h6%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-user{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 7.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5zM3 13.5c0-2.6 2.2-4 5-4s5 1.4 5 4%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-key{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M6 10.5a3 3 0 1 1 0-6 3 3 0 0 1 0 6zM8.5 8.5L13.5 13.5M11.5 11.5l1.5-1.5%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-copy{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M5.5 5.5h7v8h-7zM3.5 10.5v-8h7%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-mail{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M2.5 4h11v8.5h-11zM2.5 4.5L8 9l5.5-4.5%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-lock{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M4 7.5h8v6H4zM5.5 7.5V5.5a2.5 2.5 0 0 1 5 0v2%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-link{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M7 9a2.5 2.5 0 0 0 3.5 0l2-2a2.5 2.5 0 0 0-3.5-3.5L8 4.5M9 7a2.5 2.5 0 0 0-3.5 0l-2 2A2.5 2.5 0 0 0 7 12.5l1-1%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-minus{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M3 8h10%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-plus{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 3v10M3 8h10%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-today{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M3 4.5h10v8.5H3zM3 7h10M5.5 3v3M10.5 3v3M7 9.5h2v2H7z%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-help{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 13.5a5.5 5.5 0 1 1 0-11 5.5 5.5 0 0 1 0 11zM6.5 6.5a1.5 1.5 0 1 1 2.2 1.3c-.5.3-.7.6-.7 1.2M8 11v.01%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-doc{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M4 2.5h5l3 3v8H4zM9 2.5v3h3M6 8.5h4M6 10.5h4%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-upload{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 10V2.5M5 5.5l3-3 3 3M3.5 11v2.5h9V11%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-download{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 2.5v7M5 6.5l3 3 3-3M3.5 11v2.5h9V11%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-arrowleft{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M13 8H3M7 4L3 8l4 4%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-arrowright{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M3 8h10M9 4l4 4-4 4%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-xlsxfile{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M4 2.5h5l3 3v8H4zM9 2.5v3h3M5.75 8l3 3.5M8.75 8l-3 3.5%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-exportxlsx{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M4 2.5h5l3 3v8H4zM9 2.5v3h3M5.75 8l3 3.5M8.75 8l-3 3.5%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-exportselected{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M4 2.5h5l3 3v8H4zM9 2.5v3h3M6 9.5l1.5 1.5L10 8%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-ungroup{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M4 4l8 8M12 4l-8 8%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-video{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M2.5 4.5h7a1 1 0 011 1v5a1 1 0 01-1 1h-7a1 1 0 01-1-1v-5a1 1 0 011-1zM10.5 7l3-2v6l-3-2%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-play{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M5 3.5v9l7-4.5z%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-bold{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M5 3h4.5a2.5 2.5 0 0 1 0 5H5zM5 8h5.5a2.5 2.5 0 0 1 0 5H5zM5 3v10%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-italic{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M9.5 3h3M3.5 13h3M10 3l-4 10%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-underline{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M4.5 3v5a3.5 3.5 0 0 0 7 0V3M3.5 13.5h9%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-strike{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M3 8h10M11 5.2C10.6 3.9 9.4 3 8 3 6.3 3 5 4 5 5.3c0 .8.5 1.4 1.5 1.9M5 10.8C5.4 12.1 6.6 13 8 13c1.7 0 3-1 3-2.3 0-.9-.6-1.5-1.7-2%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-orderedlist{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M6.5 4h7M6.5 8h7M6.5 12h7M2.5 3h1v3M2.5 6h2M2.3 9.4c.3-.5.7-.7 1.2-.7.7 0 1.1.4 1.1 1 0 .5-.3.8-1 1.4L2.3 12h2.5%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-bulletlist{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M6.5 4h7M6.5 8h7M6.5 12h7M3 4h.01M3 8h.01M3 12h.01%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-undo{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M3.5 6.5h6a3 3 0 0 1 0 6h-2M3.5 6.5l3-3M3.5 6.5l3 3%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-redo{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M12.5 6.5h-6a3 3 0 0 0 0 6h2M12.5 6.5l-3-3M12.5 6.5l-3 3%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-clearformat{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M4 3h8.5M8.25 3L5.5 11M3.5 13.5l3-3M3.5 10.5l3 3%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-columnchooser{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M2.5 3h11v10h-11zM6.5 3v10M10.5 3v10M2.5 6.5h11%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-headerfilter{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M3 4h10L9 8.5V12l-2 1V8.5z%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-dragvertical{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M6 4v.01M6 8v.01M6 12v.01M10 4v.01M10 8v.01M10 12v.01%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-chevrondoubleright{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M4 4l4 4-4 4M8 4l4 4-4 4%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-chevrondoubleleft{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M12 4l-4 4 4 4M8 4l-4 4 4 4%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-mediumiconslayout{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M2.5 2.5h4.5v4.5H2.5zM9 2.5h4.5v4.5H9zM2.5 9h4.5v4.5H2.5zM9 9h4.5v4.5H9z%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-photo{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M2 5h2.75l1.25-2h4l1.25 2H14v8.5H2zM8 11.5a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5zM11.75 7h.01%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-hierarchy{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M6 2h4v3H6zM2 11h4v3H2zM10 11h4v3h-4zM8 5v3M4 11V8h8v3%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-globe{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 13.5a5.5 5.5 0 1 1 0-11 5.5 5.5 0 0 1 0 11zM2.5 8h11M8 2.5c1.5 1.6 2.25 3.4 2.25 5.5S9.5 11.9 8 13.5M8 2.5C6.5 4.1 5.75 5.9 5.75 8S6.5 11.9 8 13.5%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-folder{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M2 13V3.5h4l1.5 1.5H14v8zM2 6.5h12%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-textdocument{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M3.5 2h9v12h-9zM5.5 5h5M5.5 7.5h5M5.5 10h3%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-tel{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M5.5 2.5l1.25 3-1.5 1a7 7 0 0 0 3.75 3.75l1-1.5 3 1.25-.5 2.25c-.25.75-.9 1.25-1.75 1.25A9.25 9.25 0 0 1 2.5 5c0-.85.5-1.5 1.25-1.75z%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-map{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M2 4l4-1.5 4 1.5 4-1.5v9.5l-4 1.5-4-1.5-4 1.5zM6 2.5v9.5M10 4v9.5%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-taskinprogress{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M4 3.5h8v10H4zM6 2.5h4v2H6zM6 7.5h4M6 10h2.5%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-arrowdown{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 3v10M4 9l4 4 4-4%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.ddp-i-arrowup{--ddp-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 13V3M4 7l4-4 4 4%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}