body{background:#f4f7fb;font-family:Arial,Helvetica,sans-serif}
.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f766e,#14b8a6)}
.auth-card{width:100%;max-width:430px;background:#fff;padding:32px;border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.18)}
.brand-badge{width:56px;height:56px;border-radius:16px;background:#0f766e;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;margin-bottom:14px}
.sidebar{min-height:100vh;background:#102a43;color:white;padding:22px;position:sticky;top:0}
.sidebar a{color:#dbeafe;text-decoration:none;display:block;padding:11px 12px;border-radius:10px;margin-bottom:6px}
.sidebar a:hover,.sidebar a.active{background:#0f766e;color:#fff}
.main-content{padding:26px}.card-soft{background:white;border:0;border-radius:18px;padding:20px;box-shadow:0 10px 25px rgba(15,23,42,.08)}
.btn-main{background:#0f766e;color:#fff}.btn-main:hover{background:#115e59;color:#fff}
.status-pill{padding:5px 10px;border-radius:999px;font-size:12px;font-weight:600;display:inline-block}
.status-pending{background:#fef3c7;color:#92400e}.status-approved{background:#dcfce7;color:#166534}.status-rejected{background:#fee2e2;color:#991b1b}.status-ended{background:#e0e7ff;color:#3730a3}
.big-number{font-size:34px;font-weight:800;color:#102a43}
.live-dot{width:10px;height:10px;background:#22c55e;border-radius:50%;display:inline-block;margin-right:6px;animation:pulse 1s infinite}
.notification-badge{background:#ef4444;color:#fff;border-radius:99px;padding:2px 7px;font-size:12px;margin-left:5px}
.alert-notify{border-left:5px solid #0f766e}
@keyframes pulse{0%{opacity:.3}50%{opacity:1}100%{opacity:.3}}
@media(max-width:768px){.sidebar{min-height:auto;position:relative}.main-content{padding:16px}}

.toast-notification{
    transition: all .9s ease;
    opacity:1;
    transform:translateX(0);
}
.toast-notification.hide-left{
    opacity:0;
    transform:translateX(-80px);
}
.notify-success{background:#dcfce7!important;border-left:5px solid #16a34a!important;color:#166534!important}
.notify-danger{background:#fee2e2!important;border-left:5px solid #dc2626!important;color:#991b1b!important}
.notify-info{background:#dbeafe!important;border-left:5px solid #2563eb!important;color:#1e40af!important}

.auto-dismiss{
    transition: all .9s ease;
    opacity:1;
    transform:translateX(0);
}
.auto-dismiss.hide-left{
    opacity:0;
    transform:translateX(-80px);
}

/* V10 Kurumsal Renkler */
:root{
    --brand-navy:#1d355f;
    --brand-silver:#858c8e;
    --brand-cyan:#13aee2;
    --brand-dark:#4d5458;
    --brand-soft:#f4f7fb;
}
body{background:linear-gradient(180deg,#f7fafc 0%,#eef3f7 100%)!important;color:#2a2a2a}
.auth-page{background:linear-gradient(135deg,var(--brand-navy),var(--brand-cyan))!important}
.brand-badge{background:var(--brand-navy)!important}
.sidebar{background:var(--brand-navy)!important}
.sidebar a:hover,.sidebar a.active{background:var(--brand-cyan)!important;color:#fff!important}
.btn-main{background:var(--brand-navy)!important;border-color:var(--brand-navy)!important;color:#fff!important}
.btn-main:hover{background:var(--brand-dark)!important;border-color:var(--brand-dark)!important}
.card-soft{border-top:4px solid var(--brand-cyan)}
.big-number{color:var(--brand-navy)!important}
h2,h3,h4{color:var(--brand-navy)}
.table th{color:var(--brand-dark)}
.status-approved{background:#d8f3fb!important;color:#087ea4!important}
.status-pending{background:#fff3cd!important;color:#7a5b00!important}
.status-rejected{background:#ffe1e1!important;color:#a00000!important}
.notify-success{background:#d8f3fb!important;border-left:5px solid var(--brand-cyan)!important;color:#075f7d!important}
.notify-info{background:#e9eef4!important;border-left:5px solid var(--brand-navy)!important;color:var(--brand-navy)!important}
.notify-danger{background:#ffe1e1!important;border-left:5px solid #dc2626!important;color:#991b1b!important}

/* V16 Mobile-first teknolojik tasarım */
:root{
    --tech-bg:#07111f;
    --tech-card:#0f1b2d;
    --tech-card-2:#13243a;
    --tech-line:rgba(19,174,226,.25);
    --tech-cyan:#13aee2;
    --tech-navy:#1d355f;
    --tech-text:#e8f3fb;
    --tech-muted:#9fb3c8;
}
body{
    background:radial-gradient(circle at top left, rgba(19,174,226,.22), transparent 35%),
               linear-gradient(135deg,#07111f 0%,#101b2f 55%,#17283f 100%)!important;
    color:var(--tech-text)!important;
}
.auth-card,.card-soft{
    background:rgba(15,27,45,.88)!important;
    color:var(--tech-text)!important;
    border:1px solid var(--tech-line)!important;
    backdrop-filter:blur(14px);
    box-shadow:0 18px 50px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.sidebar{
    background:rgba(7,17,31,.96)!important;
    border-right:1px solid var(--tech-line);
    backdrop-filter:blur(16px);
}
.sidebar h4,.sidebar strong,h2,h3,h4{color:#fff!important}
.text-muted,.small.text-white-50{color:var(--tech-muted)!important}
.sidebar a{
    border:1px solid transparent;
    transition:.25s ease;
}
.sidebar a:hover,.sidebar a.active{
    background:linear-gradient(135deg,var(--tech-cyan),#1d6fff)!important;
    box-shadow:0 8px 24px rgba(19,174,226,.22);
}
.btn-main{
    background:linear-gradient(135deg,var(--tech-cyan),#1d6fff)!important;
    border:0!important;
    box-shadow:0 10px 24px rgba(19,174,226,.25);
}
.btn-main:hover{
    filter:brightness(1.08);
    transform:translateY(-1px);
}
.btn-warning{
    background:linear-gradient(135deg,#facc15,#f59e0b)!important;
    border:0!important;
    color:#111827!important;
}
.btn-outline-success{
    border-color:#22c55e!important;
    color:#bbf7d0!important;
}
.btn-outline-success:hover{
    background:#22c55e!important;
    color:#052e16!important;
}
.form-control,.form-select,.input-group-text{
    background:rgba(255,255,255,.06)!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.14)!important;
}
.form-control::placeholder{color:#94a3b8!important}
.form-select option{color:#111827}
.table{
    color:var(--tech-text)!important;
    --bs-table-bg:transparent!important;
}
.table th{
    color:#dff7ff!important;
    background:rgba(19,174,226,.12)!important;
    border-color:rgba(255,255,255,.08)!important;
}
.table td{
    border-color:rgba(255,255,255,.08)!important;
    color:var(--tech-text)!important;
}
.big-number{
    color:#75e4ff!important;
    text-shadow:0 0 18px rgba(19,174,226,.35);
}
.status-pill{box-shadow:0 4px 14px rgba(0,0,0,.18)}
.main-content{min-height:100vh}
.mobile-card-list{display:none}
@media(max-width:768px){
    body{font-size:14px}
    .container-fluid{padding:0}
    .sidebar{
        min-height:auto!important;
        position:relative!important;
        border-right:0;
        border-bottom:1px solid var(--tech-line);
        padding:16px;
    }
    .sidebar h4{font-size:20px;margin-bottom:12px!important}
    .sidebar a{
        display:inline-block;
        margin:4px 4px 4px 0;
        padding:9px 10px;
        font-size:13px;
    }
    .main-content{padding:14px!important}
    .card-soft{padding:15px!important;border-radius:16px!important}
    .big-number{font-size:26px!important}
    h2{font-size:22px}
    h4{font-size:17px}
    .table-responsive{border-radius:14px}
    .btn{width:100%;margin-bottom:6px}
    .row.g-3>[class*="col-"]{margin-bottom:4px}
    .auth-card{margin:16px;padding:24px}
}

/* V17 Beyaz ağırlıklı hareketli tema */
:root{
    --white-bg:#f8fbff;
    --white-card:#ffffff;
    --white-soft:#eef7ff;
    --line:#dbeafe;
    --cyan:#13aee2;
    --navy:#1d355f;
    --silver:#858c8e;
    --dark:#4d5458;
    --text:#1f2937;
    --muted:#64748b;
}
body{
    background:
      radial-gradient(circle at 10% 10%, rgba(19,174,226,.16), transparent 25%),
      radial-gradient(circle at 90% 0%, rgba(29,53,95,.10), transparent 26%),
      linear-gradient(180deg,#ffffff 0%,#f4f8fc 100%)!important;
    color:var(--text)!important;
    overflow-x:hidden;
}
body:before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    background-image:
      linear-gradient(90deg,rgba(19,174,226,.05) 1px,transparent 1px),
      linear-gradient(180deg,rgba(29,53,95,.04) 1px,transparent 1px);
    background-size:44px 44px;
    animation:gridMove 18s linear infinite;
    z-index:-1;
}
@keyframes gridMove{from{background-position:0 0}to{background-position:88px 88px}}
.auth-page{
    background:
      radial-gradient(circle at 20% 20%, rgba(19,174,226,.25), transparent 28%),
      linear-gradient(135deg,#ffffff,#eaf7ff)!important;
}
.auth-card,.card-soft{
    background:rgba(255,255,255,.88)!important;
    color:var(--text)!important;
    border:1px solid rgba(19,174,226,.18)!important;
    backdrop-filter:blur(16px);
    box-shadow:0 18px 45px rgba(29,53,95,.10)!important;
    animation:softFloat .55s ease both;
}
@keyframes softFloat{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.sidebar{
    background:rgba(255,255,255,.92)!important;
    color:var(--text)!important;
    border-right:1px solid var(--line);
    box-shadow:10px 0 32px rgba(29,53,95,.08);
}
.sidebar h4,.sidebar strong,h2,h3,h4{color:var(--navy)!important}
.sidebar .small,.text-muted,.small.text-white-50{color:var(--muted)!important}
.sidebar a{
    color:var(--navy)!important;
    border:1px solid transparent;
    background:transparent;
}
.sidebar a:hover,.sidebar a.active{
    background:linear-gradient(135deg,var(--cyan),#4cc9f0)!important;
    color:#fff!important;
    box-shadow:0 10px 24px rgba(19,174,226,.24);
}
.brand-badge{
    background:linear-gradient(135deg,var(--navy),var(--cyan))!important;
}
.btn-main{
    background:linear-gradient(135deg,var(--navy),var(--cyan))!important;
    border:0!important;
    color:#fff!important;
    box-shadow:0 10px 22px rgba(19,174,226,.20);
}
.btn-main:hover{filter:brightness(1.05);transform:translateY(-1px)}
.form-control,.form-select,.input-group-text{
    background:#fff!important;
    color:var(--text)!important;
    border:1px solid #dbeafe!important;
}
.form-select option{color:var(--text)!important}
.table{
    color:var(--text)!important;
    --bs-table-bg:transparent!important;
}
.table th{
    color:var(--navy)!important;
    background:#eef7ff!important;
    border-color:#dbeafe!important;
}
.table td{
    color:var(--text)!important;
    border-color:#e5eef8!important;
}
.big-number{
    color:var(--cyan)!important;
    text-shadow:none!important;
}
.status-approved{background:#d9f5ff!important;color:#087ea4!important}
.status-pending{background:#fff4cf!important;color:#8a6400!important}
.status-rejected{background:#ffe1e1!important;color:#991b1b!important}
.main-content{min-height:100vh}
.animated-chip{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 10px;
    border-radius:999px;
    background:#eef7ff;
    color:var(--navy);
    border:1px solid #dbeafe;
}
.animated-chip:before{
    content:"";
    width:8px;height:8px;border-radius:50%;
    background:var(--cyan);
    box-shadow:0 0 0 0 rgba(19,174,226,.5);
    animation:pulseRing 1.4s infinite;
}
@keyframes pulseRing{to{box-shadow:0 0 0 8px rgba(19,174,226,0)}}
@media(max-width:768px){
    .sidebar{
        border-right:0;
        border-bottom:1px solid var(--line);
        box-shadow:0 10px 28px rgba(29,53,95,.08);
    }
    .sidebar a{
        background:#f1f8ff;
        margin:4px 3px;
    }
    .main-content{padding:14px!important}
    .card-soft{border-radius:18px!important}
    .table-responsive{border:1px solid #e5eef8;border-radius:16px}
}

/* V19 dengeli açık/renkli kurumsal tema */
body{
    background:
      radial-gradient(circle at 8% 8%, rgba(19,174,226,.18), transparent 28%),
      radial-gradient(circle at 90% 5%, rgba(29,53,95,.18), transparent 30%),
      linear-gradient(135deg,#edf6fb 0%,#f6f9fc 42%,#e7eef7 100%)!important;
}
body:before{
    opacity:.55;
}
.sidebar{
    background:linear-gradient(180deg,#1d355f 0%,#243f70 58%,#13aee2 160%)!important;
    color:#fff!important;
    border-right:0!important;
}
.sidebar h4,.sidebar strong,.sidebar .small{color:#fff!important}
.sidebar .small.text-white-50{color:rgba(255,255,255,.72)!important}
.sidebar a{
    color:#e8f7ff!important;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.08);
}
.sidebar a:hover,.sidebar a.active{
    background:#13aee2!important;
    color:#fff!important;
}
.card-soft{
    background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(245,250,255,.94))!important;
    border:1px solid rgba(19,174,226,.22)!important;
    border-top:4px solid #13aee2!important;
}
.auth-card{
    background:rgba(255,255,255,.94)!important;
}
.main-content{
    background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(19,174,226,.04));
}
.btn-success{
    background:linear-gradient(135deg,#14b8a6,#0f766e)!important;
    border:0!important;
}
.table th{
    background:linear-gradient(180deg,#e5f6ff,#dcefff)!important;
}
.form-control,.form-select{
    background:#fbfdff!important;
}
.animated-chip{
    background:linear-gradient(135deg,#eef8ff,#ffffff)!important;
}
@media(max-width:768px){
    .sidebar{
        background:linear-gradient(135deg,#1d355f,#13aee2)!important;
    }
    .sidebar a{
        background:rgba(255,255,255,.15)!important;
    }
}

/* V20 profil fotoğrafı */
.profile-avatar{
    border-radius:50%;
    object-fit:cover;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:2px solid rgba(19,174,226,.45);
    box-shadow:0 8px 18px rgba(29,53,95,.12);
    background:#eef7ff;
    color:#1d355f;
    font-weight:700;
    flex:0 0 auto;
}
.profile-avatar-fallback{
    background:linear-gradient(135deg,#1d355f,#13aee2);
    color:#fff;
    font-size:13px;
}
.avatar-name{
    display:flex;
    align-items:center;
    gap:10px;
    white-space:nowrap;
}
.profile-preview{
    width:86px;
    height:86px;
    border-radius:50%;
    object-fit:cover;
    border:3px solid #13aee2;
    background:#eef7ff;
}
@media(max-width:768px){
    .avatar-name{white-space:normal}
}

/* V21 avatar popup + bildirim */
.clickable-avatar{cursor:pointer;transition:.2s ease}
.clickable-avatar:hover{transform:scale(1.06);box-shadow:0 10px 26px rgba(19,174,226,.35)}
.photo-modal{
    position:fixed;
    inset:0;
    background:rgba(6,18,35,.72);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:9999;
    padding:20px;
    backdrop-filter:blur(8px);
}
.photo-modal.active{display:flex}
.photo-modal-card{
    position:relative;
    max-width:92vw;
    max-height:88vh;
    background:#fff;
    border-radius:22px;
    padding:18px;
    box-shadow:0 24px 70px rgba(0,0,0,.35);
    animation:modalIn .25s ease both;
}
@keyframes modalIn{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
.photo-modal-card img{
    max-width:82vw;
    max-height:70vh;
    border-radius:16px;
    object-fit:contain;
    display:block;
}
.photo-modal-title{
    margin-top:10px;
    font-weight:700;
    color:#1d355f;
    text-align:center;
}
.photo-modal-close{
    position:absolute;
    top:-12px;
    right:-12px;
    width:38px;
    height:38px;
    border-radius:50%;
    border:0;
    background:#ef4444;
    color:#fff;
    font-weight:800;
    box-shadow:0 10px 26px rgba(239,68,68,.35);
}
.pwa-install-box{
    display:none;
    position:fixed;
    right:18px;
    bottom:18px;
    max-width:330px;
    z-index:9998;
    background:#fff;
    border:1px solid rgba(19,174,226,.25);
    border-radius:18px;
    padding:16px;
    box-shadow:0 18px 45px rgba(29,53,95,.18);
}
.pwa-install-box.show{display:block}
@media(max-width:768px){
    .photo-modal-card img{max-width:86vw;max-height:64vh}
    .pwa-install-box{left:12px;right:12px;bottom:12px;max-width:none}
}

/* V22 profesyonel buton sistemi */
.btn{
    border-radius:14px!important;
    font-weight:700!important;
    letter-spacing:.2px;
    min-height:46px;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    transition:all .22s ease!important;
    border:0!important;
    text-decoration:none!important;
}
.btn:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 28px rgba(29,53,95,.18)!important;
}
.btn:active{
    transform:translateY(0);
}
.btn-main{
    background:linear-gradient(135deg,#1d355f 0%,#13aee2 100%)!important;
    color:#fff!important;
    box-shadow:0 10px 24px rgba(19,174,226,.24)!important;
}
.btn-warning{
    background:linear-gradient(135deg,#ffcc00 0%,#ff9f1c 100%)!important;
    color:#1f2937!important;
    box-shadow:0 10px 24px rgba(245,158,11,.25)!important;
}
.btn-success{
    background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;
    color:#fff!important;
    box-shadow:0 10px 24px rgba(16,185,129,.24)!important;
}
.btn-danger{
    background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%)!important;
    color:#fff!important;
    box-shadow:0 10px 24px rgba(239,68,68,.22)!important;
}
.btn-dark{
    background:linear-gradient(135deg,#374151 0%,#111827 100%)!important;
    color:#fff!important;
}
.btn-outline-success{
    background:#fff!important;
    color:#047857!important;
    border:2px solid #10b981!important;
    box-shadow:0 8px 18px rgba(16,185,129,.12)!important;
}
.btn-outline-success:hover{
    background:linear-gradient(135deg,#10b981,#059669)!important;
    color:#fff!important;
    border-color:transparent!important;
}
.btn-outline-secondary{
    background:#fff!important;
    color:#475569!important;
    border:2px solid #cbd5e1!important;
}
.btn-outline-danger{
    background:#fff!important;
    color:#dc2626!important;
    border:2px solid #fecaca!important;
}
.btn-outline-danger:hover{
    background:#dc2626!important;
    color:#fff!important;
}
.btn-sm{
    min-height:34px;
    border-radius:10px!important;
    padding:.35rem .7rem!important;
    font-size:.85rem!important;
}
.action-button-row .btn,
.mola-action-grid .btn{
    min-height:58px;
    font-size:15px;
    position:relative;
    overflow:hidden;
}
.action-button-row .btn:before,
.mola-action-grid .btn:before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(120deg,transparent,rgba(255,255,255,.34),transparent);
    transform:translateX(-120%);
    transition:.55s ease;
}
.action-button-row .btn:hover:before,
.mola-action-grid .btn:hover:before{
    transform:translateX(120%);
}
.btn-break:after{content:"☕";font-size:18px}
.btn-lunch:after{content:"🍽️";font-size:18px}
.btn-return:after{content:"↩";font-size:18px}
.btn-excel:after{content:"⬇";font-size:16px}
@media(max-width:768px){
    .btn{
        width:100%!important;
        min-height:50px;
        font-size:14px!important;
    }
    .mola-action-grid{
        gap:10px!important;
    }
}

.btn:disabled,.btn.disabled{
    opacity:.65!important;
    filter:grayscale(.2);
    cursor:not-allowed!important;
    transform:none!important;
    box-shadow:none!important;
}

/* V23 PWA logo/ana ekrana ekle */
.pwa-install-box{
    border-top:4px solid #13aee2!important;
}
.pwa-logo-row{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:8px;
}
.pwa-logo-row img{
    width:42px;
    height:42px;
    border-radius:12px;
    object-fit:cover;
    box-shadow:0 8px 18px rgba(29,53,95,.14);
}
.pwa-install-box .btn{
    min-height:40px;
}
@media(max-width:768px){
    .pwa-install-box{
        display:block;
        transform:translateY(130%);
        transition:.35s ease;
    }
    .pwa-install-box.show{
        transform:translateY(0);
    }
}

/* V25 iPhone ana ekrana ekle düzeltmesi */
.pwa-logo-row img{
    width:54px!important;
    height:54px!important;
    border-radius:14px!important;
}
.ios-install-steps{
    display:none;
    margin-top:10px;
    padding:10px;
    border-radius:12px;
    background:#eef7ff;
    color:#1d355f;
    font-size:13px;
    line-height:1.55;
}
.pwa-install-box.ios-mode .ios-install-steps{
    display:block;
}
.pwa-install-box.ios-mode #pwaInstallBtn{
    display:none!important;
}
.pwa-install-box.ios-mode{
    border-top:5px solid #1d355f!important;
}

/* V26 limit ekranları için daha görsel form/table tasarımı */
.card-soft{
    overflow:hidden;
}
.table-responsive{
    border-radius:18px!important;
    background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
}
.table.align-middle tr{
    transition:.22s ease;
}
.table.align-middle tr:not(:first-child):hover{
    background:linear-gradient(90deg,rgba(19,174,226,.08),rgba(29,53,95,.035))!important;
    transform:scale(1.002);
}
.table .form-control,
.table .form-select{
    border-radius:13px!important;
    background:linear-gradient(180deg,#ffffff,#f5fbff)!important;
    border:1px solid #cfe7fb!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 5px 14px rgba(29,53,95,.06)!important;
    min-height:38px;
}
.table .form-control:focus,
.table .form-select:focus{
    border-color:#13aee2!important;
    box-shadow:0 0 0 4px rgba(19,174,226,.16)!important;
}
.table td:first-child .form-control,
.table td:first-child .form-select{
    font-weight:700;
    color:#1d355f!important;
    background:linear-gradient(135deg,#edf8ff,#ffffff)!important;
}
.table td:nth-child(2) .form-control,
.table td:nth-child(2) .form-select{
    color:#334155!important;
    background:linear-gradient(135deg,#f8fbff,#ffffff)!important;
}
.table td:nth-child(3) .form-control{
    max-width:120px;
    text-align:center;
    font-weight:800;
    color:#13aee2!important;
    background:#eef9ff!important;
}
.card-soft h4{
    display:flex;
    align-items:center;
    gap:10px;
}
.card-soft h4:before{
    content:"";
    width:10px;
    height:28px;
    border-radius:999px;
    background:linear-gradient(180deg,#13aee2,#1d355f);
    display:inline-block;
}
.limit-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:44px;
    height:34px;
    padding:0 12px;
    border-radius:999px;
    background:linear-gradient(135deg,#13aee2,#1d355f);
    color:#fff;
    font-weight:800;
    box-shadow:0 8px 18px rgba(19,174,226,.22);
}
.form-control[name="limit"]{
    font-size:15px;
}
@media(max-width:768px){
    .table .form-control,
    .table .form-select{
        min-width:170px;
    }
    .table td:nth-child(3) .form-control{
        max-width:none;
    }
}

/* V27 özel selectbox tasarımı */
.form-select.custom-select-hidden{
    position:absolute!important;
    opacity:0!important;
    pointer-events:none!important;
    width:1px!important;
    height:1px!important;
}
.custom-select{
    position:relative;
    width:100%;
    min-width:160px;
    font-size:14px;
}
.custom-select-trigger{
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:9px 14px;
    border-radius:14px;
    border:1px solid #cfe7fb;
    background:linear-gradient(180deg,#ffffff,#f3faff);
    color:#1d355f;
    box-shadow:0 7px 18px rgba(29,53,95,.08), inset 0 1px 0 rgba(255,255,255,.85);
    cursor:pointer;
    transition:.22s ease;
    font-weight:600;
}
.custom-select-trigger:hover,
.custom-select.open .custom-select-trigger{
    border-color:#13aee2;
    box-shadow:0 0 0 4px rgba(19,174,226,.13),0 10px 22px rgba(29,53,95,.10);
}
.custom-select-arrow{
    width:28px;
    height:28px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#13aee2,#1d355f);
    color:#fff;
    flex:0 0 auto;
    transition:.22s ease;
}
.custom-select.open .custom-select-arrow{
    transform:rotate(180deg);
}
.custom-select-options{
    position:absolute;
    left:0;
    right:0;
    top:calc(100% + 8px);
    z-index:999;
    background:#fff;
    border:1px solid #cfe7fb;
    border-radius:16px;
    box-shadow:0 18px 40px rgba(29,53,95,.18);
    overflow:hidden;
    display:none;
    max-height:260px;
    overflow-y:auto;
    animation:selectDrop .18s ease both;
}
@keyframes selectDrop{
    from{opacity:0;transform:translateY(-6px)}
    to{opacity:1;transform:translateY(0)}
}
.custom-select.open .custom-select-options{
    display:block;
}
.custom-select-option{
    padding:11px 14px;
    color:#1f2937;
    background:#fff;
    cursor:pointer;
    transition:.16s ease;
    border-bottom:1px solid #edf4fb;
}
.custom-select-option:last-child{
    border-bottom:0;
}
.custom-select-option:hover{
    background:linear-gradient(90deg,rgba(19,174,226,.12),rgba(29,53,95,.05));
    color:#1d355f;
    padding-left:18px;
}
.custom-select-option.selected{
    background:linear-gradient(135deg,#13aee2,#1d355f);
    color:#fff;
    font-weight:800;
}
.table .custom-select-trigger{
    min-height:38px;
    border-radius:13px;
}
@media(max-width:768px){
    .custom-select{
        min-width:190px;
    }
    .custom-select-options{
        position:fixed;
        left:14px;
        right:14px;
        top:auto;
        bottom:18px;
        max-height:50vh;
        border-radius:20px;
    }
    .custom-select-option{
        padding:14px 16px;
        font-size:15px;
    }
}

/* V28 tek buton durumu */
.mola-action-grid .btn-dark:disabled{
    background:linear-gradient(135deg,#64748b,#334155)!important;
    color:#fff!important;
    opacity:1!important;
    box-shadow:0 10px 24px rgba(51,65,85,.18)!important;
}
.mola-action-grid .btn-dark:disabled:after{
    content:"⏳";
    font-size:18px;
}

/* V29 tablo ve select taşma düzeltmeleri */
.table-responsive{
    overflow-x:auto!important;
    overflow-y:visible!important;
    max-width:100%!important;
}
.card-soft{
    max-width:100%!important;
}
.table{
    width:100%!important;
}
.table td,
.table th{
    vertical-align:middle!important;
}
.table .form-control,
.table .form-select{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:40px!important;
    padding:8px 10px!important;
    font-size:13px!important;
    border-radius:12px!important;
}
.table input[type="file"].form-control{
    min-width:130px!important;
    max-width:180px!important;
    padding:6px!important;
    font-size:12px!important;
}
.table .btn{
    white-space:nowrap!important;
}
.table .avatar-name{
    min-width:150px;
}
.table .profile-avatar{
    width:38px!important;
    height:38px!important;
}
.custom-select{
    max-width:100%!important;
}
.custom-select-options{
    z-index:5000!important;
}
.table .custom-select,
.table-responsive .custom-select{
    display:none!important;
}
.table .custom-select-hidden,
.table-responsive .custom-select-hidden{
    position:static!important;
    opacity:1!important;
    pointer-events:auto!important;
    width:100%!important;
    height:40px!important;
}
.users-table th,
.users-table td{
    white-space:nowrap;
}
.users-table td:nth-child(2){
    min-width:155px;
}
.users-table td:nth-child(3){
    min-width:170px;
}
.users-table td:nth-child(4){
    min-width:210px;
}
.users-table td:nth-child(5),
.users-table td:nth-child(6),
.users-table td:nth-child(7){
    min-width:150px;
}
.users-table td:nth-child(8){
    min-width:155px;
}
@media(max-width:768px){
    .table-responsive{
        border-radius:18px!important;
        overflow-x:auto!important;
        -webkit-overflow-scrolling:touch;
    }
    .users-table{
        min-width:980px!important;
    }
    .table .form-control,
    .table .form-select{
        font-size:12px!important;
    }
}

/* V31 tam responsive panel - yatay kaydırma kaldırıldı */
html,body{
    max-width:100%!important;
    overflow-x:hidden!important;
}
.container-fluid,.row,.main-content,.card-soft{
    max-width:100%!important;
}
.main-content{
    overflow-x:hidden!important;
}
.table-responsive{
    overflow-x:hidden!important;
}
.users-table,
.table{
    table-layout:fixed!important;
    width:100%!important;
    min-width:0!important;
}
.users-table th,
.users-table td,
.table th,
.table td{
    white-space:normal!important;
    word-break:break-word!important;
    overflow-wrap:anywhere!important;
}
.users-table .form-control,
.users-table .form-select,
.table .form-control,
.table .form-select{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
}
.users-table input[type="file"]{
    font-size:11px!important;
    padding:6px!important;
}
.users-table th:nth-child(1),
.users-table td:nth-child(1){
    width:42px!important;
    text-align:center;
}
.users-table th:nth-child(2),
.users-table td:nth-child(2){
    width:92px!important;
}
.users-table th:nth-child(3),
.users-table td:nth-child(3){
    width:145px!important;
}
.users-table th:nth-child(4),
.users-table td:nth-child(4){
    width:170px!important;
}
.users-table th:nth-child(5),
.users-table td:nth-child(5){
    width:130px!important;
}
.users-table th:nth-child(6),
.users-table td:nth-child(6){
    width:140px!important;
}
.users-table th:nth-child(7),
.users-table td:nth-child(7){
    width:130px!important;
}
.users-table th:nth-child(8),
.users-table td:nth-child(8){
    width:95px!important;
}
.users-table th:nth-child(9),
.users-table td:nth-child(9){
    width:110px!important;
}
.users-table th:nth-child(10),
.users-table td:nth-child(10){
    width:135px!important;
}
.users-table .btn{
    min-height:36px!important;
    padding:6px 10px!important;
    font-size:12px!important;
}
.users-table .d-flex{
    flex-wrap:wrap!important;
}

/* Mobil ve dar ekranlarda tabloyu kartlara çevir */
@media(max-width:1100px){
    .users-table,
    .users-table thead,
    .users-table tbody,
    .users-table th,
    .users-table td,
    .users-table tr{
        display:block!important;
        width:100%!important;
    }
    .users-table tr:first-child{
        display:none!important;
    }
    .users-table tr{
        background:linear-gradient(180deg,#ffffff,#f6fbff)!important;
        border:1px solid #dbeafe!important;
        border-radius:18px!important;
        margin-bottom:14px!important;
        padding:14px!important;
        box-shadow:0 12px 28px rgba(29,53,95,.08)!important;
    }
    .users-table td{
        border:0!important;
        padding:8px 0!important;
        display:grid!important;
        grid-template-columns:130px 1fr!important;
        gap:10px!important;
        align-items:center!important;
    }
    .users-table td:before{
        content:attr(data-label);
        font-weight:800;
        color:#1d355f;
        font-size:13px;
    }
    .users-table td:nth-child(1):before{content:"ID"}
    .users-table td:nth-child(2):before{content:"Fotoğraf"}
    .users-table td:nth-child(3):before{content:"Ad Soyad"}
    .users-table td:nth-child(4):before{content:"E-posta"}
    .users-table td:nth-child(5):before{content:"Birim"}
    .users-table td:nth-child(6):before{content:"Alt Birim"}
    .users-table td:nth-child(7):before{content:"Rol"}
    .users-table td:nth-child(8):before{content:"Durum"}
    .users-table td:nth-child(9):before{content:"Yeni Şifre"}
    .users-table td:nth-child(10):before{content:"Kayıt Tarihi"}
    .users-table td:nth-child(11):before{content:"İşlem"}
    .users-table .profile-avatar{
        width:54px!important;
        height:54px!important;
    }
}
@media(max-width:768px){
    .main-content{padding:12px!important}
    .card-soft{padding:14px!important}
    .users-table td{
        grid-template-columns:100px 1fr!important;
    }
    .pwa-install-box{
        position:fixed!important;
        left:10px!important;
        right:10px!important;
        bottom:10px!important;
        max-width:none!important;
    }
}

/* V32 Kullanıcı yönetimi tablo genişlik düzeltmesi */
.users-table{
    table-layout:auto!important;
    width:100%!important;
}
.users-table th,
.users-table td{
    padding:14px 12px!important;
    vertical-align:middle!important;
}
.users-table th{
    font-size:15px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
}
.users-table td{
    font-size:14px!important;
}
.users-table th:nth-child(1),
.users-table td:nth-child(1){
    width:60px!important;
    min-width:60px!important;
    text-align:center!important;
}
.users-table th:nth-child(2),
.users-table td:nth-child(2){
    width:115px!important;
    min-width:115px!important;
}
.users-table th:nth-child(3),
.users-table td:nth-child(3){
    width:180px!important;
    min-width:180px!important;
}
.users-table th:nth-child(4),
.users-table td:nth-child(4){
    width:220px!important;
    min-width:220px!important;
}
.users-table th:nth-child(5),
.users-table td:nth-child(5){
    width:170px!important;
    min-width:170px!important;
}
.users-table th:nth-child(6),
.users-table td:nth-child(6){
    width:190px!important;
    min-width:190px!important;
}
.users-table th:nth-child(7),
.users-table td:nth-child(7){
    width:160px!important;
    min-width:160px!important;
}
.users-table th:nth-child(8),
.users-table td:nth-child(8){
    width:125px!important;
    min-width:125px!important;
}
.users-table th:nth-child(9),
.users-table td:nth-child(9){
    width:150px!important;
    min-width:150px!important;
}
.users-table th:nth-child(10),
.users-table td:nth-child(10){
    width:125px!important;
    min-width:125px!important;
}
.users-table th:nth-child(11),
.users-table td:nth-child(11){
    width:170px!important;
    min-width:170px!important;
}
.users-table .profile-avatar{
    width:52px!important;
    height:52px!important;
}
.users-table input[type="file"].form-control{
    width:100%!important;
    max-width:105px!important;
    font-size:11px!important;
    padding:7px!important;
    margin-top:8px!important;
}
.users-table .form-control,
.users-table .form-select{
    min-height:42px!important;
    font-size:13px!important;
}
.users-table .d-flex{
    gap:8px!important;
    flex-wrap:wrap!important;
}
.users-table .btn-sm{
    min-height:36px!important;
    padding:7px 12px!important;
}

/* Bekleyen kullanıcı tablosu 7 sütun olduğu için özel ölçü */
.card-soft .users-table tr:first-child th:nth-child(1):nth-last-child(7),
.card-soft .users-table tr td:nth-child(1):nth-last-child(7){
    width:100px!important;
}
@media(min-width:1101px){
    .table-responsive{
        overflow-x:auto!important;
        -webkit-overflow-scrolling:touch;
    }
    .users-table{
        min-width:1180px!important;
    }
}

/* Kart görünümüne geçişi biraz daha erken yap, üst üste binme olmasın */
@media(max-width:1250px){
    .users-table,
    .users-table tbody,
    .users-table th,
    .users-table td,
    .users-table tr{
        display:block!important;
        width:100%!important;
        min-width:0!important;
    }
    .users-table tr:first-child{
        display:none!important;
    }
    .users-table tr{
        background:linear-gradient(180deg,#ffffff,#f6fbff)!important;
        border:1px solid #dbeafe!important;
        border-radius:18px!important;
        margin-bottom:14px!important;
        padding:14px!important;
        box-shadow:0 12px 28px rgba(29,53,95,.08)!important;
    }
    .users-table td{
        border:0!important;
        padding:9px 0!important;
        display:grid!important;
        grid-template-columns:135px 1fr!important;
        gap:12px!important;
        align-items:center!important;
    }
    .users-table td:before{
        font-weight:800!important;
        color:#1d355f!important;
        font-size:13px!important;
    }
}
@media(max-width:768px){
    .users-table td{
        grid-template-columns:105px 1fr!important;
    }
}

/* V33 mobilde mola tablolarını kart görünümüne çevir */
#pendingRequestsCards,
#onBreakCards{
    display:none;
}
.mobile-record-list{
    display:flex;
    flex-direction:column;
    gap:12px;
}
.mobile-record-card{
    background:linear-gradient(180deg,#ffffff,#f6fbff);
    border:1px solid #dbeafe;
    border-radius:18px;
    padding:14px;
    box-shadow:0 12px 28px rgba(29,53,95,.08);
}
.mobile-record-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
}
.mobile-record-top .avatar-name{
    min-width:0;
    white-space:normal;
    flex:1;
}
.mobile-record-top .avatar-name span{
    font-weight:800;
    color:#1d355f;
    line-height:1.2;
}
.mobile-record-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}
.mobile-record-grid div{
    background:#eef7ff;
    border-radius:14px;
    padding:10px;
    min-width:0;
}
.mobile-record-grid small{
    display:block;
    color:#64748b;
    font-size:11px;
    margin-bottom:4px;
    font-weight:700;
}
.mobile-record-grid strong{
    display:block;
    color:#1f2937;
    font-size:13px;
    line-height:1.25;
    word-break:break-word;
}
.mobile-record-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:12px;
}
.mobile-record-actions .btn{
    width:100%;
}
.status-pill{
    white-space:normal!important;
    text-align:center;
    line-height:1.2;
    min-width:72px;
}
@media(max-width:768px){
    #pendingRequests,
    #onBreakList{
        display:none!important;
    }
    #pendingRequestsCards,
    #onBreakCards{
        display:block!important;
    }
    .card-soft:has(#pendingRequests),
    .card-soft:has(#onBreakList){
        padding:14px!important;
    }
    .mobile-record-grid{
        grid-template-columns:1fr;
    }
    .mobile-record-top{
        align-items:flex-start;
    }
    .status-pill{
        min-width:82px;
        padding:8px 10px;
    }
}

/* V34 mobil sol gizli menü + alt menü + sade molada olanlar */
.mobile-topbar,
.mobile-bottom-nav,
.mobile-drawer-overlay,
.mobile-drawer-close{display:none}
@media(max-width:768px){
    body{padding-top:64px!important;padding-bottom:78px!important}
    .mobile-topbar{
        position:fixed;top:0;left:0;right:0;height:64px;z-index:9990;
        display:flex;align-items:center;justify-content:space-between;
        padding:10px 14px;background:linear-gradient(135deg,#1d355f,#13aee2);
        color:#fff;box-shadow:0 12px 30px rgba(29,53,95,.20)
    }
    .mobile-menu-btn{
        width:42px;height:42px;border:0;border-radius:14px;
        background:rgba(255,255,255,.18);color:#fff;font-size:22px;font-weight:800;
        display:flex;align-items:center;justify-content:center
    }
    .mobile-topbar-title{font-weight:800;font-size:18px;letter-spacing:.2px}
    .mobile-topbar-avatar .profile-avatar{width:38px!important;height:38px!important;border-color:rgba(255,255,255,.7)}
    .mobile-drawer-overlay{
        display:block;position:fixed;inset:0;background:rgba(15,23,42,.45);
        z-index:9991;opacity:0;pointer-events:none;transition:.25s ease
    }
    body.drawer-open .mobile-drawer-overlay{opacity:1;pointer-events:auto}
    .sidebar{
        position:fixed!important;top:0!important;left:0!important;bottom:0!important;
        width:82vw!important;max-width:330px!important;min-height:100vh!important;
        transform:translateX(-105%);transition:.28s ease;z-index:9992!important;
        border-radius:0 26px 26px 0!important;overflow-y:auto;
        padding:22px 18px!important;box-shadow:18px 0 45px rgba(15,23,42,.25)!important
    }
    body.drawer-open .sidebar{transform:translateX(0)}
    .mobile-drawer-close{
        display:flex;position:absolute;top:12px;right:12px;width:36px;height:36px;
        border:0;border-radius:50%;background:rgba(255,255,255,.20);color:#fff;
        align-items:center;justify-content:center;font-size:24px;line-height:1
    }
    .sidebar a{display:flex!important;width:100%;margin:8px 0!important;padding:13px 14px!important;border-radius:15px!important;font-size:15px!important}
    .mobile-bottom-nav{
        position:fixed;left:10px;right:10px;bottom:10px;height:64px;z-index:9988;
        display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px;
        background:rgba(255,255,255,.92);border:1px solid rgba(19,174,226,.22);
        border-radius:24px;box-shadow:0 18px 42px rgba(29,53,95,.18);backdrop-filter:blur(16px)
    }
    .mobile-bottom-nav a{
        display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
        text-decoration:none;color:#64748b;border-radius:17px;font-size:18px;font-weight:800
    }
    .mobile-bottom-nav a span{font-size:10px;line-height:1}
    .mobile-bottom-nav a.active{background:linear-gradient(135deg,#1d355f,#13aee2);color:#fff;box-shadow:0 8px 18px rgba(19,174,226,.22)}
    .main-content{padding-top:18px!important}
    .container-fluid>.row{display:block!important}
    .col-md-9,.col-lg-10{width:100%!important;max-width:100%!important}
    #onBreakList{display:none!important}
    #onBreakCards{display:block!important}
    .onbreak-simple-card .mobile-record-top{margin-bottom:14px}
    .simple-onbreak-grid{grid-template-columns:1fr!important}
    .simple-onbreak-grid div{display:flex;justify-content:space-between;align-items:center;gap:10px}
    .simple-onbreak-grid small{margin:0!important;font-size:12px!important}
    .simple-onbreak-grid strong{text-align:right;font-size:14px!important}
}

/* V35 Şu anda molada olanlar sağ-sol kaymasın + profil detay drawer */
#onBreakList{
    overflow:hidden!important;
}
.onbreak-compact-list{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
}
.onbreak-compact-card{
    display:grid;
    grid-template-columns:minmax(220px,1.4fr) minmax(160px,.9fr) minmax(120px,.7fr) minmax(120px,.7fr) minmax(110px,.5fr);
    gap:12px;
    align-items:center;
    background:linear-gradient(180deg,#ffffff,#f7fbff);
    border:1px solid #dbeafe;
    border-radius:18px;
    padding:14px;
    box-shadow:0 10px 24px rgba(29,53,95,.08);
    max-width:100%;
}
.profile-open-btn{
    border:0;
    background:transparent;
    padding:0;
    cursor:pointer;
    text-align:left;
}
.onbreak-person{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
}
.onbreak-person span{
    display:flex;
    flex-direction:column;
    min-width:0;
}
.onbreak-person strong{
    color:#1d355f;
    font-weight:900;
    line-height:1.2;
    word-break:break-word;
}
.onbreak-person small{
    color:#64748b;
    font-weight:700;
}
.onbreak-info{
    min-width:0;
}
.onbreak-info small{
    display:block;
    color:#64748b;
    font-size:11px;
    font-weight:800;
    margin-bottom:4px;
}
.onbreak-info strong{
    color:#1f2937;
    font-size:13px;
    word-break:break-word;
}
.mobile-profile-trigger{
    display:flex;
    align-items:center;
    min-width:0;
}
.mobile-profile-trigger .avatar-name{
    white-space:normal!important;
}
.profile-detail-overlay{
    position:fixed;
    inset:0;
    background:rgba(15,23,42,.45);
    z-index:10000;
    opacity:0;
    pointer-events:none;
    transition:.25s ease;
}
.profile-detail-drawer{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    width:390px;
    max-width:92vw;
    background:#fff;
    z-index:10001;
    transform:translateX(105%);
    transition:.28s ease;
    box-shadow:-22px 0 60px rgba(15,23,42,.25);
    padding:22px;
    overflow-y:auto;
}
body.profile-drawer-open .profile-detail-overlay{
    opacity:1;
    pointer-events:auto;
}
body.profile-drawer-open .profile-detail-drawer{
    transform:translateX(0);
}
.profile-detail-close{
    position:absolute;
    top:12px;
    right:12px;
    width:38px;
    height:38px;
    border:0;
    border-radius:50%;
    background:#ef4444;
    color:#fff;
    font-size:24px;
    line-height:1;
}
.profile-detail-head{
    display:flex;
    align-items:center;
    gap:14px;
    padding:18px 0 20px;
    border-bottom:1px solid #e5eef8;
    margin-bottom:18px;
}
.profile-detail-head .profile-avatar{
    width:76px!important;
    height:76px!important;
}
.profile-detail-head h3{
    margin:0;
    color:#1d355f!important;
}
.profile-detail-head p{
    margin:4px 0 0;
    color:#64748b;
    font-weight:700;
}
.profile-detail-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
}
.profile-detail-grid div{
    background:linear-gradient(180deg,#f8fbff,#eef7ff);
    border:1px solid #dbeafe;
    border-radius:16px;
    padding:13px;
}
.profile-detail-grid small{
    display:block;
    color:#64748b;
    font-weight:800;
    font-size:12px;
    margin-bottom:4px;
}
.profile-detail-grid strong{
    color:#1d355f;
    font-size:15px;
    word-break:break-word;
}
@media(max-width:992px){
    .onbreak-compact-card{
        grid-template-columns:1fr 1fr;
    }
}
@media(max-width:768px){
    #onBreakList{
        display:none!important;
    }
    #onBreakCards{
        display:block!important;
    }
    .profile-detail-drawer{
        left:0;
        right:0;
        top:auto;
        height:86vh;
        width:100%;
        max-width:100%;
        border-radius:26px 26px 0 0;
        transform:translateY(105%);
    }
    body.profile-drawer-open .profile-detail-drawer{
        transform:translateY(0);
    }
}

/* V36 kayıt zorunlu alanlar + login kayıt butonu */
.btn-register-cta{
    background:linear-gradient(135deg,#13aee2,#1d355f)!important;
    color:#fff!important;
    border:0!important;
    border-radius:16px!important;
    min-height:50px!important;
    font-weight:900!important;
    box-shadow:0 14px 28px rgba(19,174,226,.25)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
}
.btn-register-cta span{
    display:inline-flex;
    width:24px;
    height:24px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(255,255,255,.22);
}
.btn-register-cta:hover{
    transform:translateY(-2px);
    filter:brightness(1.05);
}
.form-control:required,
.form-select:required{
    border-left:4px solid #13aee2!important;
}
.required-note{
    font-size:12px;
    color:#64748b;
    margin-top:4px;
}

/* V37 fotoğraf profil açar + mobil hizalama */
.profile-detail-avatar-click .profile-avatar{
    cursor:pointer;
    transition:.2s ease;
}
.profile-detail-avatar-click .profile-avatar:hover{
    transform:scale(1.04);
    box-shadow:0 12px 28px rgba(19,174,226,.25);
}
@media(max-width:768px){
    .card-soft{
        margin-left:auto!important;
        margin-right:auto!important;
        width:calc(100% - 16px)!important;
    }
    .mobile-record-list{
        align-items:center!important;
    }
    .mobile-record-card{
        width:100%!important;
        max-width:620px!important;
        margin-left:auto!important;
        margin-right:auto!important;
    }
    .mobile-record-top{
        text-align:left!important;
    }
    .mobile-record-grid div{
        text-align:left!important;
    }
    .table-responsive{
        margin-left:auto!important;
        margin-right:auto!important;
        width:100%!important;
    }
    .users-table tr{
        margin-left:auto!important;
        margin-right:auto!important;
        max-width:620px!important;
    }
    .users-table td{
        align-items:center!important;
    }
    h2,p.text-muted{
        padding-left:8px!important;
        padding-right:8px!important;
    }
}

/* V38 talebi geri çek butonu */
.btn-cancel-request{
    background:linear-gradient(135deg,#ef4444,#b91c1c)!important;
    color:#fff!important;
    box-shadow:0 10px 24px rgba(239,68,68,.22)!important;
}
.btn-cancel-request:after{
    content:"↺";
    font-size:18px;
}

/* V39 görevli öğrencide bekleyen mola listesi gösterilmez */
.employee-only-hide-pending{
    display:none!important;
}

/* V40 giriş/kayıt üst sekme butonları */
.auth-tabs{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-bottom:22px;
}
.auth-tab{
    min-height:72px;
    border:2px solid #dbeafe;
    background:linear-gradient(180deg,#ffffff,#f4faff);
    border-radius:20px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    color:#1d355f;
    text-decoration:none;
    box-shadow:0 10px 24px rgba(29,53,95,.08);
    transition:.22s ease;
}
.auth-tab span{
    width:34px;
    height:34px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#eef7ff;
    font-size:19px;
}
.auth-tab strong{
    font-size:14px;
}
.auth-tab:hover{
    transform:translateY(-2px);
    border-color:#13aee2;
    box-shadow:0 16px 32px rgba(19,174,226,.18);
}
.auth-tab.active{
    color:#fff;
    border-color:transparent;
    background:linear-gradient(135deg,#1d355f,#13aee2);
}
.auth-tab.active span{
    background:rgba(255,255,255,.20);
}
.auth-card h2{
    margin-top:4px;
}
@media(max-width:480px){
    .auth-tabs{
        gap:8px;
    }
    .auth-tab{
        min-height:66px;
        border-radius:17px;
    }
    .auth-tab strong{
        font-size:13px;
    }
}

/* V45 Bekleyen mola profil kartı + birim yöneticisi görünümü */
.pending-person,
.mobile-profile-trigger{
    border:0;
    background:transparent;
    padding:0;
    cursor:pointer;
    text-align:left;
    display:flex;
    align-items:center;
    min-width:0;
}
.pending-person .avatar-name,
.mobile-profile-trigger .avatar-name{
    white-space:normal!important;
}
.pending-person:hover .profile-avatar,
.mobile-profile-trigger:hover .profile-avatar{
    transform:scale(1.04);
    box-shadow:0 10px 24px rgba(19,174,226,.24);
}
.profile-detail-overlay{
    position:fixed;
    inset:0;
    background:rgba(15,23,42,.45);
    z-index:10000;
    opacity:0;
    pointer-events:none;
    transition:.25s ease;
}
.profile-detail-drawer{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    width:390px;
    max-width:92vw;
    background:#fff;
    z-index:10001;
    transform:translateX(105%);
    transition:.28s ease;
    box-shadow:-22px 0 60px rgba(15,23,42,.25);
    padding:22px;
    overflow-y:auto;
}
body.profile-drawer-open .profile-detail-overlay{
    opacity:1;
    pointer-events:auto;
}
body.profile-drawer-open .profile-detail-drawer{
    transform:translateX(0);
}
.profile-detail-close{
    position:absolute;
    top:12px;
    right:12px;
    width:38px;
    height:38px;
    border:0;
    border-radius:50%;
    background:#ef4444;
    color:#fff;
    font-size:24px;
    line-height:1;
}
.profile-detail-head{
    display:flex;
    align-items:center;
    gap:14px;
    padding:18px 0 20px;
    border-bottom:1px solid #e5eef8;
    margin-bottom:18px;
}
.profile-detail-head .profile-avatar{
    width:76px!important;
    height:76px!important;
    cursor:pointer;
}
.profile-detail-head h3{
    margin:0;
    color:#1d355f!important;
}
.profile-detail-head p{
    margin:4px 0 0;
    color:#64748b;
    font-weight:700;
}
.profile-detail-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
}
.profile-detail-grid div{
    background:linear-gradient(180deg,#f8fbff,#eef7ff);
    border:1px solid #dbeafe;
    border-radius:16px;
    padding:13px;
}
.profile-detail-grid small{
    display:block;
    color:#64748b;
    font-weight:800;
    font-size:12px;
    margin-bottom:4px;
}
.profile-detail-grid strong{
    color:#1d355f;
    font-size:15px;
    word-break:break-word;
}
@media(max-width:768px){
    .profile-detail-drawer{
        left:0;
        right:0;
        top:auto;
        height:86vh;
        width:100%;
        max-width:100%;
        border-radius:26px 26px 0 0;
        transform:translateY(105%);
    }
    body.profile-drawer-open .profile-detail-drawer{
        transform:translateY(0);
    }
}

/* V46 Kullanıcı Yönetimi kartvizit görünümü + kayıt yönlendirme */
.user-card-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:14px;
}
.user-business-card{
    background:linear-gradient(180deg,#ffffff,#f7fbff);
    border:1px solid #dbeafe;
    border-radius:20px;
    padding:14px;
    box-shadow:0 12px 28px rgba(29,53,95,.08);
    overflow:hidden;
    max-width:100%;
}
.user-business-card summary{
    list-style:none;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}
.user-business-card summary::-webkit-details-marker{display:none}
.user-card-main{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
}
.user-card-text{
    display:flex;
    flex-direction:column;
    min-width:0;
}
.user-card-text strong{
    color:#1d355f;
    font-weight:900;
    line-height:1.2;
    word-break:break-word;
}
.user-card-text small,
.user-card-text span{
    color:#64748b;
    font-weight:700;
    font-size:12px;
    word-break:break-word;
}
.user-card-right{
    display:flex;
    align-items:center;
    gap:8px;
    flex:0 0 auto;
}
.user-card-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:6px 10px;
    border-radius:999px;
    font-size:11px;
    font-weight:900;
}
.user-card-badge.status-approved{background:#d9f5ff;color:#087ea4}
.user-card-badge.status-pending{background:#fff4cf;color:#8a6400}
.user-card-badge.status-rejected{background:#ffe1e1;color:#991b1b}
.user-card-chevron{
    width:28px;
    height:28px;
    border-radius:10px;
    background:#eef7ff;
    color:#1d355f;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:900;
    transition:.2s ease;
}
.user-detail-card[open] .user-card-chevron{transform:rotate(180deg)}
.user-detail-form{
    margin-top:16px;
    padding-top:16px;
    border-top:1px solid #e5eef8;
}
.user-detail-photo{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:14px;
}
.user-detail-photo input[type=file]{max-width:220px}
.user-detail-fields{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}
.user-detail-fields label{
    display:block;
    font-size:12px;
    font-weight:900;
    color:#1d355f;
    margin-bottom:5px;
}
.user-detail-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:14px;
}
.user-card-form{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
    margin-top:12px;
}
@media(max-width:768px){
    .user-card-grid{grid-template-columns:1fr;justify-items:center}
    .user-business-card{width:100%;max-width:620px}
    .user-business-card summary{align-items:flex-start}
    .user-detail-fields{grid-template-columns:1fr}
    .user-detail-photo{flex-direction:column;align-items:flex-start}
    .user-detail-photo input[type=file]{max-width:100%}
}

/* V48 Mobil tasarım toparlama */
html,body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
}
*{
    max-width:100%;
}
@media(max-width:768px){
    html,body{
        min-width:0!important;
        overflow-x:hidden!important;
        background:#f3f9ff!important;
    }
    body{
        padding-top:64px!important;
        padding-bottom:92px!important;
    }

    .container-fluid{
        width:100%!important;
        max-width:100%!important;
        padding-left:0!important;
        padding-right:0!important;
        overflow-x:hidden!important;
    }
    .container-fluid>.row{
        margin-left:0!important;
        margin-right:0!important;
        width:100%!important;
        max-width:100%!important;
    }
    .main-content,
    .col-md-9,
    .col-lg-10{
        width:100%!important;
        max-width:100%!important;
        padding-left:12px!important;
        padding-right:12px!important;
        margin:0!important;
        overflow-x:hidden!important;
    }

    .mobile-topbar{
        height:64px!important;
        padding-left:14px!important;
        padding-right:14px!important;
        width:100%!important;
    }
    .mobile-menu-btn{
        width:44px!important;
        height:44px!important;
        border-radius:16px!important;
    }
    .mobile-topbar-title{
        font-size:20px!important;
        line-height:1!important;
    }

    h2{
        font-size:24px!important;
        line-height:1.2!important;
        margin:14px 0 8px!important;
        padding:0!important;
        color:#1d355f!important;
    }
    h4{
        font-size:22px!important;
        line-height:1.25!important;
        margin-bottom:14px!important;
    }
    p.text-muted{
        font-size:15px!important;
        line-height:1.45!important;
        padding:0!important;
        margin-bottom:14px!important;
    }

    .row.g-3{
        margin-left:0!important;
        margin-right:0!important;
        gap:12px!important;
    }
    .row.g-3>[class*="col-"]{
        padding-left:0!important;
        padding-right:0!important;
        width:100%!important;
        max-width:100%!important;
        flex:0 0 100%!important;
    }

    .card-soft{
        width:100%!important;
        max-width:100%!important;
        margin:0 0 14px 0!important;
        padding:18px!important;
        border-radius:22px!important;
        border-top-width:5px!important;
        box-shadow:0 12px 30px rgba(29,53,95,.10)!important;
        overflow:hidden!important;
    }
    .card-soft small{
        font-size:14px!important;
    }
    .big-number{
        font-size:34px!important;
        line-height:1.1!important;
        margin-top:8px!important;
    }

    .mola-action-grid{
        width:100%!important;
        margin:0 0 16px 0!important;
    }
    .mola-action-grid .col-md-12,
    .mola-action-grid .col-md-6,
    .mola-action-grid .col-md-4{
        padding:0!important;
    }
    .mola-action-grid .btn{
        width:100%!important;
        min-height:62px!important;
        border-radius:20px!important;
        font-size:16px!important;
        margin:0!important;
    }

    #departmentCounts{
        margin-left:0!important;
        margin-right:0!important;
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:12px!important;
    }
    #departmentCounts>[class*="col-"]{
        padding-left:0!important;
        padding-right:0!important;
        width:100%!important;
        max-width:100%!important;
        flex:0 0 100%!important;
    }

    .mobile-record-list{
        width:100%!important;
        max-width:100%!important;
        align-items:stretch!important;
    }
    .mobile-record-card,
    .onbreak-simple-card{
        width:100%!important;
        max-width:100%!important;
        margin:0!important;
        border-radius:20px!important;
    }

    #pendingRequests,
    #onBreakList{
        display:none!important;
    }
    #pendingRequestsCards,
    #onBreakCards{
        display:block!important;
        width:100%!important;
    }

    .mobile-bottom-nav{
        left:12px!important;
        right:12px!important;
        bottom:12px!important;
        height:70px!important;
        width:auto!important;
        max-width:none!important;
        padding:8px!important;
        border-radius:24px!important;
        grid-template-columns:repeat(4,1fr)!important;
    }
    .mobile-bottom-nav a{
        min-width:0!important;
        font-size:20px!important;
        border-radius:18px!important;
    }
    .mobile-bottom-nav a span{
        font-size:11px!important;
        white-space:nowrap!important;
    }

    .pwa-install-box{
        display:none!important;
    }

    .sidebar{
        max-width:320px!important;
        width:84vw!important;
    }

    .table-responsive{
        overflow-x:hidden!important;
    }

    .alert,
    .alert-notify{
        width:100%!important;
        margin-left:0!important;
        margin-right:0!important;
        border-radius:18px!important;
    }
}

/* V49 birim görevlisi/yöneticisi üst toplam-bekleyen kartları görmez */
.role-employee [data-live="total"],
.role-employee [data-live="pending"],
.role-unit_admin [data-live="total"],
.role-unit_admin [data-live="pending"]{
    display:none!important;
}

/* V50 Bekleyen Mola Talepleri scroll kaldırıldı / kart görünümü */
#pendingRequests,
#pendingRequestsCards{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
}
#pendingRequests .table-responsive,
#pendingRequestsCards .table-responsive{
    display:none!important;
}
.pending-break-card-list{
    width:100%;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:14px;
    overflow-x:hidden!important;
}
.pending-break-card{
    background:linear-gradient(180deg,#ffffff,#f7fbff);
    border:1px solid #dbeafe;
    border-radius:20px;
    padding:14px;
    box-shadow:0 12px 28px rgba(29,53,95,.08);
    overflow:hidden;
}
.pending-break-user{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
}
.pending-person{
    border:0;
    background:transparent;
    padding:0;
    cursor:pointer;
    text-align:left;
    min-width:0;
    flex:1;
}
.pending-person .avatar-name{
    white-space:normal!important;
    min-width:0;
}
.pending-person .avatar-name span{
    word-break:break-word;
    overflow-wrap:anywhere;
}
.pending-break-details{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.pending-break-details div{
    background:#eef7ff;
    border-radius:14px;
    padding:10px;
    min-width:0;
}
.pending-break-details small{
    display:block;
    color:#64748b;
    font-size:11px;
    font-weight:800;
    margin-bottom:4px;
}
.pending-break-details strong{
    display:block;
    color:#1d355f;
    font-size:13px;
    line-height:1.25;
    word-break:break-word;
    overflow-wrap:anywhere;
}
.pending-break-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:12px;
}
.pending-break-actions .btn{
    width:100%!important;
}
.empty-state{
    width:100%;
    background:#eef7ff;
    border:1px solid #dbeafe;
    color:#64748b;
    border-radius:18px;
    padding:16px;
    font-weight:700;
}
.card-soft:has(#pendingRequests),
.card-soft:has(#pendingRequestsCards){
    overflow-x:hidden!important;
}
@media(max-width:768px){
    .pending-break-card-list{
        grid-template-columns:1fr!important;
        gap:12px;
    }
    .pending-break-card{
        width:100%!important;
        max-width:100%!important;
        margin:0!important;
    }
    .pending-break-user{
        align-items:flex-start;
    }
    .pending-break-details{
        grid-template-columns:1fr!important;
    }
}

/* V52 Apple tarzı limit tablo/form tasarımı */
.apple-count-pill{
    min-width:46px;
    height:38px;
    padding:0 14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    background:rgba(255,255,255,.82);
    border:1px solid rgba(19,174,226,.30);
    color:#1d355f;
    font-weight:900;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.85), 0 8px 20px rgba(29,53,95,.08);
}
.card-soft .table-responsive{
    border-radius:24px!important;
    overflow:hidden!important;
    background:rgba(255,255,255,.72)!important;
    border:1px solid rgba(219,234,254,.88)!important;
    box-shadow:0 16px 42px rgba(29,53,95,.08)!important;
}
.card-soft table.table{
    margin:0!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    width:100%!important;
}
.card-soft table.table th{
    background:linear-gradient(180deg,#edf8ff,#dff2ff)!important;
    color:#1d355f!important;
    font-weight:900!important;
    font-size:14px!important;
    padding:16px 14px!important;
    border:0!important;
    white-space:nowrap!important;
}
.card-soft table.table td{
    padding:12px 14px!important;
    border-top:1px solid rgba(219,234,254,.95)!important;
    background:rgba(255,255,255,.70)!important;
    vertical-align:middle!important;
}
.card-soft table.table tr:hover td{
    background:rgba(239,248,255,.92)!important;
}
.card-soft table.table .form-control,
.card-soft table.table .form-select{
    min-height:42px!important;
    border-radius:15px!important;
    border:1px solid rgba(19,174,226,.28)!important;
    background:rgba(255,255,255,.85)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.88), 0 8px 20px rgba(29,53,95,.06)!important;
    color:#1d355f!important;
    font-weight:700!important;
}
.card-soft table.table .form-control:focus,
.card-soft table.table .form-select:focus,
.card-soft form .form-control:focus,
.card-soft form .form-select:focus{
    border-color:#13aee2!important;
    box-shadow:0 0 0 5px rgba(19,174,226,.14)!important;
}
.card-soft form.row{
    background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(247,251,255,.92));
    border:1px solid rgba(219,234,254,.95);
    border-radius:24px;
    padding:16px!important;
    box-shadow:0 14px 34px rgba(29,53,95,.07);
}
.card-soft form.row label{
    font-size:13px;
    font-weight:900;
    color:#1d355f;
    margin-bottom:7px;
}
.card-soft form.row .form-control,
.card-soft form.row .form-select{
    min-height:46px!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.88)!important;
    border:1px solid rgba(19,174,226,.28)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.88), 0 8px 20px rgba(29,53,95,.06)!important;
}
.card-soft form.row small.text-muted{
    display:block;
    margin-top:7px;
    font-size:12px!important;
    color:#64748b!important;
}
.card-soft .d-flex.gap-2{
    gap:8px!important;
}
.card-soft .btn-sm{
    border-radius:13px!important;
    min-height:38px!important;
}
@media(max-width:768px){
    .card-soft .table-responsive{
        overflow-x:hidden!important;
        border-radius:22px!important;
        background:transparent!important;
        border:0!important;
        box-shadow:none!important;
    }
    .card-soft table.table,
    .card-soft table.table tbody,
    .card-soft table.table tr,
    .card-soft table.table td{
        display:block!important;
        width:100%!important;
    }
    .card-soft table.table tr:first-child{
        display:none!important;
    }
    .card-soft table.table tr{
        background:linear-gradient(180deg,#ffffff,#f7fbff)!important;
        border:1px solid #dbeafe!important;
        border-radius:22px!important;
        padding:14px!important;
        margin-bottom:14px!important;
        box-shadow:0 12px 30px rgba(29,53,95,.08)!important;
    }
    .card-soft table.table td{
        border:0!important;
        background:transparent!important;
        padding:8px 0!important;
        display:grid!important;
        grid-template-columns:110px 1fr!important;
        gap:12px!important;
        align-items:center!important;
    }
    .card-soft table.table td:nth-child(1):before{content:"Birim"}
    .card-soft table.table td:nth-child(2):before{content:"Alt Birim"}
    .card-soft table.table td:nth-child(3):before{content:"Limit"}
    .card-soft table.table td:nth-child(4):before{content:"Şu An"}
    .card-soft table.table td:nth-child(5):before{content:"İşlem"}
    .card-soft table.table td:before{
        font-weight:900;
        color:#1d355f;
        font-size:13px;
    }
    .apple-count-pill{
        justify-self:start;
    }
    .card-soft table.table .d-flex{
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        width:100%!important;
    }
}

/* V55 Yoklama / QR Puantaj Modülü */
.qr-area{
    display:flex;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;
}
.qr-box{
    width:240px;
    min-height:240px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    border:1px solid #dbeafe;
    border-radius:24px;
    padding:10px;
    box-shadow:0 18px 42px rgba(29,53,95,.10);
}
.qr-info{
    display:flex;
    flex-direction:column;
    gap:6px;
    color:#1d355f;
}
.qr-info strong{
    font-size:22px;
    font-weight:900;
}
.qr-info span{
    font-weight:800;
    color:#64748b;
}
.qr-reader{
    width:100%;
    max-width:420px;
    border-radius:22px;
    overflow:hidden;
    border:1px solid #dbeafe;
    background:#fff;
}
.attendance-card-list{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:14px;
}
.attendance-card{
    background:linear-gradient(180deg,#ffffff,#f7fbff);
    border:1px solid #dbeafe;
    border-radius:20px;
    padding:14px;
    box-shadow:0 12px 28px rgba(29,53,95,.08);
    display:grid;
    gap:10px;
}
.attendance-card small{
    display:block;
    color:#64748b;
    font-size:12px;
    font-weight:800;
    margin-bottom:4px;
}
.attendance-card strong{
    color:#1d355f;
    font-weight:900;
    word-break:break-word;
}
@media(max-width:768px){
    .qr-area{
        flex-direction:column;
        align-items:stretch;
    }
    .qr-box{
        width:100%;
        min-height:220px;
    }
    .qr-reader{
        max-width:100%;
    }
    .attendance-card-list{
        grid-template-columns:1fr;
    }
}

/* V57 Excel benzeri Yoklama / Puantaj listesi */
.puantaj-note{
    background:#eef7ff;
    color:#1d355f;
    border:1px solid #dbeafe;
    border-radius:999px;
    padding:8px 13px;
    font-weight:800;
    font-size:13px;
}
.puantaj-scroll{
    width:100%;
    overflow:auto;
    border:1px solid #dbeafe;
    border-radius:22px;
    background:#fff;
    box-shadow:0 16px 42px rgba(29,53,95,.08);
    max-height:72vh;
}
.puantaj-table{
    border-collapse:separate;
    border-spacing:0;
    min-width:1600px;
    width:max-content;
    font-size:13px;
}
.puantaj-table th,
.puantaj-table td{
    border-right:1px solid #e5eef8;
    border-bottom:1px solid #e5eef8;
    padding:9px 10px;
    white-space:nowrap;
    background:#fff;
    vertical-align:middle;
}
.puantaj-table thead th{
    position:sticky;
    top:0;
    z-index:5;
    background:linear-gradient(180deg,#eaf7ff,#d9f0ff);
    color:#1d355f;
    font-weight:900;
    text-align:center;
}
.puantaj-table thead tr:nth-child(2) th{
    top:39px;
    background:#eef8ff;
}
.puantaj-table .date-head{
    background:linear-gradient(135deg,#1d355f,#13aee2)!important;
    color:#fff!important;
}
.puantaj-table tbody tr:hover td{
    background:#f7fbff;
}
.puantaj-table .sticky-col{
    position:sticky;
    z-index:4;
    background:#ffffff;
}
.puantaj-table thead .sticky-col{
    z-index:8;
    background:linear-gradient(180deg,#dff2ff,#ccecff)!important;
}
.puantaj-table .sticky-col-1{
    left:0;
    min-width:80px;
    text-align:center;
}
.puantaj-table .sticky-col-2{
    left:80px;
    min-width:210px;
}
.puantaj-table .name-cell{
    font-weight:900;
    color:#1d355f;
}
.puantaj-table .total-cell{
    font-weight:900;
    color:#087ea4;
    text-align:center;
}
.puantaj-table .money-cell{
    font-weight:800;
    color:#14532d;
    text-align:right;
}
@media(max-width:768px){
    .puantaj-scroll{
        border-radius:18px;
        max-height:70vh;
    }
    .puantaj-table{
        font-size:12px;
    }
    .puantaj-table th,
    .puantaj-table td{
        padding:8px;
    }
    .puantaj-table .sticky-col-1{
        min-width:62px;
    }
    .puantaj-table .sticky-col-2{
        left:62px;
        min-width:155px;
    }
}

/* V58 Yoklama QR link + giriş/çıkış seçimi */
.attendance-choice-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}
.attendance-choice-grid .btn{
    min-height:62px;
    border-radius:18px;
    font-weight:900;
}
.puantaj-table .sticky-col-0{
    left:0;
    min-width:58px;
    text-align:center;
}
.puantaj-table .sticky-col-1{
    left:58px!important;
}
.puantaj-table .sticky-col-2{
    left:138px!important;
}
.puantaj-table input[type="checkbox"]{
    width:18px;
    height:18px;
    accent-color:#13aee2;
}
@media(max-width:768px){
    .attendance-choice-grid{
        grid-template-columns:1fr;
    }
    .puantaj-table .sticky-col-0{
        min-width:48px;
    }
    .puantaj-table .sticky-col-1{
        left:48px!important;
    }
    .puantaj-table .sticky-col-2{
        left:110px!important;
    }
}

/* V60 QR görünürlük + otomatik yoklama bildirimi */
.qr-box{
    position:relative;
}
.qr-fallback-img{
    width:220px;
    height:220px;
    display:block;
}
.attendance-info-box{
    background:#eef7ff;
    border:1px solid #dbeafe;
    color:#1d355f;
    border-radius:18px;
    padding:14px;
    font-weight:800;
    text-align:center;
}
.attendance-loading-icon{
    width:72px;
    height:72px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:24px;
    background:linear-gradient(135deg,#1d355f,#13aee2);
    color:#fff;
    font-size:34px;
    margin:0 auto 14px;
    box-shadow:0 16px 34px rgba(19,174,226,.24);
}

/* V63 Yoklama QR akışı: durum kartı + çıkış QR oluştur */
.attendance-status-hero{
    display:flex;
    align-items:center;
    gap:18px;
    border-radius:30px;
    padding:24px;
    margin-bottom:18px;
    border:1px solid rgba(219,234,254,.95);
    box-shadow:0 20px 50px rgba(29,53,95,.12);
    background:linear-gradient(180deg,#ffffff,#f7fbff);
}
.attendance-status-hero .attendance-status-icon{
    width:82px;
    height:82px;
    border-radius:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:42px;
    background:#eef7ff;
    flex:0 0 auto;
}
.attendance-status-hero h1{
    margin:0;
    font-size:34px;
    font-weight:950;
    color:#1d355f;
    letter-spacing:-.6px;
}
.attendance-status-hero p{
    margin:5px 0;
    color:#64748b;
    font-weight:800;
}
.attendance-status-hero strong{
    font-size:30px;
    color:#1d355f;
}
.attendance-status-hero.status-in{
    background:linear-gradient(135deg,#ecfdf5,#ffffff);
    border-color:#bbf7d0;
}
.attendance-status-hero.status-in .attendance-status-icon{
    background:#dcfce7;
}
.attendance-status-hero.status-complete{
    background:linear-gradient(135deg,#fff1f2,#ffffff);
    border-color:#fecdd3;
}
.attendance-status-hero.status-complete .attendance-status-icon{
    background:#ffe4e6;
}
.attendance-status-hero.status-waiting{
    background:linear-gradient(135deg,#fffbeb,#ffffff);
    border-color:#fde68a;
}
.attendance-status-hero.status-waiting .attendance-status-icon{
    background:#fef3c7;
}
#createExitQrBtn{
    border-radius:22px!important;
    min-height:64px!important;
    font-size:17px!important;
    font-weight:950!important;
}
@media(max-width:768px){
    .attendance-status-hero{
        align-items:flex-start;
        padding:20px;
        border-radius:24px;
    }
    .attendance-status-hero .attendance-status-icon{
        width:62px;
        height:62px;
        border-radius:22px;
        font-size:32px;
    }
    .attendance-status-hero h1{
        font-size:25px;
    }
    .attendance-status-hero strong{
        font-size:24px;
    }
}

/* V64 Apple Glassmorphism Login / Register */
.auth-glass-page{
    min-height:100vh;
    margin:0;
    overflow-x:hidden;
    background:
        radial-gradient(circle at 10% 10%, rgba(19,174,226,.28), transparent 28%),
        radial-gradient(circle at 90% 20%, rgba(29,53,95,.26), transparent 30%),
        radial-gradient(circle at 45% 95%, rgba(0,243,187,.20), transparent 34%),
        linear-gradient(135deg,#f7fbff,#eef8ff 45%,#ffffff);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:26px;
    position:relative;
}
.auth-orb{
    position:fixed;
    border-radius:50%;
    filter:blur(1px);
    opacity:.72;
    animation:floatOrb 8s ease-in-out infinite;
    pointer-events:none;
}
.auth-orb-1{
    width:190px;height:190px;
    left:5%;top:10%;
    background:linear-gradient(135deg,rgba(19,174,226,.28),rgba(255,255,255,.35));
}
.auth-orb-2{
    width:260px;height:260px;
    right:7%;top:12%;
    background:linear-gradient(135deg,rgba(29,53,95,.22),rgba(19,174,226,.18));
    animation-delay:1.2s;
}
.auth-orb-3{
    width:210px;height:210px;
    left:35%;bottom:4%;
    background:linear-gradient(135deg,rgba(0,243,187,.18),rgba(255,255,255,.45));
    animation-delay:2.2s;
}
@keyframes floatOrb{
    0%,100%{transform:translateY(0) scale(1)}
    50%{transform:translateY(-18px) scale(1.04)}
}
.auth-shell{
    width:min(1080px,100%);
    display:grid;
    grid-template-columns:1fr 430px;
    gap:22px;
    align-items:stretch;
    position:relative;
    z-index:2;
}
.auth-visual{
    min-height:620px;
    border-radius:38px;
    padding:42px;
    color:#fff;
    background:
        linear-gradient(135deg,rgba(29,53,95,.92),rgba(19,174,226,.78)),
        url("data:image/svg+xml,%3Csvg width='160' height='160' viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='white' fill-opacity='.09'%3E%3Ccircle cx='20' cy='20' r='4'/%3E%3Ccircle cx='80' cy='80' r='4'/%3E%3Ccircle cx='140' cy='140' r='4'/%3E%3C/g%3E%3C/svg%3E");
    box-shadow:0 32px 80px rgba(29,53,95,.25);
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    overflow:hidden;
    position:relative;
}
.auth-visual:before{
    content:"";
    position:absolute;
    inset:24px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:30px;
}
.auth-logo-glass{
    width:96px;
    height:96px;
    border-radius:30px;
    background:rgba(255,255,255,.18);
    border:1px solid rgba(255,255,255,.32);
    backdrop-filter:blur(18px);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    font-weight:950;
    margin-bottom:auto;
    box-shadow:0 20px 45px rgba(0,0,0,.18);
    overflow:hidden;
    z-index:1;
}
.auth-logo-glass img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.auth-visual h1{
    font-size:54px;
    font-weight:950;
    letter-spacing:-1.4px;
    margin:0 0 10px;
    z-index:1;
}
.auth-visual p{
    max-width:430px;
    font-size:18px;
    line-height:1.5;
    color:rgba(255,255,255,.82);
    z-index:1;
}
.auth-mini-stats{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    margin-top:28px;
    z-index:1;
}
.auth-mini-stats div{
    padding:16px;
    border-radius:22px;
    background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.22);
    backdrop-filter:blur(16px);
}
.auth-mini-stats strong{
    display:block;
    font-size:18px;
    font-weight:950;
}
.auth-mini-stats span{
    color:rgba(255,255,255,.74);
    font-size:12px;
    font-weight:800;
}
.auth-glass-card{
    width:100%;
    border-radius:38px!important;
    padding:26px!important;
    background:rgba(255,255,255,.68)!important;
    border:1px solid rgba(255,255,255,.78)!important;
    box-shadow:0 32px 80px rgba(29,53,95,.18)!important;
    backdrop-filter:blur(28px);
    -webkit-backdrop-filter:blur(28px);
    animation:cardIn .55s ease both;
}
@keyframes cardIn{
    from{opacity:0;transform:translateY(18px) scale(.98)}
    to{opacity:1;transform:translateY(0) scale(1)}
}
.glass-tabs{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-bottom:24px;
}
.glass-tabs .auth-tab{
    min-height:74px;
    border-radius:24px;
    border:1px solid rgba(19,174,226,.22);
    background:rgba(255,255,255,.62);
    color:#1d355f;
    text-decoration:none;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    font-weight:950;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 12px 24px rgba(29,53,95,.08);
    transition:.25s ease;
}
.glass-tabs .auth-tab:hover{
    transform:translateY(-2px);
    border-color:rgba(19,174,226,.55);
}
.glass-tabs .auth-tab.active{
    color:#fff;
    background:linear-gradient(135deg,#1d355f,#13aee2);
    box-shadow:0 16px 34px rgba(19,174,226,.24);
}
.glass-tabs .auth-tab span{
    font-size:22px;
}
.auth-heading{
    margin-bottom:18px;
}
.auth-kicker{
    display:inline-flex;
    padding:7px 12px;
    border-radius:999px;
    background:#eef7ff;
    color:#087ea4;
    font-size:12px;
    font-weight:950;
    margin-bottom:10px;
}
.auth-heading h2{
    font-size:34px;
    font-weight:950;
    color:#1d355f;
    letter-spacing:-.7px;
    margin:0;
}
.auth-heading p{
    color:#64748b;
    font-weight:700;
    margin:8px 0 0;
    line-height:1.45;
}
.auth-alert{
    border:0!important;
    border-radius:18px!important;
    background:rgba(255,244,207,.85)!important;
    color:#7c5a00!important;
    font-weight:800;
}
.auth-alert.danger{
    background:rgba(255,225,225,.88)!important;
    color:#991b1b!important;
}
.auth-form{
    display:grid;
    gap:14px;
}
.floating-field{
    position:relative;
}
.floating-field>span{
    position:absolute;
    left:16px;
    top:50%;
    transform:translateY(-50%);
    z-index:2;
}
.floating-field input{
    width:100%;
    height:58px;
    border-radius:20px;
    border:1px solid rgba(19,174,226,.26);
    background:rgba(255,255,255,.78);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 24px rgba(29,53,95,.06);
    padding:22px 48px 8px 48px;
    outline:none;
    color:#1d355f;
    font-weight:850;
    transition:.2s ease;
}
.floating-field label{
    position:absolute;
    left:48px;
    top:18px;
    color:#64748b;
    font-weight:800;
    pointer-events:none;
    transition:.18s ease;
}
.floating-field input:focus,
.floating-field input:not(:placeholder-shown){
    border-color:#13aee2;
    box-shadow:0 0 0 5px rgba(19,174,226,.13),0 12px 26px rgba(29,53,95,.07);
}
.floating-field input:focus+label,
.floating-field input:not(:placeholder-shown)+label{
    top:8px;
    font-size:11px;
    color:#087ea4;
}
.password-toggle{
    position:absolute;
    right:12px;
    top:50%;
    transform:translateY(-50%);
    width:38px;
    height:38px;
    border:0;
    border-radius:14px;
    background:#eef7ff;
}
.auth-submit{
    min-height:58px;
    border-radius:22px!important;
    font-size:17px!important;
    font-weight:950!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    box-shadow:0 18px 38px rgba(19,174,226,.24)!important;
}
.auth-submit span{
    width:28px;
    height:28px;
    border-radius:50%;
    background:rgba(255,255,255,.22);
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
.auth-bottom-note{
    margin-top:18px;
    text-align:center;
    color:#64748b;
    font-weight:800;
}
.auth-bottom-note a{
    color:#087ea4;
    text-decoration:none;
    font-weight:950;
}
.photo-upload-preview{
    display:flex;
    align-items:center;
    gap:13px;
    padding:14px;
    border-radius:22px;
    border:1px solid rgba(19,174,226,.20);
    background:rgba(255,255,255,.58);
}
.preview-avatar{
    width:64px;
    height:64px;
    border-radius:22px;
    background:#eef7ff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    overflow:hidden;
}
.preview-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.photo-upload-preview strong{
    display:block;
    color:#1d355f;
    font-weight:950;
}
.photo-upload-preview small{
    display:block;
    color:#64748b;
    font-weight:700;
}
.file-glass{
    cursor:pointer;
    display:grid;
    grid-template-columns:42px 1fr;
    gap:4px 12px;
    align-items:center;
    border-radius:20px;
    border:1px dashed rgba(19,174,226,.42);
    background:rgba(238,247,255,.72);
    padding:14px;
}
.file-glass input{
    display:none;
}
.file-glass span{
    grid-row:1 / span 2;
    width:42px;height:42px;
    border-radius:15px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
}
.file-glass strong{
    color:#1d355f;
    font-weight:950;
}
.file-glass small{
    color:#64748b;
    font-weight:700;
}
@media(max-width:900px){
    .auth-glass-page{
        padding:16px;
        align-items:flex-start;
    }
    .auth-shell{
        grid-template-columns:1fr;
    }
    .auth-visual{
        min-height:auto;
        padding:26px;
        border-radius:30px;
    }
    .auth-logo-glass{
        width:72px;
        height:72px;
        border-radius:24px;
        margin-bottom:24px;
    }
    .auth-visual h1{
        font-size:36px;
    }
    .auth-visual p{
        font-size:15px;
    }
    .auth-mini-stats{
        grid-template-columns:1fr 1fr 1fr;
        gap:8px;
    }
    .auth-mini-stats div{
        padding:12px;
        border-radius:18px;
    }
    .auth-glass-card{
        border-radius:30px!important;
        padding:20px!important;
    }
}
@media(max-width:480px){
    .auth-visual{
        display:none;
    }
    .auth-glass-page{
        padding:14px;
    }
    .auth-heading h2{
        font-size:30px;
    }
    .glass-tabs .auth-tab{
        min-height:68px;
        border-radius:20px;
    }
}

/* V65 Tek kartlı Apple Glass login/register */
.auth-single-page{
    align-items:flex-start!important;
    padding-top:38px!important;
}
.auth-single-shell{
    width:min(470px,100%);
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:18px;
    animation:cardIn .55s ease both;
}
.auth-top-brand{
    text-align:center;
    color:#1d355f;
    margin-bottom:2px;
}
.auth-top-brand .auth-logo-glass{
    margin:0 auto 14px;
    width:96px;
    height:96px;
    border-radius:30px;
    background:rgba(255,255,255,.55);
    border:1px solid rgba(255,255,255,.78);
    color:#1d355f;
    box-shadow:0 22px 50px rgba(29,53,95,.14);
}
.auth-top-brand h1{
    margin:0;
    font-size:38px;
    font-weight:950;
    letter-spacing:-1px;
    color:#1d355f;
}
.auth-top-brand p{
    margin:6px 0 0;
    color:#64748b;
    font-weight:850;
}
.auth-single-card{
    width:100%!important;
    max-width:470px!important;
}
.auth-single-card .auth-heading{
    text-align:center;
}
.auth-single-card .auth-kicker{
    margin-left:auto;
    margin-right:auto;
}
.auth-single-card .auth-heading p{
    max-width:360px;
    margin-left:auto;
    margin-right:auto;
}
@media(max-width:480px){
    .auth-single-page{
        padding-top:24px!important;
    }
    .auth-top-brand .auth-logo-glass{
        width:82px;
        height:82px;
        border-radius:26px;
    }
    .auth-top-brand h1{
        font-size:32px;
    }
    .auth-single-shell{
        gap:14px;
    }
}

/* V66 tüm select box Apple sade görünüm düzeltmesi */
select.form-select{
    appearance:none!important;
    -webkit-appearance:none!important;
    -moz-appearance:none!important;
    min-height:48px!important;
    border-radius:18px!important;
    border:1px solid rgba(19,174,226,.24)!important;
    background:rgba(255,255,255,.86)!important;
    color:#1d355f!important;
    font-weight:850!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 24px rgba(29,53,95,.06)!important;
}
select.form-select option{
    background:#fff!important;
    color:#1d355f!important;
    font-weight:700!important;
}

.custom-select-hidden{
    position:absolute!important;
    opacity:0!important;
    pointer-events:none!important;
    width:1px!important;
    height:1px!important;
    min-height:1px!important;
}
.custom-select.apple-select,
.custom-select{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    z-index:auto!important;
}
.custom-select.open{
    z-index:999999!important;
}
.custom-select-trigger{
    width:100%!important;
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:10px 12px 10px 16px!important;
    border-radius:18px!important;
    border:1px solid rgba(19,174,226,.24)!important;
    background:rgba(255,255,255,.88)!important;
    color:#1d355f!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 24px rgba(29,53,95,.07)!important;
    cursor:pointer!important;
    transition:.22s ease!important;
    font-weight:850!important;
    text-align:left!important;
}
.custom-select-label{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.custom-select-trigger:hover,
.custom-select.open .custom-select-trigger{
    border-color:#13aee2!important;
    box-shadow:0 0 0 5px rgba(19,174,226,.13),0 12px 28px rgba(29,53,95,.09)!important;
}
.custom-select-arrow{
    width:32px!important;
    height:32px!important;
    border-radius:50%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:linear-gradient(180deg,#f8fcff,#eef7ff)!important;
    border:1px solid rgba(19,174,226,.22)!important;
    color:#1d355f!important;
    flex:0 0 auto!important;
    transition:.22s ease!important;
    box-shadow:0 6px 14px rgba(29,53,95,.08)!important;
}
.custom-select.open .custom-select-arrow{
    transform:rotate(180deg)!important;
    background:linear-gradient(135deg,#13aee2,#1d355f)!important;
    color:#fff!important;
}
.custom-select-options{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:calc(100% + 8px)!important;
    z-index:999999!important;
    background:rgba(255,255,255,.98)!important;
    border:1px solid rgba(219,234,254,.95)!important;
    border-radius:20px!important;
    box-shadow:0 24px 60px rgba(29,53,95,.18)!important;
    overflow:hidden!important;
    display:none!important;
    max-height:280px!important;
    overflow-y:auto!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
}
.custom-select.open .custom-select-options{
    display:block!important;
}
.custom-select-option{
    width:100%!important;
    display:block!important;
    border:0!important;
    text-align:left!important;
    padding:14px 16px!important;
    color:#1d355f!important;
    background:#fff!important;
    cursor:pointer!important;
    transition:.16s ease!important;
    border-bottom:1px solid #edf4fb!important;
    font-weight:800!important;
}
.custom-select-option:last-child{
    border-bottom:0!important;
}
.custom-select-option:hover{
    background:#eef7ff!important;
    color:#087ea4!important;
    padding-left:20px!important;
}
.custom-select-option.selected{
    background:linear-gradient(90deg,#eef7ff,#ffffff)!important;
    color:#1d355f!important;
    font-weight:950!important;
    position:relative!important;
}
.custom-select-option.selected:after{
    content:"✓";
    float:right;
    color:#13aee2;
    font-weight:950;
}
.card-soft,
.card-soft form,
.card-soft form.row,
.main-content,
.container-fluid,
.row,
.col-md-3,
.col-md-5,
.col-md-2,
.col-md-12{
    overflow:visible!important;
}
.card-soft:has(.custom-select.open){
    position:relative!important;
    z-index:99999!important;
}
@media(max-width:768px){
    .custom-select-options{
        position:absolute!important;
        left:0!important;
        right:0!important;
        top:calc(100% + 8px)!important;
        bottom:auto!important;
        max-height:240px!important;
        border-radius:20px!important;
    }
}

/* V69 Cihaz eşleştirme yönetimi */
.device-card-list{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:14px;
}
.device-card{
    background:linear-gradient(180deg,#ffffff,#f7fbff);
    border:1px solid #dbeafe;
    border-radius:22px;
    padding:16px;
    box-shadow:0 14px 34px rgba(29,53,95,.08);
}
.device-user{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:14px;
}
.device-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}
.device-grid div{
    background:#eef7ff;
    border:1px solid #dbeafe;
    border-radius:16px;
    padding:11px;
    min-width:0;
}
.device-grid small{
    display:block;
    color:#64748b;
    font-size:11px;
    font-weight:900;
    margin-bottom:5px;
}
.device-grid strong{
    display:block;
    color:#1d355f;
    font-size:13px;
    font-weight:900;
    word-break:break-word;
}
.device-hash{
    grid-column:span 2;
}
.device-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:14px;
}
.device-actions .btn{
    width:100%;
    border-radius:15px!important;
}
@media(max-width:768px){
    .device-card-list{
        grid-template-columns:1fr;
    }
    .device-grid{
        grid-template-columns:1fr;
    }
    .device-hash{
        grid-column:auto;
    }
    .device-actions{
        grid-template-columns:1fr;
    }
}

/* V70 Yoklama Excel indir butonu */
a.btn-success[href*="export-attendance-excel"]{
    border-radius:17px!important;
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-weight:900!important;
    background:linear-gradient(135deg,#16a34a,#22c55e)!important;
    border:0!important;
    box-shadow:0 12px 26px rgba(34,197,94,.20)!important;
}