/**
 * KULİS v1.6.84 — Visual QA & Responsive Corrections
 * Real-browser fixes collected from v1.6.83 desktop screenshots.
 */

/* Global headings/actions: v1.6.83's broad anywhere-wrap must not split UI labels letter-by-letter. */
body.kulis-app-page :is(h1,h2,h3,h4,button){overflow-wrap:normal!important;word-break:normal!important}

/* --------------------------------------------------------------------------
 * Equipment catalog — readable action architecture.
 * Primary profile action gets its own row; utility actions share a clean row.
 * -------------------------------------------------------------------------- */
body.kulis-equipment-catalog-page .kulis-equipment-directory__actions{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    align-items:stretch!important;
}
body.kulis-equipment-catalog-page .kulis-equipment-directory__actions>button:first-child{
    grid-column:1/-1!important;
    min-height:44px!important;
}
body.kulis-equipment-catalog-page .kulis-equipment-directory__actions>button:not(:first-child),
body.kulis-equipment-catalog-page .kulis-equipment-directory__actions>a{
    min-width:0!important;
    min-height:38px!important;
    padding:0 8px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    writing-mode:horizontal-tb!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    overflow-wrap:normal!important;
    word-break:keep-all!important;
    font-size:9px!important;
    line-height:1!important;
}
body.kulis-equipment-catalog-page .kulis-equipment-directory__actions>button:not(:first-child) span,
body.kulis-equipment-catalog-page .kulis-equipment-directory__actions>a span{
    min-width:0!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    overflow-wrap:normal!important;
    word-break:keep-all!important;
}
body.kulis-equipment-catalog-page .kulis-equipment-directory__actions>button[data-equipment-catalog-toggle]{
    border-color:#cad8e8!important;background:#f7faff!important;color:#294662!important;
}
body.kulis-equipment-catalog-page .kulis-equipment-directory__actions .kulis-equipment-directory__compare{
    border-color:#cfdced!important;background:#f7faff!important;color:#294662!important;
}
body.kulis-equipment-catalog-page .kulis-equipment-directory__actions>a{
    border:1px solid #d9e3ef!important;background:#fff!important;color:#39546f!important;text-decoration:none!important;
}
@media(max-width:520px){
    body.kulis-equipment-catalog-page .kulis-equipment-directory__actions{grid-template-columns:1fr 1fr!important}
    body.kulis-equipment-catalog-page .kulis-equipment-directory__actions>button:first-child{grid-column:1/-1!important}
    body.kulis-equipment-catalog-page .kulis-equipment-directory__actions>a{grid-column:1/-1!important}
}

/* --------------------------------------------------------------------------
 * Dashboard — right rail typography and welcome production silhouette.
 * -------------------------------------------------------------------------- */
body.kulis-dashboard-page .kulis-dashboard-right .kulis-dashboard-panel-title{
    align-items:flex-start!important;gap:8px!important;
}
body.kulis-dashboard-page .kulis-dashboard-right .kulis-dashboard-panel-title__label{
    flex:1 1 auto!important;min-width:0!important;gap:8px!important;
}
body.kulis-dashboard-page .kulis-dashboard-right .kulis-dashboard-panel-title__label>div{min-width:0!important}
body.kulis-dashboard-page .kulis-dashboard-right .kulis-dashboard-panel-title h2{
    margin:0!important;max-width:100%!important;font-size:clamp(13px,1.15vw,17px)!important;line-height:1.16!important;
    overflow-wrap:normal!important;word-break:normal!important;text-wrap:pretty!important;
}
body.kulis-dashboard-page .kulis-dashboard-right .kulis-dashboard-panel-title>a{
    flex:0 0 auto!important;white-space:nowrap!important;font-size:8.5px!important;
}
body.kulis-dashboard-page .kulis-dashboard-production-mark{
    top:6px!important;right:24px!important;bottom:auto!important;width:225px!important;height:92px!important;opacity:.085!important;
}
body.kulis-dashboard-page .kulis-dashboard-production-mark small{
    bottom:0!important;right:3px!important;font-size:6.5px!important;letter-spacing:.11em!important;
}
@media(max-width:980px){body.kulis-dashboard-page .kulis-dashboard-production-mark{right:8px!important;opacity:.065!important}}
@media(max-width:720px){body.kulis-dashboard-page .kulis-dashboard-production-mark{right:-38px!important;top:10px!important;transform:scale(.68)!important;transform-origin:right top!important;opacity:.05!important}}

/* --------------------------------------------------------------------------
 * Profile / About — Settings-Center-like panel, no legacy blue vertical rail.
 * -------------------------------------------------------------------------- */
body.kulis-profile-page #kulis-profile-panel-about .kulis-profile-about--launcher{
    padding:18px!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,249,253,.93))!important;
}
body.kulis-profile-page #kulis-profile-panel-about .kulis-profile-section-heading{
    margin:0 0 16px!important;padding:16px 17px!important;border:1px solid #e0e7ef!important;border-radius:16px!important;
    background:linear-gradient(135deg,#f8fbff,#fff)!important;box-shadow:0 8px 24px rgba(31,55,82,.045)!important;
}
body.kulis-profile-page #kulis-profile-panel-about .kulis-profile-section-heading::before{
    display:none!important;content:none!important;
}
body.kulis-profile-page #kulis-profile-panel-about .kulis-profile-section-heading>div:first-child::before{
    margin-bottom:7px!important;
}
body.kulis-profile-page #kulis-profile-panel-about .kulis-profile-about-direct-story{
    padding:17px 18px!important;border:1px solid #e4eaf1!important;border-left:1px solid #e4eaf1!important;border-radius:15px!important;
    background:#fff!important;box-shadow:0 7px 20px rgba(30,49,71,.035)!important;
}
body.kulis-profile-page #kulis-profile-panel-about .kulis-profile-about-launch-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;
}
body.kulis-profile-page #kulis-profile-panel-about .kulis-profile-about-launch{
    min-height:90px!important;border-radius:15px!important;background:rgba(255,255,255,.92)!important;
}
@media(max-width:720px){
    body.kulis-profile-page #kulis-profile-panel-about .kulis-profile-section-heading{padding:14px!important}
    body.kulis-profile-page #kulis-profile-panel-about .kulis-profile-about-launch-grid{grid-template-columns:1fr!important}
}

/* --------------------------------------------------------------------------
 * Messaging — screenshot/photo attachments must not dominate the conversation.
 * -------------------------------------------------------------------------- */
body.kulis-messaging-page .kulis-messaging-v2 .kulis-message__media--image{
    display:inline-flex!important;max-width:min(360px,62vw)!important;max-height:330px!important;align-items:center!important;justify-content:center!important;
    overflow:hidden!important;border-radius:12px!important;background:#eef2f6!important;
}
body.kulis-messaging-page .kulis-messaging-v2 .kulis-message__media--image img{
    display:block!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:330px!important;object-fit:contain!important;border-radius:12px!important;
}
@media(max-width:680px){
    body.kulis-messaging-page .kulis-messaging-v2 .kulis-message__media--image{max-width:76vw!important;max-height:290px!important}
    body.kulis-messaging-page .kulis-messaging-v2 .kulis-message__media--image img{max-height:290px!important}
}

/* --------------------------------------------------------------------------
 * Events — full month name and attractive date badge.
 * -------------------------------------------------------------------------- */
body.kulis-events-page .kulis-event-card__date{
    border:0!important;border-radius:14px!important;background:linear-gradient(145deg,#1d6df2,#5b91ef)!important;color:#fff!important;
    box-shadow:0 9px 22px rgba(29,109,242,.18)!important;
}
body.kulis-events-page .kulis-event-card__date strong,
body.kulis-events-page .kulis-event-card__date span{color:#fff!important;overflow-wrap:normal!important;word-break:keep-all!important;white-space:nowrap!important}
body.kulis-events-page .kulis-event-card__date span{font-size:8px!important;letter-spacing:.035em!important}

/* --------------------------------------------------------------------------
 * Members — compact professional hero metrics and stable card text.
 * -------------------------------------------------------------------------- */
body.kulis-members-page .kulis-members-hero__metrics{
    width:min(100%,820px)!important;grid-template-columns:minmax(250px,.9fr) minmax(270px,1fr)!important;justify-content:start!important;
}
body.kulis-members-page .kulis-members-hero__count,
body.kulis-members-page .kulis-members-hero__network{min-height:64px!important;padding:10px 13px!important}
body.kulis-members-page .kulis-members-hero__count small,
body.kulis-members-page .kulis-members-hero__network small,
body.kulis-members-page .kulis-member-card :is(strong,h2,a,span){overflow-wrap:normal!important;word-break:normal!important}
@media(max-width:680px){body.kulis-members-page .kulis-members-hero__metrics{width:100%!important;grid-template-columns:1fr!important}}
