/* ========================================================= 90 — YARDIMCI SINIFLAR ========================================================= */ /* Single-purpose utilities. */ .wui-muted { color: var(--wui-text-tertiary); } .wui-flex { display: flex; } .wui-items-center { align-items: center; } .wui-between { justify-content: space-between; } .wui-gap-1 { gap: var(--wui-space-2); } .wui-gap-2 { gap: var(--wui-space-4); } .wui-mt-1 { margin-top: var(--wui-space-2); } .wui-mt-2 { margin-top: var(--wui-space-4); } .wui-mb-0 { margin-bottom: 0; } .wui-mb-2 { margin-bottom: var(--wui-space-4); } .wui-w-full { width: 100%; } .wui-w-auto { width: auto; } .wui-auth-wide { width: min(760px, 100%); } /* Settings brand palette */ .wui-brand-palette { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--wui-space-2); } .wui-brand-color { --wui-brand-swatch: var(--wui-brand-cyan); position: relative; display: flex; align-items: center; gap: var(--wui-space-2); min-height: var(--wui-hit-target-min); padding: var(--wui-space-2); border: 1px solid var(--wui-border-soft); border-radius: var(--wui-radius-ui); background: var(--wui-card-bg); color: var(--wui-text-primary); } .wui-brand-color.is-primary { border-color: var(--wui-accent-strong); background: var(--wui-accent-soft); } .wui-brand-color__swatch { width: 28px; height: 28px; flex: 0 0 28px; border: 1px solid var(--wui-control-border); border-radius: var(--wui-radius-round); background: var(--wui-brand-swatch); } .wui-brand-color > span:not(.wui-brand-color__swatch) { display: grid; gap: var(--wui-space-1); } .wui-brand-color small { color: var(--wui-text-tertiary); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; } .wui-brand-color em { margin-inline-start: auto; color: var(--wui-accent-text); font-size: var(--wui-font-xs); font-style: normal; font-weight: var(--wui-weight-bold); } .wui-brand-color--ink { --wui-brand-swatch: var(--wui-brand-ink); } .wui-brand-color--mid { --wui-brand-swatch: var(--wui-brand-mid); } .wui-brand-color--navy { --wui-brand-swatch: var(--wui-brand-navy); } .wui-brand-color--cyan { --wui-brand-swatch: var(--wui-brand-cyan); } .wui-brand-color--cyan-strong { --wui-brand-swatch: var(--wui-brand-cyan-strong); } @media (max-width: 820px) { .pos-product-stock, .pos-product-media-badge, .chat-conversation-meta, .chat-unread, .chat-detail-row span { font-size: var(--wui-font-xs-plus); } .chat-bubble-meta { font-size: var(--wui-font-xs); } .wui-topbar-control, .wui-notification-button, .wui-user-menu-trigger, .wui-toast-close, .wui-table-action { min-width: var(--wui-hit-target-mobile); min-height: var(--wui-hit-target-mobile); } .wui-btn-sm, .wui-link-button, .wui-check, .chat-filter-button, .wui-date-picker-head button, .wui-picker-actions button, .wui-date-grid button, .wui-time-option, .wui-sort-button, .wui-range { min-height: var(--wui-hit-target-mobile); } } /* Standard icon geometry utilities. */ .wui-icon-size-xs { width: var(--wui-icon-xs); height: var(--wui-icon-xs); } .wui-icon-size-sm { width: var(--wui-icon-sm); height: var(--wui-icon-sm); } .wui-icon-size-md { width: var(--wui-icon-md); height: var(--wui-icon-md); } .wui-icon-size-lg { width: var(--wui-icon-lg); height: var(--wui-icon-lg); } .wui-icon-size-nav { width: var(--wui-icon-nav); height: var(--wui-icon-nav); } /* ========================================================= 91 — ICON SYSTEM ========================================================= */ /* Runtime uses only the light/dark theme SVG pair; hover and active never swap the icon. */ .wui-nav-icon .wui-icon { width: var(--wui-icon-nav); height: var(--wui-icon-nav); } .wui-toast-icon-box .wui-icon, .wui-toast-close .wui-icon { width: var(--wui-icon-sm); height: var(--wui-icon-sm); opacity: 1; } .wui-icon { display: inline-block; width: 1em; height: 1em; flex: 0 0 auto; vertical-align: middle; background-color: transparent; background-image: var(--wui-icon-image-current, var(--wui-icon-image-light)); background-position: center; background-repeat: no-repeat; background-size: contain; } .wui-table-action .wui-icon { display: block; width: var(--wui-table-action-icon); height: var(--wui-table-action-icon); background-image: var(--wui-icon-image-current, var(--wui-icon-image-light)); -webkit-mask-image: none; mask-image: none; } .wui-topbar .wui-ui-icon { width: var(--wui-icon-nav); height: var(--wui-icon-nav); } @media (max-width: 820px) { .wui-nav-icon .wui-icon, .wui-topbar .wui-ui-icon { width: var(--wui-icon-xl); height: var(--wui-icon-xl); } } /* Danger close actions are drawn with currentColor so they match both themes. */ .wui-btn-danger .wui-icon-close { position: relative; background-image: none; } .wui-btn-danger .wui-icon-close::before, .wui-btn-danger .wui-icon-close::after { content: ""; position: absolute; top: 50%; left: 50%; width: 72%; height: 3px; background: currentColor; transform-origin: center; } .wui-btn-danger .wui-icon-close::before { transform: translate(-50%, -50%) rotate(45deg); } .wui-btn-danger .wui-icon-close::after { transform: translate(-50%, -50%) rotate(-45deg); } /* Icon surfaces and theme glyphs belong to the icon layer. */ .wui-icon, .wui-btn .wui-icon, .wui-btn svg, .wui-btn img { background-color: transparent; box-shadow: none; } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto; animation-duration: var(--wui-motion-reduced); animation-iteration-count: 1; transition-duration: var(--wui-motion-reduced); } .wui-btn.is-loading::after { animation: none; opacity:1; border-right-color: transparent; } } /* WUI ICON THEME ADAPTATION — GENERATED START */ /* One light + one dark asset per icon; no source/hover/active duplicate. */ .wui-icon-activity { --wui-icon-image-light: url("../icons/theme/light/activity.svg"); --wui-icon-image-dark: url("../icons/theme/dark/activity.svg"); } .wui-icon-angle-bottom { --wui-icon-image-light: url("../icons/theme/light/angle-bottom.svg"); --wui-icon-image-dark: url("../icons/theme/dark/angle-bottom.svg"); } .wui-icon-angle-left { --wui-icon-image-light: url("../icons/theme/light/angle-left.svg"); --wui-icon-image-dark: url("../icons/theme/dark/angle-left.svg"); } .wui-icon-angle-right { --wui-icon-image-light: url("../icons/theme/light/angle-right.svg"); --wui-icon-image-dark: url("../icons/theme/dark/angle-right.svg"); } .wui-icon-angle-top { --wui-icon-image-light: url("../icons/theme/light/angle-top.svg"); --wui-icon-image-dark: url("../icons/theme/dark/angle-top.svg"); } .wui-icon-arrow-bottom { --wui-icon-image-light: url("../icons/theme/light/arrow-bottom.svg"); --wui-icon-image-dark: url("../icons/theme/dark/arrow-bottom.svg"); } .wui-icon-arrow-left { --wui-icon-image-light: url("../icons/theme/light/arrow-left.svg"); --wui-icon-image-dark: url("../icons/theme/dark/arrow-left.svg"); } .wui-icon-arrow-right { --wui-icon-image-light: url("../icons/theme/light/arrow-right.svg"); --wui-icon-image-dark: url("../icons/theme/dark/arrow-right.svg"); } .wui-icon-arrow-top { --wui-icon-image-light: url("../icons/theme/light/arrow-top.svg"); --wui-icon-image-dark: url("../icons/theme/dark/arrow-top.svg"); } .wui-icon-badge { --wui-icon-image-light: url("../icons/theme/light/badge.svg"); --wui-icon-image-dark: url("../icons/theme/dark/badge.svg"); } .wui-icon-bag { --wui-icon-image-light: url("../icons/theme/light/bag.svg"); --wui-icon-image-dark: url("../icons/theme/dark/bag.svg"); } .wui-icon-battery { --wui-icon-image-light: url("../icons/theme/light/battery.svg"); --wui-icon-image-dark: url("../icons/theme/dark/battery.svg"); } .wui-icon-bottle { --wui-icon-image-light: url("../icons/theme/light/bottle.svg"); --wui-icon-image-dark: url("../icons/theme/dark/bottle.svg"); } .wui-icon-box { --wui-icon-image-light: url("../icons/theme/light/box.svg"); --wui-icon-image-dark: url("../icons/theme/dark/box.svg"); } .wui-icon-briefcase { --wui-icon-image-light: url("../icons/theme/light/briefcase.svg"); --wui-icon-image-dark: url("../icons/theme/dark/briefcase.svg"); } .wui-icon-building { --wui-icon-image-light: url("../icons/theme/light/building.svg"); --wui-icon-image-dark: url("../icons/theme/dark/building.svg"); } .wui-icon-bulb { --wui-icon-image-light: url("../icons/theme/light/bulb.svg"); --wui-icon-image-dark: url("../icons/theme/dark/bulb.svg"); } .wui-icon-bullhorn { --wui-icon-image-light: url("../icons/theme/light/bullhorn.svg"); --wui-icon-image-dark: url("../icons/theme/dark/bullhorn.svg"); } .wui-icon-calculator { --wui-icon-image-light: url("../icons/theme/light/calculator.svg"); --wui-icon-image-dark: url("../icons/theme/dark/calculator.svg"); } .wui-icon-calendar { --wui-icon-image-light: url("../icons/theme/light/calendar.svg"); --wui-icon-image-dark: url("../icons/theme/dark/calendar.svg"); } .wui-icon-camera { --wui-icon-image-light: url("../icons/theme/light/camera.svg"); --wui-icon-image-dark: url("../icons/theme/dark/camera.svg"); } .wui-icon-card { --wui-icon-image-light: url("../icons/theme/light/card.svg"); --wui-icon-image-dark: url("../icons/theme/dark/card.svg"); } .wui-icon-cart { --wui-icon-image-light: url("../icons/theme/light/cart.svg"); --wui-icon-image-dark: url("../icons/theme/dark/cart.svg"); } .wui-icon-chat { --wui-icon-image-light: url("../icons/theme/light/chat.svg"); --wui-icon-image-dark: url("../icons/theme/dark/chat.svg"); } .wui-icon-check { --wui-icon-image-light: url("../icons/theme/light/check.svg"); --wui-icon-image-dark: url("../icons/theme/dark/check.svg"); } .wui-icon-clock { --wui-icon-image-light: url("../icons/theme/light/clock.svg"); --wui-icon-image-dark: url("../icons/theme/dark/clock.svg"); } .wui-icon-close { --wui-icon-image-light: url("../icons/theme/light/close.svg"); --wui-icon-image-dark: url("../icons/theme/dark/close.svg"); } .wui-icon-cloud { --wui-icon-image-light: url("../icons/theme/light/cloud.svg"); --wui-icon-image-dark: url("../icons/theme/dark/cloud.svg"); } .wui-icon-cloud-tools { --wui-icon-image-light: url("../icons/theme/light/cloud-tools.svg"); --wui-icon-image-dark: url("../icons/theme/dark/cloud-tools.svg"); } .wui-icon-cog { --wui-icon-image-light: url("../icons/theme/light/cog.svg"); --wui-icon-image-dark: url("../icons/theme/dark/cog.svg"); } .wui-icon-controller { --wui-icon-image-light: url("../icons/theme/light/controller.svg"); --wui-icon-image-dark: url("../icons/theme/dark/controller.svg"); } .wui-icon-cup { --wui-icon-image-light: url("../icons/theme/light/cup.svg"); --wui-icon-image-dark: url("../icons/theme/dark/cup.svg"); } .wui-icon-desktop { --wui-icon-image-light: url("../icons/theme/light/desktop.svg"); --wui-icon-image-dark: url("../icons/theme/dark/desktop.svg"); } .wui-icon-doc { --wui-icon-image-light: url("../icons/theme/light/doc.svg"); --wui-icon-image-dark: url("../icons/theme/dark/doc.svg"); } .wui-icon-envelope { --wui-icon-image-light: url("../icons/theme/light/envelope.svg"); --wui-icon-image-dark: url("../icons/theme/dark/envelope.svg"); } .wui-icon-equaliser { --wui-icon-image-light: url("../icons/theme/light/equaliser.svg"); --wui-icon-image-dark: url("../icons/theme/dark/equaliser.svg"); } .wui-icon-export { --wui-icon-image-light: url("../icons/theme/light/export.svg"); --wui-icon-image-dark: url("../icons/theme/dark/export.svg"); } .wui-icon-eye { --wui-icon-image-light: url("../icons/theme/light/eye.svg"); --wui-icon-image-dark: url("../icons/theme/dark/eye.svg"); } .wui-icon-flag { --wui-icon-image-light: url("../icons/theme/light/flag.svg"); --wui-icon-image-dark: url("../icons/theme/dark/flag.svg"); } .wui-icon-flame { --wui-icon-image-light: url("../icons/theme/light/flame.svg"); --wui-icon-image-dark: url("../icons/theme/dark/flame.svg"); } .wui-icon-flask { --wui-icon-image-light: url("../icons/theme/light/flask.svg"); --wui-icon-image-dark: url("../icons/theme/dark/flask.svg"); } .wui-icon-gem { --wui-icon-image-light: url("../icons/theme/light/gem.svg"); --wui-icon-image-dark: url("../icons/theme/dark/gem.svg"); } .wui-icon-gift { --wui-icon-image-light: url("../icons/theme/light/gift.svg"); --wui-icon-image-dark: url("../icons/theme/dark/gift.svg"); } .wui-icon-graduation-cap { --wui-icon-image-light: url("../icons/theme/light/graduation-cap.svg"); --wui-icon-image-dark: url("../icons/theme/dark/graduation-cap.svg"); } .wui-icon-graph-bar { --wui-icon-image-light: url("../icons/theme/light/graph-bar.svg"); --wui-icon-image-dark: url("../icons/theme/dark/graph-bar.svg"); } .wui-icon-graph-pie { --wui-icon-image-light: url("../icons/theme/light/graph-pie.svg"); --wui-icon-image-dark: url("../icons/theme/dark/graph-pie.svg"); } .wui-icon-graph-poly { --wui-icon-image-light: url("../icons/theme/light/graph-poly.svg"); --wui-icon-image-dark: url("../icons/theme/dark/graph-poly.svg"); } .wui-icon-headphone { --wui-icon-image-light: url("../icons/theme/light/headphone.svg"); --wui-icon-image-dark: url("../icons/theme/dark/headphone.svg"); } .wui-icon-heart { --wui-icon-image-light: url("../icons/theme/light/heart.svg"); --wui-icon-image-dark: url("../icons/theme/dark/heart.svg"); } .wui-icon-home { --wui-icon-image-light: url("../icons/theme/light/home.svg"); --wui-icon-image-dark: url("../icons/theme/dark/home.svg"); } .wui-icon-hotel { --wui-icon-image-light: url("../icons/theme/light/hotel.svg"); --wui-icon-image-dark: url("../icons/theme/dark/hotel.svg"); } .wui-icon-hourglass { --wui-icon-image-light: url("../icons/theme/light/hourglass.svg"); --wui-icon-image-dark: url("../icons/theme/dark/hourglass.svg"); } .wui-icon-image { --wui-icon-image-light: url("../icons/theme/light/image.svg"); --wui-icon-image-dark: url("../icons/theme/dark/image.svg"); } .wui-icon-import { --wui-icon-image-light: url("../icons/theme/light/import.svg"); --wui-icon-image-dark: url("../icons/theme/dark/import.svg"); } .wui-icon-industry { --wui-icon-image-light: url("../icons/theme/light/industry.svg"); --wui-icon-image-dark: url("../icons/theme/dark/industry.svg"); } .wui-icon-infinity { --wui-icon-image-light: url("../icons/theme/light/infinity.svg"); --wui-icon-image-dark: url("../icons/theme/dark/infinity.svg"); } .wui-icon-jar { --wui-icon-image-light: url("../icons/theme/light/jar.svg"); --wui-icon-image-dark: url("../icons/theme/dark/jar.svg"); } .wui-icon-laptop { --wui-icon-image-light: url("../icons/theme/light/laptop.svg"); --wui-icon-image-dark: url("../icons/theme/dark/laptop.svg"); } .wui-icon-layers { --wui-icon-image-light: url("../icons/theme/light/layers.svg"); --wui-icon-image-dark: url("../icons/theme/dark/layers.svg"); } .wui-icon-lock { --wui-icon-image-light: url("../icons/theme/light/lock.svg"); --wui-icon-image-dark: url("../icons/theme/dark/lock.svg"); } .wui-icon-map-marker { --wui-icon-image-light: url("../icons/theme/light/map-marker.svg"); --wui-icon-image-dark: url("../icons/theme/dark/map-marker.svg"); } .wui-icon-menu { --wui-icon-image-light: url("../icons/theme/light/menu.svg"); --wui-icon-image-dark: url("../icons/theme/dark/menu.svg"); } .wui-icon-message { --wui-icon-image-light: url("../icons/theme/light/message.svg"); --wui-icon-image-dark: url("../icons/theme/dark/message.svg"); } .wui-icon-mobile { --wui-icon-image-light: url("../icons/theme/light/mobile.svg"); --wui-icon-image-dark: url("../icons/theme/dark/mobile.svg"); } .wui-icon-moon { --wui-icon-image-light: url("../icons/theme/light/moon.svg"); --wui-icon-image-dark: url("../icons/theme/dark/moon.svg"); } .wui-icon-move { --wui-icon-image-light: url("../icons/theme/light/move.svg"); --wui-icon-image-dark: url("../icons/theme/dark/move.svg"); } .wui-icon-newspaper { --wui-icon-image-light: url("../icons/theme/light/newspaper.svg"); --wui-icon-image-dark: url("../icons/theme/dark/newspaper.svg"); } .wui-icon-pen { --wui-icon-image-light: url("../icons/theme/light/pen.svg"); --wui-icon-image-dark: url("../icons/theme/dark/pen.svg"); } .wui-icon-pencil { --wui-icon-image-light: url("../icons/theme/light/pencil.svg"); --wui-icon-image-dark: url("../icons/theme/dark/pencil.svg"); } .wui-icon-processor { --wui-icon-image-light: url("../icons/theme/light/processor.svg"); --wui-icon-image-dark: url("../icons/theme/dark/processor.svg"); } .wui-icon-refresh { --wui-icon-image-light: url("../icons/theme/light/refresh.svg"); --wui-icon-image-dark: url("../icons/theme/dark/refresh.svg"); } .wui-icon-rocket { --wui-icon-image-light: url("../icons/theme/light/rocket.svg"); --wui-icon-image-dark: url("../icons/theme/dark/rocket.svg"); } .wui-icon-search { --wui-icon-image-light: url("../icons/theme/light/search.svg"); --wui-icon-image-dark: url("../icons/theme/dark/search.svg"); } .wui-icon-search-disabled { --wui-icon-image-light: url("../icons/theme/light/search-disabled.svg"); --wui-icon-image-dark: url("../icons/theme/dark/search-disabled.svg"); } .wui-icon-server { --wui-icon-image-light: url("../icons/theme/light/server.svg"); --wui-icon-image-dark: url("../icons/theme/dark/server.svg"); } .wui-icon-share { --wui-icon-image-light: url("../icons/theme/light/share.svg"); --wui-icon-image-dark: url("../icons/theme/dark/share.svg"); } .wui-icon-shield { --wui-icon-image-light: url("../icons/theme/light/shield.svg"); --wui-icon-image-dark: url("../icons/theme/dark/shield.svg"); } .wui-icon-shop { --wui-icon-image-light: url("../icons/theme/light/shop.svg"); --wui-icon-image-dark: url("../icons/theme/dark/shop.svg"); } .wui-icon-star { --wui-icon-image-light: url("../icons/theme/light/star.svg"); --wui-icon-image-dark: url("../icons/theme/dark/star.svg"); } .wui-icon-sun { --wui-icon-image-light: url("../icons/theme/light/sun.svg"); --wui-icon-image-dark: url("../icons/theme/dark/sun.svg"); } .wui-icon-switch-off { --wui-icon-image-light: url("../icons/theme/light/switch-off.svg"); --wui-icon-image-dark: url("../icons/theme/dark/switch-off.svg"); } .wui-icon-switch-on { --wui-icon-image-light: url("../icons/theme/light/switch-on.svg"); --wui-icon-image-dark: url("../icons/theme/dark/switch-on.svg"); } .wui-icon-tablet { --wui-icon-image-light: url("../icons/theme/light/tablet.svg"); --wui-icon-image-dark: url("../icons/theme/dark/tablet.svg"); } .wui-icon-tag { --wui-icon-image-light: url("../icons/theme/light/tag.svg"); --wui-icon-image-dark: url("../icons/theme/dark/tag.svg"); } .wui-icon-tee { --wui-icon-image-light: url("../icons/theme/light/tee.svg"); --wui-icon-image-dark: url("../icons/theme/dark/tee.svg"); } .wui-icon-thunder { --wui-icon-image-light: url("../icons/theme/light/thunder.svg"); --wui-icon-image-dark: url("../icons/theme/dark/thunder.svg"); } .wui-icon-ticket { --wui-icon-image-light: url("../icons/theme/light/ticket.svg"); --wui-icon-image-dark: url("../icons/theme/dark/ticket.svg"); } .wui-icon-trash { --wui-icon-image-light: url("../icons/theme/light/trash.svg"); --wui-icon-image-dark: url("../icons/theme/dark/trash.svg"); } .wui-icon-user { --wui-icon-image-light: url("../icons/theme/light/user.svg"); --wui-icon-image-dark: url("../icons/theme/dark/user.svg"); } .wui-icon-van { --wui-icon-image-light: url("../icons/theme/light/van.svg"); --wui-icon-image-dark: url("../icons/theme/dark/van.svg"); } .wui-icon-vr { --wui-icon-image-light: url("../icons/theme/light/vr.svg"); --wui-icon-image-dark: url("../icons/theme/dark/vr.svg"); } .wui-icon-website { --wui-icon-image-light: url("../icons/theme/light/website.svg"); --wui-icon-image-dark: url("../icons/theme/dark/website.svg"); } .wui-icon-wrench { --wui-icon-image-light: url("../icons/theme/light/wrench.svg"); --wui-icon-image-dark: url("../icons/theme/dark/wrench.svg"); } .wui-icon-zoom-in { --wui-icon-image-light: url("../icons/theme/light/zoom-in.svg"); --wui-icon-image-dark: url("../icons/theme/dark/zoom-in.svg"); } .wui-icon-zoom-out { --wui-icon-image-light: url("../icons/theme/light/zoom-out.svg"); --wui-icon-image-dark: url("../icons/theme/dark/zoom-out.svg"); } .wui-icon-fullscreen { --wui-icon-image-light: url("../icons/theme/light/zoom-in.svg"); --wui-icon-image-dark: url("../icons/theme/dark/zoom-in.svg"); } .wui-icon-fullscreen-exit { --wui-icon-image-light: url("../icons/theme/light/zoom-out.svg"); --wui-icon-image-dark: url("../icons/theme/dark/zoom-out.svg"); } html[data-theme="light"] .wui-icon { --wui-icon-image-current: var(--wui-icon-image-light); } html[data-theme="dark"] .wui-icon { --wui-icon-image-current: var(--wui-icon-image-dark); } /* WUI ICON THEME ADAPTATION — GENERATED END */