
:root{
 --v4-bg:#f5f2f1;
 --v4-surface:#ffffff;
 --v4-surface-soft:#fbf8f7;
 --v4-line:#e6ddda;
 --v4-text:#2a2024;
 --v4-muted:#796d6a;
 --v4-primary:#9f4b5c;
 --v4-primary-dark:#6f3542;
 --v4-primary-soft:#f2e1e5;
 --v4-success:#2f7d59;
 --v4-warning:#96691f;
 --v4-danger:#ad414e;
 --v4-shadow:0 12px 38px rgba(47,24,31,.07);
 --v4-radius:16px;
 --v4-focus:0 0 0 3px rgba(159,75,92,.13);
}

*{box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth}
body{overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img,video,canvas,svg,iframe{max-width:100%}
button,input,select,textarea{font:inherit}
:focus-visible{outline:2px solid var(--v4-primary);outline-offset:2px}
[hidden]{display:none!important}

/* Shared professional typography */
:is(.a272-content,.c273-content,.c272-content,.admin-main,.customer-main) h1{
 font-size:clamp(1.9rem,3vw,3.15rem)!important;
 line-height:1.02!important;
 letter-spacing:-.045em!important;
 margin:.12em 0 .32em!important;
}
:is(.a272-content,.c273-content,.c272-content,.admin-main,.customer-main) h2{
 font-size:clamp(1.25rem,1.9vw,1.8rem)!important;
 line-height:1.12!important;
 letter-spacing:-.032em!important;
}
:is(.a272-content,.c273-content,.c272-content,.admin-main,.customer-main) h3{
 font-size:1rem!important;
 line-height:1.22!important;
 letter-spacing:-.018em!important;
}
:is(.a272-content,.c273-content,.c272-content,.admin-main,.customer-main) p{
 font-size:.78rem!important;
 line-height:1.62!important;
}

/* Shared page surfaces */
:is(.a272-content,.c273-content,.c272-content,.admin-main,.customer-main){
 min-width:0;
 background:var(--v4-bg)!important;
 color:var(--v4-text)!important;
 padding:18px!important;
}
:is(.a272-content,.c273-content,.c272-content) > *{min-width:0}

/* Cards and panels */
:is(.a272-content,.c273-content,.c272-content) :is(
 .pro-panel,.pro-card,.v21-card,.v22-card,.n24-card,.a23-card,
 .packages-v20-card,.m25-panel,.q275-admin-card,.ld280-panel,
 .crm286-panel,.aa285-panel,.ss287-panel,.ad272-panel,
 .customer-card,.dashboard-card,.event-card,.order-card,
 .activity-card,.qr-card,.media-card,.panel
){
 border:1px solid var(--v4-line)!important;
 border-radius:var(--v4-radius)!important;
 background:var(--v4-surface)!important;
 box-shadow:var(--v4-shadow)!important;
}

/* Page headers */
:is(.a272-content,.c273-content,.c272-content) :is(
 .crm286-hero,.aa285-hero,.ss287-hero,.q275-admin-hero,.ld280-hero,
 .ad272-hero,.pro-hero,.pro-page-heading,.pro-heading,.v21-heading,
 .n24-heading,.a23-heading,.packages-v20-heading,.m25-heading,
 .customer-hero,.c272-hero,.dashboard-hero,.customer-page-head,.page-heading
){
 padding:20px 22px!important;
 border-radius:20px!important;
 overflow:hidden!important;
 box-shadow:0 18px 50px rgba(47,23,31,.1)!important;
}

/* Forms */
:is(.a272-content,.c273-content,.c272-content) label{
 font-size:.7rem!important;
 font-weight:750!important;
 color:#4f4341!important;
}
:is(.a272-content,.c273-content,.c272-content) :is(
 input:not([type=checkbox]):not([type=radio]):not([type=color]),
 select,textarea
){
 min-height:41px!important;
 padding:9px 11px!important;
 border:1px solid var(--v4-line)!important;
 border-radius:10px!important;
 background:#fff!important;
 color:var(--v4-text)!important;
 font-size:.78rem!important;
 box-shadow:none!important;
}
:is(.a272-content,.c273-content,.c272-content) textarea{min-height:88px!important}
:is(.a272-content,.c273-content,.c272-content) :is(input,select,textarea):focus{
 border-color:#bc7886!important;
 box-shadow:var(--v4-focus)!important;
 outline:none!important;
}

/* Buttons */
:is(.a272-content,.c273-content,.c272-content) :is(button,.button,a.button){
 min-height:38px!important;
 padding:8px 13px!important;
 border-radius:999px!important;
 font-size:.69rem!important;
 font-weight:850!important;
}
:is(.a272-content,.c273-content,.c272-content) :is(.primary,button[type=submit]){
 background:linear-gradient(135deg,var(--v4-primary),var(--v4-primary-dark))!important;
 border-color:transparent!important;
 color:#fff!important;
}

/* Tables */
.v4-table-wrap{
 width:100%;
 max-width:100%;
 overflow:auto;
 border:1px solid var(--v4-line);
 border-radius:14px;
 background:#fff;
}
:is(.a272-content,.c273-content,.c272-content) table{
 width:100%!important;
 min-width:760px;
 border-collapse:separate!important;
 border-spacing:0!important;
 font-size:.69rem!important;
}
:is(.a272-content,.c273-content,.c272-content) th{
 position:sticky;
 top:0;
 z-index:2;
 padding:10px 11px!important;
 background:#f7f2f1!important;
 color:#675a57!important;
 font-size:.58rem!important;
 letter-spacing:.025em!important;
 border-bottom:1px solid var(--v4-line)!important;
 white-space:nowrap!important;
}
:is(.a272-content,.c273-content,.c272-content) td{
 padding:10px 11px!important;
 border-bottom:1px solid #eee7e4!important;
 vertical-align:middle!important;
}
:is(.a272-content,.c273-content,.c272-content) tbody tr:hover{background:#fcf8f7!important}

/* Sidebar and topbar */
:is(.a272-sidebar,.c273-sidebar,.c272-sidebar){
 box-shadow:12px 0 40px rgba(44,22,29,.07)!important;
}
:is(.a272-nav,.c273-nav,.c272-nav) a{
 min-height:40px!important;
 border-radius:10px!important;
 font-size:.68rem!important;
}
:is(.a272-nav,.c273-nav,.c272-nav) a.active{
 background:linear-gradient(135deg,var(--v4-primary-soft),#fff)!important;
 color:var(--v4-primary)!important;
 box-shadow:inset 0 0 0 1px #e6cdd3!important;
}
:is(.a272-topbar,.c273-topbar,.c272-topbar){
 min-height:64px!important;
 border-bottom:1px solid var(--v4-line)!important;
 background:rgba(255,255,255,.92)!important;
 backdrop-filter:blur(14px)!important;
}

/* Status chips */
:is(.a272-content,.c273-content,.c272-content) :is(
 .status,.badge,[class*="status"],[class*="badge"]
){
 border-radius:999px!important;
 font-size:.56rem!important;
}

/* Empty states */
:is(.a272-content,.c273-content,.c272-content) :is(
 .empty,.pro-empty,.ad272-empty,.crm286-empty,.customer-empty,.dashboard-empty
){
 padding:28px!important;
 border:1px dashed #d7c7c4!important;
 border-radius:14px!important;
 background:var(--v4-surface-soft)!important;
 color:var(--v4-muted)!important;
 text-align:center!important;
}

/* Broken media fallback */
.v4-media-missing{
 min-height:120px;
 background:linear-gradient(135deg,#f3e8e9,#faf7f6)!important;
}
.v4-media-missing::after{
 content:"Görsel yüklenemedi";
 display:grid;
 place-items:center;
 min-height:120px;
 color:var(--v4-muted);
 font-size:.68rem;
}

/* Accessibility and motion */
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{
  scroll-behavior:auto!important;
  animation-duration:.01ms!important;
  animation-iteration-count:1!important;
  transition-duration:.01ms!important;
 }
}

@media(max-width:900px){
 :is(.a272-content,.c273-content,.c272-content,.admin-main,.customer-main){
  padding:12px!important;
 }
 :is(.a272-content,.c273-content,.c272-content) h1{font-size:2rem!important}
 :is(.a272-content,.c273-content,.c272-content) h2{font-size:1.35rem!important}
}
@media(max-width:560px){
 :is(.a272-content,.c273-content,.c272-content) h1{font-size:1.75rem!important}
 :is(.a272-content,.c273-content,.c272-content) :is(
  .crm286-hero,.aa285-hero,.ss287-hero,.q275-admin-hero,.ld280-hero,
  .ad272-hero,.pro-hero,.pro-page-heading,.pro-heading,
  .customer-hero,.c272-hero,.dashboard-hero,.customer-page-head,.page-heading
 ){
  padding:15px!important;
  border-radius:15px!important;
 }
}
