/* =========================================================
   Weiche eG – Admin Skin (style-admin.css)
   Ziel: WordPress Dashboard + Admin im Look deines Plugins
   Basis: Cards, Pills, Tables, Buttons, Fokus, Farben
   Ersetzt WP-Blau durch Dunkelblau (#273143)
   ========================================================= */

/* -----------------------------
   Design Tokens
------------------------------ */
:root{
  --cd-ink:#1d2327;
  --cd-muted:#646970;

  --cd-blue:#273143;        /* dunkelblau (statt WP blau) */
  --cd-blue-hover:#1f2836;

  --cd-accent: rgb(235, 81, 64); /* optional: euer rot */
  --cd-bg:#ffffff;
  --cd-bg-soft:#fbfbfc;
  --cd-pill:#f6f7f7;

  --cd-border:#e6e7e9;
  --cd-border-soft:#f0f0f1;

  --cd-radius:14px;
  --cd-radius-sm:10px;

  --cd-shadow:0 6px 18px rgba(0,0,0,.06);
}

/* -----------------------------
   Base typography / layout
------------------------------ */
#wpbody-content .wrap{
  max-width: 1400px;
}

.wp-admin{
  color: var(--cd-ink);
}

.wp-admin .notice,
.wp-admin .update-nag{
  border-radius: var(--cd-radius) !important;
  box-shadow: var(--cd-shadow) !important;
  border: 1px solid var(--cd-border) !important;
}

/* -----------------------------
   Links: WP blue -> dark blue
------------------------------ */
.wp-admin a{
  color: var(--cd-blue);
}
.wp-admin a:hover{
  color: var(--cd-blue-hover);
}

/* -----------------------------
   Buttons
------------------------------ */
.wp-core-ui .button,
.wp-core-ui .button-secondary{
  border-radius: var(--cd-radius-sm) !important;
  padding: 6px 12px !important;
  border-color: var(--cd-border) !important;
  background: #fff !important;
  color: var(--cd-ink) !important;
  box-shadow: none !important;
}

.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover{
  border-color: #d5d6d9 !important;
  background: var(--cd-bg-soft) !important;
}

.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus{
  border-color: var(--cd-blue) !important;
  box-shadow: 0 0 0 3px rgba(39,49,67,0.18) !important;
}

.wp-core-ui .button-primary{
  background: var(--cd-blue) !important;
  border-color: var(--cd-blue) !important;
  color: #fff !important;
  border-radius: var(--cd-radius-sm) !important;
  padding: 6px 12px !important;
  box-shadow: none !important;
}

.wp-core-ui .button-primary:hover{
  background: var(--cd-blue-hover) !important;
  border-color: var(--cd-blue-hover) !important;
}

.wp-core-ui .button-primary:focus{
  box-shadow: 0 0 0 3px rgba(39,49,67,0.25) !important;
}

/* Delete links */
.wp-core-ui .button-link-delete{
  color:#b32d2e !important;
}
.wp-core-ui .button-link-delete:hover{
  color:#8a2424 !important;
}

/* -----------------------------
   Inputs / Focus
------------------------------ */
.wp-core-ui input[type="text"],
.wp-core-ui input[type="search"],
.wp-core-ui input[type="email"],
.wp-core-ui input[type="url"],
.wp-core-ui input[type="password"],
.wp-core-ui input[type="number"],
.wp-core-ui input[type="tel"],
.wp-core-ui select,
.wp-core-ui textarea{
  border-radius: var(--cd-radius-sm) !important;
  border-color: var(--cd-border) !important;
  box-shadow: none !important;
}

.wp-core-ui input:focus,
.wp-core-ui select:focus,
.wp-core-ui textarea:focus{
  border-color: var(--cd-blue) !important;
  box-shadow: 0 0 0 3px rgba(39,49,67,0.18) !important;
}

/* -----------------------------
   Admin menu (left sidebar)
------------------------------ */
#adminmenuwrap,
#adminmenuback{
  background: #111827 !important; /* tief dunkel */
}

#adminmenu{
  background: transparent !important;
}

#adminmenu a{
  color: rgba(255,255,255,.86) !important;
}

#adminmenu .wp-submenu a{
  color: rgba(255,255,255,.80) !important;
}

#adminmenu li.menu-top > a{
  padding: 9px 10px !important;
}

#adminmenu .wp-menu-image:before{
  color: rgba(255,255,255,.70) !important;
}

/* Hover */
#adminmenu li.menu-top:hover > a,
#adminmenu li.opensub > a,
#adminmenu li > a:focus{
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
}

/* Current */
#adminmenu li.current > a.menu-top,
#adminmenu li.wp-has-current-submenu > a.wp-has-current-submenu{
  background: rgba(255,255,255,.12) !important;
  color: #fff !important;
}

#adminmenu li.current .wp-menu-image:before,
#adminmenu li.wp-has-current-submenu .wp-menu-image:before{
  color: #fff !important;
}

/* Submenu panel */
#adminmenu .wp-submenu{
  background: rgba(255,255,255,.06) !important;
  border-radius: 12px !important;
  margin: 6px 10px !important;
  padding: 6px 0 !important;
}

#adminmenu .wp-submenu a:hover{
  background: rgba(255,255,255,.10) !important;
  color:#fff !important;
}

/* -----------------------------
   Admin top bar
------------------------------ */
#wpadminbar{
  background: #0b1220 !important;
}
#wpadminbar .ab-item,
#wpadminbar a.ab-item,
#wpadminbar > #wp-toolbar span.ab-label{
  color: rgba(255,255,255,.90) !important;
}
#wpadminbar .ab-top-menu>li:hover>.ab-item,
#wpadminbar .ab-top-menu>li>.ab-item:focus{
  background: rgba(255,255,255,.08) !important;
  color:#fff !important;
}

/* -----------------------------
   Page title / screen meta
------------------------------ */
.wrap h1{
  font-weight: 750 !important;
  letter-spacing: -0.01em;
}

#screen-meta-links .show-settings{
  border-radius: var(--cd-radius-sm) !important;
  border-color: var(--cd-border) !important;
}

/* -----------------------------
   Dashboard widgets (cards)
------------------------------ */
#dashboard-widgets .postbox{
  border: 1px solid var(--cd-border) !important;
  border-radius: var(--cd-radius) !important;
  box-shadow: var(--cd-shadow) !important;
  overflow: hidden !important;
  background: #fff !important;
}

#dashboard-widgets .postbox .postbox-header{
  border-bottom: 1px solid var(--cd-border-soft) !important;
  padding: 10px 14px !important;
  background: linear-gradient(180deg, #ffffff, #fbfbfc) !important;
}

#dashboard-widgets .postbox .hndle{
  font-size: 14px !important;
  font-weight: 650 !important;
}

#dashboard-widgets .postbox .inside{
  padding: 14px !important;
}

/* Make dashboard tables match */
#dashboard-widgets table.widefat{
  border: 1px solid var(--cd-border-soft) !important;
  border-radius: var(--cd-radius) !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

#dashboard-widgets table.widefat th{
  color:#50575e !important;
  font-size:12px !important;
  font-weight:650 !important;
}

#dashboard-widgets table.widefat td{
  vertical-align: middle !important;
}

/* -----------------------------
   Tables (widefat + list tables)
------------------------------ */
.wp-list-table,
table.widefat{
  border-radius: var(--cd-radius) !important;
  overflow: hidden !important;
  border: 1px solid var(--cd-border-soft) !important;
  box-shadow: none !important;
}

table.widefat thead th,
.wp-list-table thead th{
  background: linear-gradient(180deg, #ffffff, #fbfbfc) !important;
  color:#50575e !important;
  font-size:12px !important;
  font-weight:650 !important;
  border-bottom: 1px solid var(--cd-border-soft) !important;
}

table.widefat tbody td,
.wp-list-table tbody td{
  border-top: 1px solid var(--cd-border-soft) !important;
}

.striped>tbody>:nth-child(odd),
.wp-list-table.striped>tbody>:nth-child(odd){
  background: #fcfcfd !important;
}

/* Row actions links */
.wp-list-table .row-actions a{
  color: var(--cd-blue) !important;
}
.wp-list-table .row-actions a:hover{
  color: var(--cd-blue-hover) !important;
}

/* -----------------------------
   Metabox / post stuff
------------------------------ */
.postbox{
  border-radius: var(--cd-radius) !important;
  border: 1px solid var(--cd-border) !important;
  box-shadow: var(--cd-shadow) !important;
  overflow: hidden !important;
}
.postbox .postbox-header{
  background: linear-gradient(180deg, #ffffff, #fbfbfc) !important;
  border-bottom: 1px solid var(--cd-border-soft) !important;
}

/* -----------------------------
   Pills / badges (generic helper)
------------------------------ */
.cd-pill,
.cd-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 10px;
  border-radius:999px;
  border:1px solid var(--cd-border);
  background: var(--cd-pill);
  font-size:12px;
  color: var(--cd-ink);
}

/* -----------------------------
   Pagination
------------------------------ */
.tablenav .tablenav-pages a,
.tablenav-pages-navspan{
  border-radius: var(--cd-radius-sm) !important;
  border-color: var(--cd-border) !important;
}

.tablenav-pages .current-page{
  border-radius: var(--cd-radius-sm) !important;
}

.tablenav-pages .current{
  background: var(--cd-blue) !important;
  border-color: var(--cd-blue) !important;
  color:#fff !important;
}

/* -----------------------------
   Checkboxes / Radios: accent
------------------------------ */
.wp-admin input[type="radio"]:checked:before{
  background: var(--cd-blue) !important;
}
.wp-admin input[type="checkbox"]:checked::before{
  color: var(--cd-blue) !important;
}

/* -----------------------------
   Notices (success/warn/error) soften
------------------------------ */
.notice.notice-success{
  border-left-color: #2ea043 !important;
}
.notice.notice-warning{
  border-left-color: #d29922 !important;
}
.notice.notice-error{
  border-left-color: #cf222e !important;
}

/* -----------------------------
   WP Core misc: screen options / help tabs
------------------------------ */
#screen-meta{
  border-radius: var(--cd-radius) !important;
  border: 1px solid var(--cd-border) !important;
  box-shadow: var(--cd-shadow) !important;
  overflow: hidden !important;
}

/* -----------------------------
   Optional: make admin content background slightly softer
------------------------------ */
#wpbody{
  background: #f7f8fb; /* sehr hell, neutral */
}

/* Keep main content cards readable */
#wpcontent{
  padding-left: 0;
}

/* -----------------------------
   Gutenberg top-level panels (light touch)
------------------------------ */
.interface-interface-skeleton__content{
  background: #f7f8fb !important;
}

#wpfooter {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 10px 20px;
color: #50575e;
display: none;
}

/* =========================================================
   Mehr Abstand zwischen Sidebar und Inhalt
   ========================================================= */

#wpcontent {
  padding-left: 25px !important;
}

/* Dashboard Wrap */
#wpbody-content .wrap {
  margin-left: 5px;
}

/* Tabellen und Cards etwas luftiger */
.wrap .widefat,
.wrap .postbox {
  margin-top: 5px;
}

Body {
background: #f7f8fb !important
}

/* Hilfe + Ansicht anpassen ausblenden */
#contextual-help-link-wrap,
#screen-options-link-wrap {
  display: none !important;
}

/* =========================================================
   Weiche eG – Login / Register Skin (nur CSS)
   HINT: ans ENDE deiner bestehenden CSS-Datei
   ========================================================= */

body.login{
  background: #f6a8b6 !important; /* rosa Hintergrund */
  background-image: radial-gradient(circle at 20% 10%, rgba(255,255,255,.35), transparent 40%),
                    radial-gradient(circle at 80% 30%, rgba(255,255,255,.25), transparent 45%),
                    radial-gradient(circle at 50% 90%, rgba(0,0,0,.06), transparent 55%) !important;
  min-height: 100vh;
}

/* Card */
body.login #login{
  width: 380px;
  padding: 36px 0 0;
}

body.login #loginform,
body.login #registerform,
body.login #lostpasswordform,
body.login #resetpassform{
  border-radius: 18px !important;
    border: 2px solid #273143 !important; /* dunkelblaue Kontur */
  background: rgba(255,255,255,.92) !important;
  padding: 26px 26px 18px !important;
}

/* Logo statt WP */
body.login h1 a{
  background-image: url("https://weiche-eg.de/wp-content/uploads/Weiche_Logo_blau.png") !important; /* <- HIER Logo-Pfad setzen */
  background-size: contain !important;
  background-position: center !important;
  width: 400px !important;
  height: auto !important;
  margin: 0 auto 18px !important;
}

/* Typo / Inputs */
body.login #login form .input,
body.login input[type="text"],
body.login input[type="password"],
body.login input[type="email"]{
  border-radius: 12px !important;
  border: 2px solid #273143 !important; /* dunkelblaue Kontur */
  padding: 10px 12px !important;
  background:#fff !important;
	box-shadow: 0px !important;
}

/* Fokus */
body.login #login form .input:focus,
body.login input:focus{
  outline: none !important;
}

body.login #login form .input:focus{
  border-color: var(--cd-blue) !important;
  box-shadow: 0 0 0 4px rgba(39,49,67,.18) !important;
}

/* Button Primary im CDKI-Look */
body.login .wp-core-ui .button-primary{
  background: var(--cd-blue) !important;
  border-color: var(--cd-blue) !important;
  border-radius: 12px !important;
  padding: 8px 14px !important;
  box-shadow: none !important;
  min-height: 40px;
}

body.login .wp-core-ui .button-primary:hover{
  background: var(--cd-blue-hover) !important;
  border-color: var(--cd-blue-hover) !important;
}

/* Links */
body.login #nav a,
body.login #backtoblog a{
  color: rgba(17,24,39,.85) !important;
}

body.login #nav a:hover,
body.login #backtoblog a:hover{
  color: rgba(17,24,39,1) !important;
  text-decoration: underline;
}

/* “Passwort vergessen” / Hinweise */
body.login .message,
body.login .notice,
body.login .success{
  border-radius: 14px !important;
  border: 2px solid #273143 !important; /* dunkelblaue Kontur */
}