:root{
    --ui-btn-h:2rem;
    --ui-btn-pad:.3125rem .75rem;
    --ui-btn-fs:.8125rem;
    --ui-btn-fw:500;
    --ui-btn-shadow:0 1px 2px 0 rgba(0,0,0,.05);
    --ui-btn-ease:all .2s ease;
}

button,
input[type="submit"],input[type="button"],input[type="reset"],
a.btn,.btn,.vbtn,.phdr-btn,.std-chip,.tcm-btn,.std-cols-btn,
[role="button"]{
    border-radius:9999px!important;
    transition:var(--ui-btn-ease);
}

.v-card-tab,.std-tab,.std-tabs-nav > *,.std-tabs-nav button,
[class*="-tab"]:is(button,a),[class*="tab-"]:is(button,a),
.tcm-item,.tcm-toggle,.tcm-list button,.std-cols-item,
.phdr-more-item,.std-more-menu button,.std-menu-item,
.std-action-menu button,.std-action-menu a,.action-menu button,.action-menu a,
.phdr-more-menu button,.phdr-more-menu a,[class*="dropdown"] button,[class*="dropdown"] a,
[class*="w-full"]:is(button,a),
.sp-sel-btn,.mobile-section-title,
.search-pill__input,
select,textarea,
input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]){
    border-radius:.5rem!important;
}

.std-action-menu > button,.action-menu > button,.plan-more-btn,.std-more-btn{
    border-radius:9999px!important;
}

.std-tabs-nav > *,.std-tabs-nav button,.std-tabs-nav a,
.pg-tabs > *,.pg-tabs a,.pg-tab,
.form-steps > *,.form-step,
.v-card-tab,.palette-tab,
.tool > .tool-hd,
.sh-tabs-underline .sh-tab{
    border-radius:0!important;
}
.std-tabs-bar .std-tab-link{
    border-radius:.375rem!important;
}

.tcm-pin,.tcm-close,.search-pill__btn,.btn-icon,
button[class*="rounded-full"],[class*="avatar"]:is(button,a){
    border-radius:9999px!important;
}

.phdr-btn,a.phdr-btn,button.phdr-btn,
.phdr-btn-outline,.phdr-btn-sm-primary{
    display:inline-flex;align-items:center;justify-content:center;gap:.4rem;
    height:var(--ui-btn-h);padding:var(--ui-btn-pad);
    font-family:'Inter','Almarai','Cairo',sans-serif;
    font-size:var(--ui-btn-fs);font-weight:var(--ui-btn-fw);line-height:1.125rem;
    box-shadow:var(--ui-btn-shadow);
    white-space:nowrap;cursor:pointer;text-decoration:none;
}
.phdr-btn,.phdr-btn-outline{color:var(--foreground,#09090b);background:var(--card,#ffffff);border:1px solid var(--border,#e4e4e7)}
.phdr-btn:hover,.phdr-btn-outline:hover{background:var(--ui-wash-hover,rgba(255,255,255,.8));color:var(--foreground,#09090b);border-color:var(--border,#e4e4e7)}
.phdr-btn:active{background:var(--ui-wash-active,rgba(255,255,255,.7))}
.phdr-btn:focus-visible{outline:2px solid var(--primary,#788768);outline-offset:2px}
.phdr-btn i,.phdr-btn svg,.phdr-btn-outline i,.phdr-btn-outline svg{width:14px;height:14px;flex-shrink:0}

.phdr-btn.phdr-btn-primary,a.phdr-btn.phdr-btn-primary,button.phdr-btn.phdr-btn-primary,.phdr-btn-sm-primary{background:var(--primary,#788768);color:#fff;border:1px solid transparent;
}
.phdr-btn.phdr-btn-primary:hover,.phdr-btn-sm-primary:hover{background:rgba(var(--primary-rgb,120,135,104),.8);background:color-mix(in srgb,var(--primary,#788768) 80%,transparent);color:#fff;border-color:transparent;opacity:1;
}
.phdr-btn.phdr-btn-dark{background:#18181b;color:#fafafa;border-color:transparent}
.phdr-btn.phdr-btn-dark:hover{background:rgba(24,24,27,.8);color:#fafafa;border-color:transparent}
.phdr-btn.phdr-btn-danger,.phdr-btn-danger{background:#dc2626;color:#fff;border-color:transparent}
.phdr-btn.phdr-btn-danger:hover,.phdr-btn-danger:hover{background:rgba(220,38,38,.8);color:#fff;border-color:transparent}

.vbtn{
    display:inline-flex;align-items:center;justify-content:center;gap:.4rem;
    height:var(--ui-btn-h);padding:var(--ui-btn-pad);
    font-size:var(--ui-btn-fs);font-weight:var(--ui-btn-fw);line-height:1.125rem;
    box-shadow:var(--ui-btn-shadow);
}
.vbtn i,.vbtn svg{width:14px;height:14px;flex-shrink:0}
.vbtn-outline:hover{background:var(--ui-wash-hover,rgba(255,255,255,.8))}
.vbtn-primary:hover{background:rgba(var(--primary-rgb,120,135,104),.8);background:color-mix(in srgb,var(--primary,#788768) 80%,transparent);
    opacity:1;
}

.phdr-more-btn,.std-more-btn{
    width:var(--ui-btn-h);height:var(--ui-btn-h);padding:0;border:1px solid var(--border,#e4e4e7);background:var(--card,#ffffff);color:var(--foreground,#09090b);
    box-shadow:var(--ui-btn-shadow);
}
.phdr-more-btn:hover,.std-more-btn:hover{background:var(--ui-wash-hover,rgba(255,255,255,.8));border-color:var(--border,#e4e4e7)}
.phdr-more-btn i,.phdr-more-btn svg,.std-more-btn i,.std-more-btn svg{width:14px;height:14px}
.phdr-more-menu{border-radius:1rem;padding:.3rem}
.phdr-more-item{padding:.4rem .75rem;font-size:var(--ui-btn-fs);font-weight:var(--ui-btn-fw)}

.phdr-actions{display:flex;align-items:center;gap:.45rem;flex-shrink:0;flex-wrap:wrap}
.phdr-actions > .std-badge{
    display:inline-flex;align-items:center;height:var(--ui-btn-h);
    padding:var(--ui-btn-pad)!important;border-radius:9999px;
    font-family:'Inter','Almarai','Cairo',sans-serif;
    font-size:var(--ui-btn-fs)!important;font-weight:var(--ui-btn-fw);line-height:1.125rem;
    box-shadow:var(--ui-btn-shadow);
}

.tcm-btn,.std-cols-btn{
    height:var(--ui-btn-h);padding:var(--ui-btn-pad);
    font-size:var(--ui-btn-fs);font-weight:var(--ui-btn-fw);line-height:1.125rem;
    box-shadow:var(--ui-btn-shadow);
}
.tcm-btn:hover,.std-cols-btn:hover{background:var(--ui-wash-hover,rgba(255,255,255,.8));border-color:var(--border,#e4e4e7);color:var(--foreground,#09090b)}
.tcm-btn.tcm-icon-only{width:var(--ui-btn-h);padding:0}
.tcm-btn i,.tcm-btn svg,.std-cols-btn i,.std-cols-btn svg{width:14px;height:14px}

.std-view-toggle{display:inline-flex;align-items:center;box-sizing:border-box;height:var(--ui-btn-h);border-radius:9999px;padding:2px;overflow:visible;gap:2px;flex-shrink:0;max-width:100%}
.std-view-btn{box-sizing:border-box;height:100%;min-height:0;justify-content:center;line-height:1;border:1px solid transparent;font-size:var(--ui-btn-fs);font-weight:var(--ui-btn-fw);padding:.3rem .7rem}
.std-chip{padding:var(--ui-btn-pad);font-size:var(--ui-btn-fs);font-weight:var(--ui-btn-fw)}
.std-act-btn,.std-bulk-btn{font-weight:var(--ui-btn-fw)}
.std-pagination-btns button{min-width:2rem;height:2rem}
.sm-btn-ic{width:1.75rem;height:1.75rem}
.btn-icon{aspect-ratio:1;padding:0}
.btn:hover:not(:disabled){opacity:.85}
.btn:disabled,.phdr-btn:disabled,.vbtn:disabled{opacity:.5;cursor:not-allowed}

@media (max-width:768px){
    .std-view-toggle{height:2.25rem;padding:3px;gap:3px}
    .std-view-btn{padding:0 .65rem}
    .std-view-btn i,.std-view-btn svg{flex-shrink:0}
}

@media (max-width:640px){
    :root{--ui-btn-h:1.875rem;--ui-btn-pad:.25rem .7rem;--ui-btn-fs:.78rem}
    .phdr-actions{width:100%;flex-wrap:wrap;gap:.35rem}
    .phdr-actions > *{flex-shrink:0;max-width:100%}
    .phdr-btn span,.tcm-btn span,.vbtn span{overflow:hidden;text-overflow:ellipsis}
    .std-view-btn{padding:0 .6rem}
    .sm-btn-ic{width:1.65rem;height:1.65rem}
    .std-pagination-btns button{min-width:1.875rem;height:1.875rem;font-size:.78rem}
    .std-filter-bar{flex-wrap:wrap;gap:.4rem}
    .std-table-actions{flex-wrap:wrap;gap:.35rem}
}

@media print{
    .btn,.vbtn,.phdr-btn,.phdr-more-btn,.std-more-btn,.tcm-btn{box-shadow:none!important}
}
