.profile-management-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.profile-management-card{text-align:left;min-height:150px;min-width:0}.profile-management-card h2{margin:14px 0 6px;font-size:20px}.profile-management-card p{margin:0;overflow-wrap:anywhere}.profile-management-avatar{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#e0d5bd;color:#493d28;font-size:22px;font-weight:700;overflow:hidden}.profile-management-avatar img{width:100%;height:100%;object-fit:cover}.profiles-management-search{max-width:400px}.profile-management-tools{margin:12px 0 24px}@media(max-width:800px){.profile-management-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.profile-management-grid{grid-template-columns:1fr}.profile-management-card{min-height:125px}.profile-management-tools{align-items:start;flex-direction:column}}

/* Content-sized text controls; sidebar and structural cards retain their roles. */
body #app :is(.toolbar,.pagehead,.designer-tabs,.designer-page-toolbar){display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;min-width:0}
body #app :is(button.btn,a.btn,header button):not(.header-home-button):not(.designer-switch):not(.star){width:max-content;max-width:100%;flex:0 0 auto;white-space:nowrap;text-overflow:clip;overflow:visible}
body #app .toolbar>.field{min-width:0;flex:0 1 210px}body #app .toolbar>.field :is(input,select){min-width:0;max-width:100%}
body #app .sidebar button:not([data-sidebar-order]){width:100%;height:48px;min-height:48px;margin:6px 0;white-space:nowrap;font-size:12px;padding:11px 8px;overflow:visible;text-overflow:clip}
body #app .sidebar{position:fixed;padding-top:58px}body #app .sidebar [data-sidebar-order]{position:absolute;top:12px;right:16px;width:32px;height:32px;min-height:32px;padding:0;text-align:center;font-size:24px;line-height:30px}
.sidebar-order-dialog{width:min(650px,calc(100vw - 30px));max-height:85dvh;overflow:auto;background:#f4f1e9;color:#302b24;border:1px solid #bbae96;border-radius:12px;padding:22px}.sidebar-order-dialog::backdrop{background:#0007}.sidebar-order-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0}.sidebar-order-row>span:first-child{min-width:0;overflow-wrap:anywhere}.sidebar-order-arrows{display:flex;gap:8px;flex-shrink:0}.sidebar-order-dialog section{border-bottom:1px solid #d8cebd;padding:10px 0}.sidebar-order-dialog .btn{width:max-content;flex:0 0 auto}
@media(max-width:600px){body #app :is(button.btn,a.btn,header button):not(.header-home-button):not(.designer-switch):not(.star){font-size:12px;letter-spacing:0;padding-left:12px;padding-right:12px}body #app .toolbar>.field{flex:1 1 135px}.sidebar-order-dialog{padding:15px}.sidebar-order-dialog .btn{padding:8px 10px}}
body #app .sidebar button[hidden]{display:none!important}
body #app .work-step-nav{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}body #app .work-step-nav .btn{width:max-content;max-width:100%;flex:0 0 auto;white-space:nowrap;height:auto;min-height:44px}body #app .work-step-nav .btn:after{white-space:nowrap}
@media(min-width:761px){body #app .recipes-layout{grid-template-columns:minmax(220px,360px) minmax(0,1fr)}}

@layer kupak-dropdown-defaults {
/* Shared default for present and future native dropdowns. */
body select:not([multiple]):not([size]),body select[size="1"]{appearance:none;-webkit-appearance:none;background-color:#eee8d8!important;color:#29271f;border:1px solid #ac8b43!important;border-radius:24px!important;box-shadow:0 4px 0 #b9b09a!important;padding:12px 40px 12px 16px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%237b622f' stroke-width='2'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 15px center!important;max-width:100%;min-width:0;cursor:pointer}body select:not([multiple]):focus-visible{outline:3px solid #c59a35;outline-offset:3px}body select:disabled{opacity:.55;cursor:not-allowed}body select option{background:#eee8d8;color:#29271f}

}

/* Profile directory spacing only; original cards, route and forms are retained. */
body.signed-in #app .profiles-directory-actions{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:12px}
body.signed-in #app .profiles-directory-actions .btn{width:max-content;max-width:100%;flex:0 0 auto;white-space:nowrap}
body.signed-in #app .profiles-directory-panel>.profiles-management-search{margin:0 0 20px;display:flex;position:static;width:100%;max-width:400px}
body.signed-in #app .profile-management-grid{display:grid;position:static;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:14px;align-items:stretch;width:100%;min-width:0}
body.signed-in #app .profile-management-grid>.profile-management-card{position:static;display:block;width:100%;max-width:100%;min-width:0;min-height:150px;margin:0;white-space:normal;overflow-wrap:anywhere}
.profile-create-dialog{width:min(640px,calc(100vw - 32px));max-height:90dvh;overflow:auto;padding:24px;border:1px solid #bbae96;border-radius:14px;background:#f4f1e9;color:#302b24;box-sizing:border-box}.profile-create-dialog::backdrop{background:#0007}.profile-create-dialog .formgrid{margin-top:18px;min-width:0}.profile-create-dialog .field{min-width:0}.profile-create-dialog input,.profile-create-dialog select{box-sizing:border-box;max-width:100%;min-width:0}.profile-create-dialog .toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:0}.profile-create-dialog .btn{width:max-content;max-width:100%;white-space:nowrap;flex:0 0 auto}body.signed-in dialog.profile-create-dialog select{appearance:none;background:#e8e1d3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23735c2d' stroke-width='2'/%3E%3C/svg%3E") right 15px center/12px 8px no-repeat!important;border:1px solid #b49a65;border-radius:24px;box-shadow:inset 0 1px 1px #fff9,0 3px 6px #594a2526;padding-right:38px}
@media(max-width:600px){body.signed-in #app .profiles-directory-actions{justify-content:flex-start}.profile-create-dialog{padding:18px}.profile-create-dialog .formgrid{grid-template-columns:1fr}.profile-create-dialog .btn{font-size:12px;padding:12px}.profile-create-dialog h2{font-size:22px}}

/* Categorized directory is a vertical content list, not a toolbar. */
.profile-management-groups{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;max-width:100%;min-width:0}.profile-management-category{min-width:0;max-width:100%}.profile-management-category>h2{margin:0 0 14px}.profiles-management-category-filter{width:100%;max-width:400px;margin-bottom:18px}.profiles-management-category-filter select{box-sizing:border-box;width:100%;max-width:100%;min-width:0}@media(max-width:760px){body.signed-in #app .profile-management-category .profile-management-grid{grid-template-columns:minmax(0,1fr)}body.signed-in #app .profile-management-category .profile-management-card{min-width:0;width:100%}}

/* Request1: exactly two columns, native collapsible category groups. */
body.signed-in #app details.profile-management-category{min-width:0;max-width:100%;border-bottom:1px solid #d8cebd;padding:0 0 18px}
body.signed-in #app details.profile-management-category>summary{font-size:22px;font-weight:700;cursor:pointer;min-height:44px;padding:8px 0;line-height:1.3;overflow-wrap:anywhere}
body.signed-in #app details.profile-management-category>summary:focus-visible{outline:3px solid #c59a35;outline-offset:3px;border-radius:6px}
body.signed-in #app details.profile-management-category[open]>summary{margin-bottom:12px}
body.signed-in #app details.profile-management-category .profile-management-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px;width:100%;min-width:0;overflow:visible}
body.signed-in #app details.profile-management-category .profile-management-card{width:100%!important;max-width:100%;min-width:0!important;white-space:normal!important;box-sizing:border-box}
body.signed-in #app details.profile-management-category .profile-management-card h2{overflow-wrap:anywhere}
@media(max-width:480px){body.signed-in #app details.profile-management-category .profile-management-card{padding:12px!important;min-height:150px}body.signed-in #app details.profile-management-category .profile-management-card h2{font-size:17px;line-height:1.2}body.signed-in #app details.profile-management-category .profile-management-card p{font-size:12px;line-height:1.35}body.signed-in #app details.profile-management-category>summary{font-size:20px}}

/* Elszámoló capability: native, labelled switch on both existing profile forms. */
#profile-form .settler-control,#employee-edit .settler-control{align-items:center;gap:12px!important}
#profile-form input.settler-switch,#employee-edit input.settler-switch{appearance:none;-webkit-appearance:none;position:relative;flex:0 0 52px;width:52px;min-width:52px;height:30px;min-height:30px;border:0;border-radius:99px;background:#8b9297;padding:0;margin:0;cursor:pointer;box-shadow:inset 0 1px 3px #0003}
#profile-form input.settler-switch::before,#employee-edit input.settler-switch::before{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0004}
#profile-form input.settler-switch:checked,#employee-edit input.settler-switch:checked{background:#21864a}
#profile-form input.settler-switch:checked::before,#employee-edit input.settler-switch:checked::before{left:25px}
#profile-form input.settler-switch:focus-visible,#employee-edit input.settler-switch:focus-visible{outline:3px solid #ad8a39;outline-offset:4px}
#profile-form input.settler-switch:disabled{cursor:default;opacity:.65}

/* Login submit spans the same full row as the three PIN keys. */
body.login-screen #app .loginbox #profile-login > button.btn{display:block;width:100%!important;max-width:100%;box-sizing:border-box}