/* ===================== HOLO Color Palette (из style_light_adapt.css) */
:root {
    --holo-red: #FF3B30;
    --holo-green: #34C759;
    --holo-blue: #007AFF;
    --holo-orange: #FF9500;
    --holo-purple: #AF52DE;
    --holo-pink: #FF2D55;
    --holo-indigo: #5856D6;
    --holo-teal: #00C7BE;
    --holo-yellow: #FFCC00;
    --holo-gray: #8E8E93;
   --site-background: #DAF059;            
    /* Закомментирован фоновый градиент для body */
    --holo-bg: linear-gradient(135deg, var(--site-background) 30%,rgb(141, 187, 247) 80%);
    --holo-card: rgba(255, 255, 255, 0.05);
    --holo-card-hover: rgba(255, 255, 255, 0.08);
    --holo-text: #2C3E50; /* Темно-синий вместо белого */
    --holo-text-light: #7F8C8D; /* Серо-синий для второстепенного текста */
    --holo-border: rgba(44, 62, 80, 0.1); /* Темно-синий с прозрачностью */
    --holo-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* ===================== body (ДУБЛИРОВАНИЕ - приоритет у style.css) */
/*
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    background: var(--holo-bg); 
    color: var(--holo-text);
    min-height: 100vh;
    line-height: 1.6;
}
*/

body {
    max-width: 1100px;
    font-size: 100%;
    background-color: #DAF059;
    border-collapse: collapse;
    border: 0px groove #DAF077;
    padding: 2px;
    margin: 2px;
    font-family: 'Trebuchet MS', 'Verdana', 'sans-serif';
}

/* вид курсора меняем на свой  body {cursor: url("cursor.cur"), auto;} */
body {    cursor: url(cur117.cur), progress !important;}
a {    cursor: url(cur117.cur), progress !important;}
div {    cursor: url(cur117.cur), progress !important;}
input {    cursor: url(cur117.cur), progress !important;}

.container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px;
}

/* Header (из style_light_adapt.css) */
.holo-header {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 30px;
    margin-bottom: 30px;
    border: 1px solid var(--holo-border);
    box-shadow: var(--holo-shadow);
    position: relative;
    overflow: hidden;
}

.holo-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, 
        var(--holo-red), 
        var(--holo-orange), 
        var(--holo-green), 
        var(--holo-blue), 
        var(--holo-purple));
}

.header-title {
    font-size: 2.5rem;
    font-weight: 800;
    margin-bottom: 15px;
    background: linear-gradient(90deg, 
        var(--holo-blue), 
        var(--holo-purple), 
        var(--holo-pink));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.user-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.user-details {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.user-name {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--holo-blue);
}

/* Group Container (из style_light_adapt.css) */
.group-container {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 30px;
    margin: 40px 0;
    border: 1px solid var(--holo-border);
    box-shadow: var(--holo-shadow);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.group-container:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
    border-color: rgba(44, 62, 80, 0.2);
}

.group-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--group-color), transparent);
    opacity: 0.8;
}

.group-title {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--holo-blue);
    display: flex;
    align-items: center;
    gap: 15px;
}

.group-badge {
    background: var(--group-color);
    color: white;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 600;
}

/* Analysis Card (из style_light_adapt.css) */
.analysis-card {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 16px;
    padding: 25px;
    margin: 25px 0;
    border: 1px solid rgba(44, 62, 80, 0.1);
    transition: all 0.3s ease;
    position: relative;
}

.analysis-card:hover {
    background: rgba(255, 255, 255, 1);
    border-color: var(--analysis-border);
    transform: translateX(5px);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.analysis-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
}

.analysis-name {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--holo-text);
}

.analysis-lat {
    font-family: 'Monaco', 'Menlo', monospace;
    color: var(--analysis-color);
    background: rgba(44, 62, 80, 0.05);
    padding: 3px 10px;
    border-radius: 10px;
    font-size: 0.9rem;
    border: 1px solid var(--analysis-border);
}

.analysis-meta {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 20px;
    color: var(--holo-text-light);
}

.meta-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.meta-label {
    font-weight: 600;
    color: var(--holo-blue);
}

.meta-value {
    color: var(--holo-green);
    font-weight: 500;
}

/* Chart Container - ВЫСОТА 200px (из style_light_adapt.css) */
.chart-container {
    width: 100%;
    height: 200px;
    margin: 25px 0;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(44, 62, 80, 0.1);
}

/* Details/Table (из style_light_adapt.css) */
details {
    margin-top: 20px;
}

summary {
    padding: 15px;
    background: rgba(44, 62, 80, 0.05);
    border-radius: 12px;
    cursor: pointer;
    font-weight: 600;
    color: var(--holo-blue);
    border: 1px solid rgba(0, 122, 255, 0.2);
    transition: all 0.3s ease;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

summary::-webkit-details-marker {
    display: none;
}

summary::after {
    content: '▼';
    transition: transform 0.3s ease;
    color: var(--holo-blue);
}

details[open] summary::after {
    transform: rotate(180deg);
}

summary:hover {
    background: rgba(0, 122, 255, 0.05);
    border-color: var(--holo-blue);
}

.data-table-container {
    overflow-x: auto;
    margin-top: 15px;
}

.data-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
    border-radius: 12px;
    overflow: hidden;
    background: white;
    border: 1px solid rgba(44, 62, 80, 0.1);
}

.data-table_menu {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
    border-radius: 12px;
    border: 5px;
    overflow: hidden;
    background: var(--site-background);
    border: 3px solid rgba(44, 62, 80, 0.1);
}

.data-table th {
    background: rgba(0, 122, 255, 0.1);
    padding: 12px 15px;
    text-align: left;
    font-weight: 600;
    color: var(--holo-blue);
    border-bottom: 2px solid rgba(0, 122, 255, 0.2);
}

.data-table td {
    padding: 10px 15px;
    border-bottom: 1px solid rgba(44, 62, 80, 0.1);
}

.data-row-normal {
    background: rgba(52, 199, 89, 0.05);
}

.data-row-abnormal {
    background: rgba(255, 59, 48, 0.05);
}

.date-cell {
    font-family: 'Monaco', 'Menlo', monospace;
    color: var(--holo-text-light);
}

.value-cell {
    font-weight: 600;
    font-size: 1.1rem;
}

.status-badge {
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    display: inline-block;
}

.status-normal {
    background: rgba(52, 199, 89, 0.1);
    color: var(--holo-green);
    border: 1px solid rgba(52, 199, 89, 0.2);
}

.status-low {
    background: rgba(0, 122, 255, 0.1);
    color: var(--holo-blue);
    border: 1px solid rgba(0, 122, 255, 0.2);
}

.status-high {
    background: rgba(255, 59, 48, 0.1);
    color: var(--holo-red);
    border: 1px solid rgba(255, 59, 48, 0.2);
}

/* Footer (из style_light_adapt.css) */
.holo-footer {
    text-align: center;
    margin-top: 50px;
    padding: 30px;
    color: var(--holo-text-light);
    font-size: 0.9rem;
    border-top: 1px solid var(--holo-border);
}

.footer-links {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 15px;
}

.footer-link {
    color: var(--holo-blue);
    text-decoration: none;
    padding: 8px 16px;
    border-radius: 20px;
    border: 1px solid rgba(0, 122, 255, 0.2);
    transition: all 0.3s ease;
}

.footer-link:hover {
    background: rgba(0, 122, 255, 0.05);
    border-color: var(--holo-blue);
}

/* Responsive (из style_light_adapt.css) */
@media (max-width: 768px) {
    .container {
        padding: 10px;
    }
    
    .holo-header {
        padding: 20px;
    }
    
    .header-title {
        font-size: 1.8rem;
    }
    
    .group-container {
        padding: 20px;
    }
    
    .analysis-card {
        padding: 15px;
    }
    
    .chart-container {
        height: 180px;
    }
}

/* No Data (из style_light_adapt.css) */
.no-data {
    text-align: center;
    padding: 60px 20px;
    color: var(--holo-text-light);
}

.no-data-icon {
    font-size: 4rem;
    margin-bottom: 20px;
    opacity: 0.3;
}

.avatar-initials {
display: inline-flex;
align-items: center;
justify-content: center;
width: 55px;
height: 55px;
background-color: var(--holo-purple); 
/* background-color: <?php echo get_group_color("7"); ?>; */
color: white;
border-radius: 50%;
font-weight: bold;
margin-right: 10px;
font-size: 22px;
}
/* --holo-purple  --holo-blue */

/* ===================== amcharts. графики amcharts (из style.css) */
/* #chartdiv {
    width: 420px;
    height: 220px;
} */

#chartdiv.canvas {
	background: #3f3f4f;
	color:#FFFF00;
	width	: 90%;
	height	: 300px;
}

/* ===================== amcharts. графики #DAF059   45D3C9 (из style.css) */

/*новое работает ? */
body {
    font-size: 16px;
}

@media (max-width: 768px) {
    body {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    body {
        font-size: 13px;
    }
}

/* НОВОЕ-ПРОВЕРИТЬ   Вставка кода в текст статьи !!! example code will have scrollbars if too big
.examplecode  {
    background-color:#FFF8E4;
    overflow:auto;
    width:680px;
    white-space: pre;
}
.img_left {
    margin:5px 10px 5px 0px;
    float:left;
}
.img_right {
    margin:5px 0px 5px 10px;
    float:right;
}
*/

/*  #7d7d7d  #F2F2F2
border-bottom-width:15px;           рамка снизу
border-bottom-left-radius:55px;
border-color:red green blue pink #ffa;
border-radius:25px;                 закругление
                                                    */
/*
div {
class:;
dir  :;
id   :;
lang :;
style:;
title:;
xml:lang:;
}

onclick	        	скрипт	Скрипт будет выполнен при клике
ondblclick		    скрипт	при двойном клике
onmousedown		    скрипт	Спри нажатии кнопки мышки
onmousemove		    скрипт	при движении курсора мышки
onmouseout		    скрипт	когда курсор мышки покинет пределы элемента
onmouseover		    скрипт	когда курсор мышки находится над элементом
onmouseup			скрипт	когда кнопка мышки будет отпущена
onkeydown			скрипт	при нажатии клавиши
onkeypress		    скрипт	при нажатии клавиши и последующего разжатия
onkeyup	        	скрипт	при разжатии клавиши

 */

/* =======================================  menu (из style.css) */

/* ======================================= УНИВЕРСАЛЬНОЕ МЕНЮ ======================================= */
/* Работает для всех меню сайта */

/* Принудительный сброс для меню */
ul#menu, 
ul#menu li, 
ul#menu li a {
    display: block !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
}

ul#menu {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

ul#menu li {
    margin: 3px 0 !important;
    padding: 0 !important;
}

ul#menu li a {
    white-space: normal !important;
    word-wrap: break-word !important;
    padding: 5px 10px !important;
    background: linear-gradient(to top, #69E241 10%, #fff 70%, #00B900) !important;
    color: #FF0000 !important;
    text-decoration: none !important;
    border-radius: 3px 11px 3px 11px !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
    font-size: 0.95rem !important;
    line-height: 1.3 !important;
    box-sizing: border-box !important;
}

/* Заголовки разделов (для левого меню) */
ul#menu h4 {
    margin: 10px 0 5px 0 !important;
    padding: 0 !important;
    color: var(--holo-blue, #007AFF) !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    display: block !important;
    width: 100% !important;
    clear: both !important;
}

/* Разделители (для основного меню) */
ul#menu li.separator {
    color: #666 !important;
    font-size: 1rem !important;
    font-weight: bold !important;
    padding: 2px 0 !important;
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    clear: both !important;
    line-height: 1 !important;
    margin: 2px 0 !important;
    background: transparent !important;
    cursor: default !important;
}

/* Состояния ссылок */
ul#menu li a:hover {
    background: linear-gradient(to top, #FFFF00 10%, #fff 70%, #00B900) !important;
    color: #0080FF !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

ul#menu li a:active {
    background: linear-gradient(to top, #FF0000 10%, #fff 70%, #00B900) !important;
    color: #96D3A3 !important;
}

ul#menu li a:visited {
    background: linear-gradient(to top, #FFFFFF 10%, #fff 70%, #00B900) !important;
    color: #008000 !important;
}

/* Адаптация для мобильных */
@media (max-width: 768px) {
    ul#menu li a {
        padding: 4px 8px !important;
        font-size: 0.9rem !important;
    }
    ul#menu h4 {
        font-size: 1rem !important;
    }
}

/* =======================================  menu (из style.css) */
/* =======================================  menu (из style.css) */
/* =======================================  menu (из style.css) */

/* =======================================  div (из style.css) */
div#submit_fon {
    background-color: #fffff5;
}

div.info {
    background-color: #DAF022;
    margin-left: 2px;
    margin-right: 2px;
    border-style: groove;
    color: #808080;
    font-size: 1.0em;
}

/*border:4px groove;*/

div.margin_0 {
    margin: 1px;
}

div.bgclr {
    width: 100%;
}

div.column2 {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-rule: 2px solid #7F0055;
}

.zelen {
    box-shadow: 19px 5px 18px -4px #398e24;
    width: 100%;
}

/*позиция  http://www.wisdomweb.ru/CSS/position.php */
/*http://www.wisdomweb.ru/CSS3/column.php  4 столбца текста*/
div.column4 {
    column-count: 4;
    column-rule: 2px dotted #7F0055;
}

/* =======================================  div (из style.css) */

/* ======================================= footer (из style.css) */
.footer {
    text-align: center;
    font-size: 66%;
}

.letter-ru {
    color: #FF0080;
    font-size: 100%;
    /* align: right; */
}

.letter-esp {
    color: #1111EE;
    font-size: 110%;
}

/* ======================================= footer (из style.css) */

/* =======================================   table (из style.css) */
/*главная таблица времен и глаголов */
#m_form_main {
    border-width: 1px;
    text-indent: 1px;
    /* cellpadding: 1px;
    cellspacing: 1px;
    bgcolor: #f97839; */
    text-align: center;
}

/*стиль области отправки запроса */
#m_form_submit {
    height: 50px;
    border: 2px;
    text-indent: 8px;
    /* cellpadding: 8px;
    cellspacing: 2px;
    bordercolor: "";
    bgcolor: ''; */
}

/* border-style:groove; solid */
#container1 {
    border: 2px solid;
    padding: 5px;
    text-indent: 7px;
    margin: 20px;
    /* align: center; */
}

table.trtd {
    table-layout: fixed;
    width: 90%;
    /* align: center;
    valign: middle; */
}

th.th_th {
    /* bgcolor: #F97839; */
    text-align: center;
    font-size: 200%
}

th.th_verb { /*id="th_verb" */
    /* bgcolor: #F97839; */
    text-align: center;
    font-size: 60%;
}

tr.h_insulin {
    text-align: center;
    color: #0000A0;
    font-size: 120%;
    /* bgcolor: #000;
    bordercolor: red; */
}

tr.insulin {
    text-align: center;
    /* bgcolor: #000;
    bordercolor: red; */
}

/*======================================================*/
/* чет - нечет   СТРОК РАБОТАЕТ */
tr.chet_nechetstr0 {
    color: #6C6C6C;
}

tr.chet_nechetstr1 {
    color: #6C6C2C;
}

/*======================================================*/

td.red {
    color: red;
}

td.orange {
    color: #FF0080;
}

td.green {
    color: green;
}

/*http://www.wisdomweb.ru/CSS/table.php */
#td7 {
    background-color: pink;
    padding: 2px;
    font-size: 80%;
}

.tab1 /*<table class='tab1'> */
{
    width: 100%;
    height: 200px;
    text-align: center;
    vertical-align: middle;
    padding: 3px;
}

.tab2 {
    width: 70%;
    text-align: right;
    vertical-align: top;
}

.tab3 {
    width: 300px;
    text-align: center;
    vertical-align: bottom;
}

/* =======================================   table (из style.css) */

/* ======================================= p. (из style.css) */
p.green {
    margin: 1px;
    padding: 1px;
    color: green;
    /* align: center; */
}

/*align:right; */

p.txt {
    font-size: 90%;
    padding: 2px 7px 2px 15px;
    border: 1px;
    /* align: distribute; */
}

/*2cm 4cm 3cm 4cm */
/*justify  distribute */

p.txt1 {
    font-size: 120%;
    padding: 2px 7px 2px 15px;
    border: 2px;
    /* align: right; */
    color: #FF0080;
}

/*2cm 4cm 3cm 4cm */

/*линия над каждым абзацем <p> сверху */
p.top1 {
    border-width: 1px;
    border-top: solid green;
    font-size: 120%;
    padding: 1px 7px 2px 15px;
}

/*align:justify; */
/*2cm 4cm 3cm 4cm */

/* ======================================= p. (из style.css) */

/* ======================================= font (из style.css) */
font.opredelenia {
    font-size: 1em;
    color: blue;
    /* face: Arial; */
}

font.blue_center {
    font-size: 1em;
    color: blue;
    /* face: Arial; */
    font-weight: bold;
    background-color: #f00000;
    border-color: red;
}

/* ======================================= font (из style.css) */

/*  шрифт для записей админа в дневнике 	<h4 class="admin_txt">	<p class="admin_txt">] (из style.css) */
.admin_txt {
    margin: 1px;
    padding: 3px;
    color: #B10EBE;
    background-color: #B3F2C8;
    border-radius: 7px;
}

/*  шрифт для записей в дневнике НОВЫЙ ДЕНЬ 	<h4 class="newday_txt">	<p class="newday_txt">  ] (из style.css) */
.newday_txt {
    margin: 1px;
    padding: 3px;
    color: #000;
    background-color: #B3F2C8;
    border-radius: 7px;
}

/* ======================================= h1,h2,h3,h4,h5 (из style.css) */
h1, h2, h3, h4, h5, h6 {
    margin: 1px;
    padding: 1px;
    color: #c00;;
}

/* ======================================= h1,h2,h3,h4,h5 (из style.css) */

/* ======================================= Shadow (из style.css) */
.boxShadow3 {
    width: 80%;
    max-width: 550px;
    margin: 1em auto;
    padding: 1em;
    box-shadow: 0 0 40px rgba(0, 0, 0, .1) inset;
}

.boxShadow4 {
    /* align: "center"; */
    width: 95%;
    max-width: 550px;
    margin: 1em auto;
    padding: 1em;
    background: #9EF39C;
    box-shadow: 1em 1em 4em 4em red inset;
}

.boxShadow5 {
    width: 80%;
    max-width: 550px;
    margin: 2em auto;
    padding: 4em;
    background: lightcyan;
    box-shadow: 1em 1em 4em 4em white inset;
}

/* ======================================= Shadow (из style.css) */

/* ======================================= Timer (из style.css) */
#time {
    position: fixed;
    top: 25px;
    left: 100px;
    color: #0000FF;
    font-size: 1.2em;
}

/* ======================================= Timer (из style.css) */

/* ============== плавающая кнопка НАЗАД (из style.css) */
#butt_nazad {
    position: fixed;
    top: -5px;
    left: -40px;
    filter: alpha(Opacity=90);
    opacity: 0.9;
    z-index: 99;
}

/* ============== плавающая кнопка НАЗАД (из style.css) */

/* ======================================= position (из style.css) */
/* ============================= переходы  http://www.wisdomweb.ru/CSS3/transition.php */
/* ============================= позиция  http://www.wisdomweb.ru/CSS/position.php */
/*вызов <p id='pos1'>10</p> */
#pos1 {
    position: absolute;
    top: 1px;
    left: 100px;
    border: 1px solid;
    width: 80px;
    height: 80px;
    background-color: red;
    font-size: 4em;
    z-index: 10;
}

/*с бОльшим индексом - впереди */

.fl1 {
    float: right;
}

/*	для графика сидометр ...	УДАЛИТЬ	*/
#spidometr_hba1c {
    width: 100%;
    height: 200px;
}